diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7ca243a9..f6f4aeca 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+## 12.0.0-beta.5
+
+- feat: Add `provideGalleryOptions` and `provideLightboxOptions` to set global options.
+- refactor: Use `useFactory` function to set the default options for `GALLERY_CONFIG` and `LIGHTBOX_CONFIG` token.
+
 ## 12.0.0
 
 - Add vimeo support in [#575](https://github.com/MurhafSousli/ngx-gallery/pull/575).
diff --git a/build-storybook.log b/build-storybook.log
deleted file mode 100644
index 483b4491..00000000
--- a/build-storybook.log
+++ /dev/null
@@ -1,807 +0,0 @@
-
-> ng-gallery-project@0.0.0 build-storybook
-> ng run ng-gallery:build-storybook --output-dir C:\Users\Murhaf\AppData\Local\Temp\chromatic--28884-PtdM9I0wjZqE
-
-[0m
-[0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m
-[0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m
-[0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m
-[48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m
-[48;5;255m [48;5;255m [0m [0m [0m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m
-[48;5;255m [48;5;255m [0m [0m [0m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m
-[48;5;255m [48;5;255m [0m [0m [0m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m
-[48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m [0m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [48;5;255m [0m
-[0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m
-[0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m
-[0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [48;5;255m [48;5;255m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m [0m
-
-1.1.21
-
-TypeScript version used by Compodoc : 5.0.2
-
-TypeScript version of current project : 5.0.4
-
-Node.js version : v20.2.0
-
-Operating system : Windows 10
-
-[06:13:25] No configuration file found, switching to CLI flags.
-[06:13:25] Using tsconfig file : C:\Users\Murhaf\Desktop\Projects\ngx-gallery\projects\ng-gallery\.storybook\tsconfig.json
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/.storybook/preview.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/public-api.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/gallery.module.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/Configure.mdx
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/GettingStarted.mdx
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-core.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-core.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-counter.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-counter.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-bullets.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-dots.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-item.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-item.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-nav.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-nav.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-slider.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-slider.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-thumb.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-thumb.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-thumbs.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/gestures/mouse-sliding.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/config.model.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/constants.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/gallery.model.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/slider.model.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/styles.model.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/services/gallery-ref.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/services/gallery.service.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/observers/active-item-observer.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/smooth-scroll/index.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/styles/debug.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/utils/gallery.default.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/utils/img-manager.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/utils/img-recognizer.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/utils/resize-observer.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/accessibility.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/accessibility.svg
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/addon-library.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/assets.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/context.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/discord.svg
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/docs.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/figma-plugin.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/github.svg
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/lightbox.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/share.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/styling.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/testing.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/theming.png
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/tutorials.svg
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/assets/youtube.svg
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/basic/gallery-example.component.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/basic/Gallery.stories.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/basic/GalleryDocs.mdx
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/custom-templates/CustomTemplates.mdx
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/lightbox/lightbox-example.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/lightbox/Lightbox.mdx
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/pixabay/pixabay.model.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/pixabay/pixabay.service.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/adapters/base-adapter.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/adapters/index.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/adapters/main-adapters.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts
-[06:13:25] Excluding      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/gallery-image.scss
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/items.model.ts
-[06:13:25] Including      : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/svg-assets.ts
-[06:13:25] Searching package.json file
-[06:13:25] package.json file found
-[06:13:25] Processing package.json dependencies
-[06:13:25] Searching README.md, CHANGELOG.md, CONTRIBUTING.md, LICENSE.md, TODO.md files
-[06:13:25] README.md file found
-[06:13:25] CHANGELOG.md file found
-[06:13:25] Error during C:\Users\Murhaf\Desktop\Projects\ngx-gallery\CONTRIBUTING read
-[06:13:25] Continuing without CONTRIBUTING.md file
-[06:13:25] LICENSE.md file found
-[06:13:25] Error during C:\Users\Murhaf\Desktop\Projects\ngx-gallery\TODO read
-[06:13:25] Continuing without TODO.md file
-[06:13:25] Get dependencies data
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/.storybook/preview.ts
-[06:13:26] found          : preview
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/public-api.ts
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/gallery.module.ts
-[06:13:26] found          : GalleryModule
-[06:13:26]                : - imports:
-[06:13:26]                : 	- GalleryComponent
-[06:13:26]                : 	- GalleryItemDef
-[06:13:26]                : 	- GalleryImageDef
-[06:13:26]                : 	- GalleryThumbDef
-[06:13:26]                : 	- GalleryBoxDef
-[06:13:26]                : - exports:
-[06:13:26]                : 	- GalleryComponent
-[06:13:26]                : 	- GalleryItemDef
-[06:13:26]                : 	- GalleryImageDef
-[06:13:26]                : 	- GalleryThumbDef
-[06:13:26]                : 	- GalleryBoxDef
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-core.component.ts
-[06:13:26] found          : GalleryCoreComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26]                : 	- GalleryThumbsComponent
-[06:13:26]                : 	- GallerySliderComponent
-[06:13:26]                : 	- GalleryNavComponent
-[06:13:26]                : 	- GalleryBulletsComponent
-[06:13:26]                : 	- GalleryCounterComponent
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-counter.component.ts
-[06:13:26] found          : GalleryCounterComponent
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-bullets.component.ts
-[06:13:26] found          : GalleryBulletsComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-item.component.ts
-[06:13:26] found          : GalleryItemComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26]                : 	- GalleryImageComponent
-[06:13:26]                : 	- GalleryVideoComponent
-[06:13:26]                : 	- GalleryIframeComponent
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-nav.component.ts
-[06:13:26] found          : GalleryNavComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-slider.component.ts
-[06:13:26] found          : GallerySliderComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26]                : 	- GalleryItemComponent
-[06:13:26]                : 	- SmoothScroll
-[06:13:26]                : 	- HammerSliding
-[06:13:26]                : 	- SliderIntersectionObserver
-[06:13:26]                : 	- ItemIntersectionObserver
-[06:13:26]                : 	- SliderResizeObserver
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-thumb.component.ts
-[06:13:26] found          : GalleryThumbComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26]                : 	- GalleryImageComponent
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts
-[06:13:26] found          : GalleryThumbsComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26]                : 	- GalleryThumbComponent
-[06:13:26]                : 	- SmoothScroll
-[06:13:26]                : 	- HammerSliding
-[06:13:26]                : 	- ThumbResizeObserver
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/gallery.component.ts
-[06:13:26] found          : GalleryComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26]                : 	- GalleryCoreComponent
-[06:13:26]                : 	- AutoplayDirective
-[06:13:26]                : - providers:
-[06:13:26]                : 	- ImgManager
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts
-[06:13:26] found          : AutoplayDirective
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts
-[06:13:26] found          : GalleryBoxDef
-[06:13:26] found          : GalleryStateContext
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts
-[06:13:26] found          : GalleryImageDef
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts
-[06:13:26] found          : GalleryItemDef
-[06:13:26] found          : GalleryItemContext
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts
-[06:13:26] found          : GalleryThumbDef
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts
-[06:13:26] found          : Hammer
-[06:13:26] found          : HammerSliding
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/gestures/mouse-sliding.directive.ts
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/config.model.ts
-[06:13:26] found          : GALLERY_CONFIG
-[06:13:26] found          : GalleryConfig
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/constants.ts
-[06:13:26] found          : GalleryAction
-[06:13:26] found          : ImageSize
-[06:13:26] found          : LoadingStrategy
-[06:13:26] found          : LoadingAttr
-[06:13:26] found          : ThumbnailsPosition
-[06:13:26] found          : bulletsPosition
-[06:13:26] found          : CounterPosition
-[06:13:26] found          : SlidingDirection
-[06:13:26] found          : GalleryItemTypes
-[06:13:26] found          : ThumbnailsView
-[06:13:26] found          : GalleryItemType
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/gallery.model.ts
-[06:13:26] found          : GalleryState
-[06:13:26] found          : GalleryItem
-[06:13:26] found          : GalleryError
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/slider.model.ts
-[06:13:26] found          : SliderState
-[06:13:26] found          : WorkerState
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/styles.model.ts
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/services/gallery-ref.ts
-[06:13:26] found          : filterActions
-[06:13:26] found          : GalleryRef
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/services/gallery.service.ts
-[06:13:26] found          : Gallery
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/observers/active-item-observer.ts
-[06:13:26] found          : ActiveItemObserver
-[06:13:26] found          : createIntersectionObserver
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts
-[06:13:26] found          : ItemIntersectionObserver
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts
-[06:13:26] found          : SliderIntersectionObserver
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts
-[06:13:26] found          : SliderResizeObserver
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts
-[06:13:26] found          : ThumbResizeObserver
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts
-[06:13:26] found          : NEWTON_ITERATIONS
-[06:13:26] found          : NEWTON_MIN_SLOPE
-[06:13:26] found          : SUBDIVISION_PRECISION
-[06:13:26] found          : SUBDIVISION_MAX_ITERATIONS
-[06:13:26] found          : kSplineTableSize
-[06:13:26] found          : kSampleStepSize
-[06:13:26] found          : float32ArraySupported
-[06:13:26] found          : A
-[06:13:26] found          : B
-[06:13:26] found          : C
-[06:13:26] found          : calcBezier
-[06:13:26] found          : getSlope
-[06:13:26] found          : binarySubdivide
-[06:13:26] found          : newtonRaphsonIterate
-[06:13:26] found          : LinearEasing
-[06:13:26] found          : bezier
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/smooth-scroll/index.ts
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts
-[06:13:26] found          : Hammer
-[06:13:26] found          : SmoothScroll
-[06:13:26]                : - providers:
-[06:13:26]                : 	- Dir
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts
-[06:13:26] found          : SMOOTH_SCROLL_OPTIONS
-[06:13:26] found          : SmoothScrollToOptions
-[06:13:26] found          : SmoothScrollOptions
-[06:13:26] found          : SmoothScrollStep
-[06:13:26] found          : BezierEasingOptions
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/utils/gallery.default.ts
-[06:13:26] found          : defaultState
-[06:13:26] found          : defaultConfig
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/utils/img-manager.ts
-[06:13:26] found          : ImageRegistry
-[06:13:26] found          : ImgManager
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/utils/img-recognizer.ts
-[06:13:26] found          : ImgRecognizer
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/utils/resize-observer.ts
-[06:13:26] found          : resizeObservable
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/basic/gallery-example.component.ts
-[06:13:26] found          : GalleryExampleComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26]                : 	- GalleryModule
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/basic/Gallery.stories.ts
-[06:13:26] found          : meta
-[06:13:26] found          : Story
-[06:13:26] found          : All
-[06:13:26] found          : Thumbnails
-[06:13:26] found          : Navigation
-[06:13:26] found          : Dots
-[06:13:26] found          : Counter
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts
-[06:13:26] found          : CustomTemplateComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26]                : 	- GalleryModule
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts
-[06:13:26] found          : meta
-[06:13:26] found          : Story
-[06:13:26] found          : All
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/lightbox/lightbox-example.component.ts
-[06:13:26] found          : LightboxExampleComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- CommonModule
-[06:13:26]                : 	- LightboxModule
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts
-[06:13:26] found          : meta
-[06:13:26] found          : Story
-[06:13:26] found          : All
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/pixabay/pixabay.model.ts
-[06:13:26] found          : PixabayModel
-[06:13:26] found          : Hit
-[06:13:26] found          : PixabayHDModel
-[06:13:26] found          : Hit2
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/pixabay/pixabay.service.ts
-[06:13:26] found          : Pixabay
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/adapters/base-adapter.ts
-[06:13:26] found          : SliderAdapter
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/adapters/index.ts
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/adapters/main-adapters.ts
-[06:13:26] found          : Hammer
-[06:13:26] found          : HorizontalAdapter
-[06:13:26] found          : VerticalAdapter
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts
-[06:13:26] found          : GalleryIframeComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- NgIf
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts
-[06:13:26] found          : GalleryImageComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- NgSwitch
-[06:13:26]                : 	- NgSwitchCase
-[06:13:26]                : 	- NgIf
-[06:13:26]                : 	- ImgRecognizer
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts
-[06:13:26] found          : GalleryVideoComponent
-[06:13:26]                : - imports:
-[06:13:26]                : 	- NgFor
-[06:13:26]                : 	- NgIf
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/items.model.ts
-[06:13:26] found          : ImageItem
-[06:13:26] found          : VideoItem
-[06:13:26] found          : IframeItem
-[06:13:26] found          : YoutubeItem
-[06:13:26] found          : GalleryItemModel
-[06:13:26] found          : ImageItemData
-[06:13:26] found          : IframeItemData
-[06:13:26] found          : YoutubeItemData
-[06:13:26] found          : VideoItemData
-[06:13:26] found          : GalleryItemData
-[06:13:26] found          : ItemState
-[06:13:26] parsing        : C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/components/templates/svg-assets.ts
-[06:13:26] found          : imageFailedSvg
-[06:13:26] -------------------
-[06:13:26] Project statistics
-[06:13:26] - files      : 56
-[06:13:26] - module     : 1
-[06:13:26] - component  : 15
-[06:13:26] - directive  : 12
-[06:13:26] - injectable : 3
-[06:13:26] - class      : 9
-[06:13:26] - interface  : 16
-[06:13:26] -------------------
-[06:13:26] Prepare components
-[06:13:26]  CustomTemplateComponent has styles, include them
-[06:13:26]  GalleryComponent has styleUrls, include them
-[06:13:26]  GalleryCoreComponent has styleUrls, include them
-[06:13:26]  GalleryCounterComponent has styleUrls, include them
-[06:13:26]  GalleryBulletsComponent has styleUrls, include them
-[06:13:26]  GalleryImageComponent has styleUrls, include them
-[06:13:26]  GalleryItemComponent has styleUrls, include them
-[06:13:26]  GalleryNavComponent has styleUrls, include them
-[06:13:26]  GallerySliderComponent has styleUrls, include them
-[06:13:26]  GalleryThumbComponent has styleUrls, include them
-[06:13:26]  GalleryThumbsComponent has styleUrls, include them
-[06:13:26] Prepare modules
-[06:13:26] Prepare directives
-[06:13:26] Prepare injectables
-[06:13:26] Prepare classes
-[06:13:26] Prepare interfaces
-[06:13:26] Prepare miscellaneous
-[06:13:26] Process documentation coverage report
-[06:13:26] Generating documentation in export format json
-[06:13:26] Documentation generated in projects/ng-gallery/ in 0.646 seconds
-info => Cleaning outputDir: C:\Users\Murhaf\AppData\Local\Temp\chromatic--28884-PtdM9I0wjZqE
-
-info => Loading presets
-info => Building manager..
-info => Manager built (128 ms)
-info => Building preview..
-info => Copying static files: C:\Users\Murhaf\Desktop\Projects\ngx-gallery\node_modules\@storybook\manager\static at C:\Users\Murhaf\AppData\Local\Temp\chromatic--28884-PtdM9I0wjZqE\sb-common-assets
-info Addon-docs: using MDX2
-info => Using implicit CSS loaders
-info => Using angular browser target options from "ng-gallery:build"
-info => Using angular project with "tsConfig:C:\Users\Murhaf\Desktop\Projects\ngx-gallery\projects\ng-gallery\.storybook\tsconfig.json"
-One or more browsers which are configured in the project's Browserslist configuration will be ignored as ES5 output is not supported by the Angular CLI.
-Ignored browsers: kaios 2.5, op_mini all
-info => Using default Webpack5 setup
-<s> [webpack.Progress] 0%
-
-<s> [webpack.Progress] 1% setup before run
-<s> [webpack.Progress] 1% setup before run NodeEnvironmentPlugin
-<s> [webpack.Progress] 1% setup before run
-<s> [webpack.Progress] 2% setup run
-<s> [webpack.Progress] 2% setup run
-<s> [webpack.Progress] 4% setup normal module factory
-<s> [webpack.Progress] 4% setup normal module factory CaseSensitivePathsPlugin
-<s> [webpack.Progress] 4% setup normal module factory
-<s> [webpack.Progress] 5% setup context module factory
-<s> [webpack.Progress] 5% setup context module factory
-<s> [webpack.Progress] 6% setup before compile
-<s> [webpack.Progress] 6% setup before compile angular-compiler
-<s> [webpack.Progress] 6% setup before compile ProgressPlugin
-<s> [webpack.Progress] 6% setup before compile
-<s> [webpack.Progress] 7% setup compile
-<s> [webpack.Progress] 7% setup compile ExternalsPlugin
-<s> [webpack.Progress] 7% setup compile ExternalsPlugin
-<s> [webpack.Progress] 7% setup compile
-<s> [webpack.Progress] 8% setup compilation
-<s> [webpack.Progress] 8% setup compilation angular-occurrences-plugin
-<s> [webpack.Progress] 8% setup compilation angular-compiler
-<s> [webpack.Progress] 8% setup compilation mini-css-extract-plugin
-<s> [webpack.Progress] 8% setup compilation unplugin-csf
-<s> [webpack.Progress] 8% setup compilation storybook-normalize-angular-entry-plugin
-<s> [webpack.Progress] 8% setup compilation ArrayPushCallbackChunkFormatPlugin
-<s> [webpack.Progress] 8% setup compilation JsonpChunkLoadingPlugin
-<s> [webpack.Progress] 8% setup compilation StartupChunkDependenciesPlugin
-<s> [webpack.Progress] 8% setup compilation ImportScriptsChunkLoadingPlugin
-<s> [webpack.Progress] 8% setup compilation FetchCompileWasmPlugin
-<s> [webpack.Progress] 8% setup compilation FetchCompileAsyncWasmPlugin
-<s> [webpack.Progress] 8% setup compilation WorkerPlugin
-<s> [webpack.Progress] 8% setup compilation SplitChunksPlugin
-<s> [webpack.Progress] 8% setup compilation RuntimeChunkPlugin
-<s> [webpack.Progress] 8% setup compilation ResolverCachePlugin
-<s> [webpack.Progress] 8% setup compilation HtmlWebpackPlugin
-<s> [webpack.Progress] 8% setup compilation
-<s> [webpack.Progress] 9% setup compilation
-<s> [webpack.Progress] 9% setup compilation named-chunks-plugin
-<s> [webpack.Progress] 9% setup compilation DedupeModuleResolvePlugin
-<s> [webpack.Progress] 9% setup compilation AnyComponentStyleBudgetChecker
-<s> [webpack.Progress] 9% setup compilation mini-css-extract-plugin
-<s> [webpack.Progress] 9% setup compilation SuppressExtractedTextChunks
-<s> [webpack.Progress] 9% setup compilation DefinePlugin
-<s> [webpack.Progress] 9% setup compilation ProvidePlugin
-<s> [webpack.Progress] 9% setup compilation ProgressPlugin
-<s> [webpack.Progress] 9% setup compilation ChunkPrefetchPreloadPlugin
-<s> [webpack.Progress] 9% setup compilation SourceMapDevToolPlugin
-<s> [webpack.Progress] 9% setup compilation JavascriptModulesPlugin
-<s> [webpack.Progress] 9% setup compilation JsonModulesPlugin
-<s> [webpack.Progress] 9% setup compilation AssetModulesPlugin
-<s> [webpack.Progress] 9% setup compilation DynamicEntryPlugin
-<s> [webpack.Progress] 9% setup compilation RuntimePlugin
-<s> [webpack.Progress] 9% setup compilation InferAsyncModulesPlugin
-<s> [webpack.Progress] 9% setup compilation DataUriPlugin
-<s> [webpack.Progress] 9% setup compilation FileUriPlugin
-<s> [webpack.Progress] 9% setup compilation CompatibilityPlugin
-<s> [webpack.Progress] 9% setup compilation HarmonyModulesPlugin
-<s> [webpack.Progress] 9% setup compilation AMDPlugin
-<s> [webpack.Progress] 9% setup compilation RequireJsStuffPlugin
-<s> [webpack.Progress] 9% setup compilation CommonJsPlugin
-<s> [webpack.Progress] 9% setup compilation LoaderPlugin
-<s> [webpack.Progress] 9% setup compilation LoaderPlugin
-<s> [webpack.Progress] 9% setup compilation NodeStuffPlugin
-<s> [webpack.Progress] 9% setup compilation APIPlugin
-<s> [webpack.Progress] 9% setup compilation ExportsInfoApiPlugin
-<s> [webpack.Progress] 9% setup compilation WebpackIsIncludedPlugin
-<s> [webpack.Progress] 9% setup compilation ConstPlugin
-<s> [webpack.Progress] 9% setup compilation UseStrictPlugin
-<s> [webpack.Progress] 9% setup compilation RequireIncludePlugin
-<s> [webpack.Progress] 9% setup compilation RequireEnsurePlugin
-<s> [webpack.Progress] 9% setup compilation RequireContextPlugin
-<s> [webpack.Progress] 9% setup compilation ImportPlugin
-<s> [webpack.Progress] 9% setup compilation ImportMetaContextPlugin
-<s> [webpack.Progress] 9% setup compilation SystemPlugin
-<s> [webpack.Progress] 9% setup compilation ImportMetaPlugin
-<s> [webpack.Progress] 9% setup compilation URLPlugin
-<s> [webpack.Progress] 9% setup compilation DefaultStatsFactoryPlugin
-<s> [webpack.Progress] 9% setup compilation DefaultStatsPresetPlugin
-<s> [webpack.Progress] 9% setup compilation DefaultStatsPrinterPlugin
-<s> [webpack.Progress] 9% setup compilation JavascriptMetaInfoPlugin
-<s> [webpack.Progress] 9% setup compilation EnsureChunkConditionsPlugin
-<s> [webpack.Progress] 9% setup compilation RemoveEmptyChunksPlugin
-<s> [webpack.Progress] 9% setup compilation MergeDuplicateChunksPlugin
-<s> [webpack.Progress] 9% setup compilation FlagIncludedChunksPlugin
-<s> [webpack.Progress] 9% setup compilation SideEffectsFlagPlugin
-<s> [webpack.Progress] 9% setup compilation FlagDependencyExportsPlugin
-<s> [webpack.Progress] 9% setup compilation FlagDependencyUsagePlugin
-<s> [webpack.Progress] 9% setup compilation InnerGraphPlugin
-<s> [webpack.Progress] 9% setup compilation MangleExportsPlugin
-<s> [webpack.Progress] 9% setup compilation ModuleConcatenationPlugin
-<s> [webpack.Progress] 9% setup compilation NoEmitOnErrorsPlugin
-<s> [webpack.Progress] 9% setup compilation RealContentHashPlugin
-<s> [webpack.Progress] 9% setup compilation WasmFinalizeExportsPlugin
-<s> [webpack.Progress] 9% setup compilation NamedModuleIdsPlugin
-<s> [webpack.Progress] 9% setup compilation DeterministicChunkIdsPlugin
-<s> [webpack.Progress] 9% setup compilation DefinePlugin
-<s> [webpack.Progress] 9% setup compilation TerserPlugin
-<s> [webpack.Progress] 9% setup compilation TemplatedPathPlugin
-<s> [webpack.Progress] 9% setup compilation RecordIdsPlugin
-<s> [webpack.Progress] 9% setup compilation WarnCaseSensitiveModulesPlugin
-<s> [webpack.Progress] 9% setup compilation IgnoreWarningsPlugin
-<s> [webpack.Progress] 9% setup compilation
-<s> [webpack.Progress] 10% building
-<s> [webpack.Progress] 10% building 0/1 entries 0/0 dependencies 0/0 modules
-<s> [webpack.Progress] 10% building import loader ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js
-<s> [webpack.Progress] 10% building 0/2 entries 1/2 dependencies 0/1 modules
-<s> [webpack.Progress] 10% building 0/2 entries 7/21 dependencies 3/6 modules
-<s> [webpack.Progress] 30% building 1/2 entries 8/21 dependencies 4/8 modules
-<s> [webpack.Progress] 37% building import loader ./node_modules/@ngtools/webpack/src/ivy/index.js
-<s> [webpack.Progress] 37% building 1/2 entries 33/54 dependencies 5/31 modules
-<s> [webpack.Progress] 37% building import loader ./node_modules/@storybook/mdx2-csf/loader.js
-<s> [webpack.Progress] 37% building 1/2 entries 38/54 dependencies 5/36 modules
-<s> [webpack.Progress] 37% building import loader ./node_modules/unplugin/dist/webpack/loaders/load.js
-<s> [webpack.Progress] 37% building 1/2 entries 61/115 dependencies 11/42 modules
-<s> [webpack.Progress] 37% building 1/2 entries 197/234 dependencies 35/106 modules
-<s> [webpack.Progress] 37% building import loader ./node_modules/css-loader/dist/cjs.js
-<s> [webpack.Progress] 37% building import loader ./node_modules/postcss-loader/dist/cjs.js
-<s> [webpack.Progress] 37% building import loader ./node_modules/@ngtools/webpack/src/loaders/inline-resource.js
-<s> [webpack.Progress] 37% building 1/2 entries 256/295 dependencies 58/128 modules
-<s> [webpack.Progress] 37% building import loader ./node_modules/resolve-url-loader/index.js
-<s> [webpack.Progress] 37% building import loader ./node_modules/sass-loader/dist/cjs.js
-<s> [webpack.Progress] 37% building 1/2 entries 348/384 dependencies 74/154 modules
-<s> [webpack.Progress] 37% building 1/2 entries 993/1000 dependencies 92/534 modules
-<s> [webpack.Progress] 37% building 1/2 entries 1590/1638 dependencies 121/600 modules
-<s> [webpack.Progress] 37% building 1/2 entries 2286/2300 dependencies 182/737 modules
-<s> [webpack.Progress] 37% building 1/2 entries 2547/2600 dependencies 441/775 modules
-<s> [webpack.Progress] 55% building 1/2 entries 3062/3075 dependencies 822/900 modules
-<s> [webpack.Progress] 65% building 2/2 entries 3203/3203 dependencies 947/947 modules
-<s> [webpack.Progress] 65% building
-<s> [webpack.Progress] 69% building finish
-<s> [webpack.Progress] 69% building finish
-<s> [webpack.Progress] 70% sealing finish module graph
-<s> [webpack.Progress] 70% sealing finish module graph angular-compiler
-<s> [webpack.Progress] 70% sealing finish module graph ResolverCachePlugin
-<s> [webpack.Progress] 70% sealing finish module graph InferAsyncModulesPlugin
-<s> [webpack.Progress] 70% sealing finish module graph FlagDependencyExportsPlugin
-<s> [webpack.Progress] 70% sealing finish module graph InnerGraphPlugin
-<s> [webpack.Progress] 70% sealing finish module graph WasmFinalizeExportsPlugin
-<s> [webpack.Progress] 70% sealing finish module graph
-<s> [webpack.Progress] 70% sealing plugins
-<s> [webpack.Progress] 70% sealing plugins WarnCaseSensitiveModulesPlugin
-<s> [webpack.Progress] 70% sealing plugins
-<s> [webpack.Progress] 71% sealing dependencies optimization
-<s> [webpack.Progress] 71% sealing dependencies optimization SideEffectsFlagPlugin
-<s> [webpack.Progress] 71% sealing dependencies optimization FlagDependencyUsagePlugin
-<s> [webpack.Progress] 71% sealing dependencies optimization
-<s> [webpack.Progress] 71% sealing after dependencies optimization
-<s> [webpack.Progress] 71% sealing after dependencies optimization
-<s> [webpack.Progress] 72% sealing chunk graph
-<s> [webpack.Progress] 72% sealing chunk graph
-<s> [webpack.Progress] 73% sealing after chunk graph
-<s> [webpack.Progress] 73% sealing after chunk graph
-<s> [webpack.Progress] 73% sealing optimizing
-<s> [webpack.Progress] 73% sealing optimizing
-<s> [webpack.Progress] 74% sealing module optimization
-<s> [webpack.Progress] 74% sealing module optimization
-<s> [webpack.Progress] 75% sealing after module optimization
-<s> [webpack.Progress] 75% sealing after module optimization
-<s> [webpack.Progress] 75% sealing chunk optimization
-<s> [webpack.Progress] 75% sealing chunk optimization EnsureChunkConditionsPlugin
-<s> [webpack.Progress] 75% sealing chunk optimization RemoveEmptyChunksPlugin
-<s> [webpack.Progress] 75% sealing chunk optimization MergeDuplicateChunksPlugin
-<s> [webpack.Progress] 75% sealing chunk optimization SplitChunksPlugin
-<s> [webpack.Progress] 75% sealing chunk optimization RemoveEmptyChunksPlugin
-<s> [webpack.Progress] 75% sealing chunk optimization
-<s> [webpack.Progress] 76% sealing after chunk optimization
-<s> [webpack.Progress] 76% sealing after chunk optimization
-<s> [webpack.Progress] 77% sealing module and chunk tree optimization
-<s> [webpack.Progress] 77% sealing module and chunk tree optimization PersistentChildCompilerSingletonPlugin
-<s> [webpack.Progress] 77% sealing module and chunk tree optimization
-<s> [webpack.Progress] 77% sealing after module and chunk tree optimization
-<s> [webpack.Progress] 77% sealing after module and chunk tree optimization
-<s> [webpack.Progress] 78% sealing chunk modules optimization
-<s> [webpack.Progress] 78% sealing chunk modules optimization ModuleConcatenationPlugin
-<s> [webpack.Progress] 78% sealing chunk modules optimization
-<s> [webpack.Progress] 78% sealing after chunk modules optimization
-<s> [webpack.Progress] 78% sealing after chunk modules optimization
-<s> [webpack.Progress] 79% sealing module reviving
-<s> [webpack.Progress] 79% sealing module reviving RecordIdsPlugin
-<s> [webpack.Progress] 79% sealing module reviving
-<s> [webpack.Progress] 80% sealing before module ids
-<s> [webpack.Progress] 80% sealing before module ids
-<s> [webpack.Progress] 80% sealing module ids
-<s> [webpack.Progress] 80% sealing module ids NamedModuleIdsPlugin
-<s> [webpack.Progress] 80% sealing module ids
-<s> [webpack.Progress] 81% sealing module id optimization
-<s> [webpack.Progress] 81% sealing module id optimization
-<s> [webpack.Progress] 82% sealing module id optimization
-<s> [webpack.Progress] 82% sealing module id optimization
-<s> [webpack.Progress] 82% sealing chunk reviving
-<s> [webpack.Progress] 82% sealing chunk reviving RecordIdsPlugin
-<s> [webpack.Progress] 82% sealing chunk reviving
-<s> [webpack.Progress] 83% sealing before chunk ids
-<s> [webpack.Progress] 83% sealing before chunk ids
-<s> [webpack.Progress] 84% sealing chunk ids
-<s> [webpack.Progress] 84% sealing chunk ids DeterministicChunkIdsPlugin
-<s> [webpack.Progress] 84% sealing chunk ids
-<s> [webpack.Progress] 84% sealing chunk id optimization
-<s> [webpack.Progress] 84% sealing chunk id optimization FlagIncludedChunksPlugin
-<s> [webpack.Progress] 84% sealing chunk id optimization
-<s> [webpack.Progress] 85% sealing after chunk id optimization
-<s> [webpack.Progress] 85% sealing after chunk id optimization
-<s> [webpack.Progress] 86% sealing record modules
-<s> [webpack.Progress] 86% sealing record modules RecordIdsPlugin
-<s> [webpack.Progress] 86% sealing record modules
-<s> [webpack.Progress] 86% sealing record chunks
-<s> [webpack.Progress] 86% sealing record chunks RecordIdsPlugin
-<s> [webpack.Progress] 86% sealing record chunks
-<s> [webpack.Progress] 87% sealing module hashing
-<s> [webpack.Progress] 87% sealing module hashing
-<s> [webpack.Progress] 87% sealing code generation
-<s> [webpack.Progress] 87% sealing code generation
-<s> [webpack.Progress] 88% sealing runtime requirements
-<s> [webpack.Progress] 88% sealing runtime requirements
-<s> [webpack.Progress] 89% sealing hashing
-<s> [webpack.Progress] 89% sealing hashing
-<s> [webpack.Progress] 89% sealing after hashing
-<s> [webpack.Progress] 89% sealing after hashing
-<s> [webpack.Progress] 90% sealing record hash
-<s> [webpack.Progress] 90% sealing record hash
-<s> [webpack.Progress] 91% sealing module assets processing
-<s> [webpack.Progress] 91% sealing module assets processing
-<s> [webpack.Progress] 91% sealing chunk assets processing
-<s> [webpack.Progress] 91% sealing chunk assets processing
-<s> [webpack.Progress] 92% sealing asset processing
-<s> [webpack.Progress] 92% sealing asset processing PersistentChildCompilerSingletonPlugin
-<s> [webpack.Progress] 92% sealing asset processing TerserPlugin
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.2f2e4fe5.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.2f2e4fe5.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin runtime~main.099e8817.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin runtime~main.099e8817.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Configure-mdx.4295d53f.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Configure-mdx.4295d53f.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-GettingStarted-mdx.326d5516.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-GettingStarted-mdx.326d5516.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-basic-GalleryDocs-mdx.ad2559cf.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-basic-GalleryDocs-mdx.ad2559cf.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-custom-templates-CustomTemplates-mdx.b8e7734b.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-custom-templates-CustomTemplates-mdx.b8e7734b.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-lightbox-Lightbox-mdx.50f71ad5.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-lightbox-Lightbox-mdx.50f71ad5.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-basic-Gallery-stories.51d521f0.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-basic-Gallery-stories.51d521f0.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-custom-templates-CustomTemplates-stories.5d2c1f40.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-custom-templates-CustomTemplates-stories.5d2c1f40.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-lightbox-Lightbox-stories.913b5ecd.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-lightbox-Lightbox-stories.913b5ecd.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 924.d6bb3452.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 924.d6bb3452.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 21.b1500a41.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 21.b1500a41.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 90.5c3788eb.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 90.5c3788eb.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 841.cdaecacf.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 841.cdaecacf.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 396.bdf3ceea.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 396.bdf3ceea.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 542.183bc20b.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 542.183bc20b.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 155.50520d59.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 155.50520d59.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 464.ac19979f.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 464.ac19979f.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 428.7431c361.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 428.7431c361.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 615.617880a0.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 615.617880a0.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 221.84d3d9cd.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 221.84d3d9cd.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 29.9879b084.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 29.9879b084.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 96.b9cc46b5.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 96.b9cc46b5.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin resolve sources
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 841.cdaecacf.iframe.bundle.js attach SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 841.cdaecacf.iframe.bundle.js attached SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 615.617880a0.iframe.bundle.js attach SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 615.617880a0.iframe.bundle.js attached SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 29.9879b084.iframe.bundle.js attach SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 29.9879b084.iframe.bundle.js attached SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin resolve sources
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin
-<s> [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin
-<s> [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin
-<s> [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin resolve sources
-<s> [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin main.71b3a662.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin main.71b3a662.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin runtime~main.43f1b8ae.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin runtime~main.43f1b8ae.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-basic-Gallery-stories.e97c9669.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-basic-Gallery-stories.e97c9669.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-custom-templates-CustomTemplates-stories.f1bb4deb.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-custom-templates-CustomTemplates-stories.f1bb4deb.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-lightbox-Lightbox-stories.79f83458.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-lightbox-Lightbox-stories.79f83458.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 924.20677aff.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 924.20677aff.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 21.471740d9.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 21.471740d9.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 90.8a4ddb01.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 90.8a4ddb01.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 396.ef294ade.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 396.ef294ade.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 542.1bce3b83.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 542.1bce3b83.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 155.7a0fd931.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 155.7a0fd931.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 464.74d64343.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 464.74d64343.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 221.a2e6c5ab.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 221.a2e6c5ab.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 96.8869b5c8.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 96.8869b5c8.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Configure-mdx.6b1e4db5.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Configure-mdx.6b1e4db5.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-GettingStarted-mdx.fa63fb05.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-GettingStarted-mdx.fa63fb05.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-basic-GalleryDocs-mdx.0168c7ea.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-basic-GalleryDocs-mdx.0168c7ea.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-custom-templates-CustomTemplates-mdx.fcf7e6c2.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-custom-templates-CustomTemplates-mdx.fcf7e6c2.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-lightbox-Lightbox-mdx.0ccb302b.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-lightbox-Lightbox-mdx.0ccb302b.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 428.29fd87c4.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 428.29fd87c4.iframe.bundle.js generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin resolve sources
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin
-<s> [webpack.Progress] 92% sealing asset processing angular-occurrences-plugin
-<s> [webpack.Progress] 92% sealing asset processing AnyComponentStyleBudgetChecker
-<s> [webpack.Progress] 92% sealing asset processing
-<s> [webpack.Progress] 93% sealing after asset optimization
-<s> [webpack.Progress] 93% sealing after asset optimization
-<s> [webpack.Progress] 93% sealing recording
-<s> [webpack.Progress] 93% sealing recording
-<s> [webpack.Progress] 94% sealing after seal
-<s> [webpack.Progress] 94% sealing after seal
-<s> [webpack.Progress] 95% emitting emit
-<s> [webpack.Progress] 95% emitting emit
-<s> [webpack.Progress] 98% emitting after emit
-<s> [webpack.Progress] 98% emitting after emit SizeLimitsPlugin
-<s> [webpack.Progress] 98% emitting after emit
-<s> [webpack.Progress] 99% done plugins
-<s> [webpack.Progress] 99% done plugins CaseSensitivePathsPlugin
-<s> [webpack.Progress] 99% done plugins
-<s> [webpack.Progress] 99%
-
-<s> [webpack.Progress] 99% cache store build dependencies
-<s> [webpack.Progress] 99% cache store build dependencies
-<s> [webpack.Progress] 99% cache begin idle
-<s> [webpack.Progress] 99% cache begin idle
-<s> [webpack.Progress] 100%
-
-C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/gestures/mouse-sliding.directive.ts is part of the TypeScript compilation but it's unused.
-Add only entry points to the 'files' or 'include' properties in your tsconfig.
-C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/slider.model.ts is part of the TypeScript compilation but it's unused.
-Add only entry points to the 'files' or 'include' properties in your tsconfig.
-C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/lib/models/styles.model.ts is part of the TypeScript compilation but it's unused.
-Add only entry points to the 'files' or 'include' properties in your tsconfig.
-C:/Users/Murhaf/Desktop/Projects/ngx-gallery/projects/ng-gallery/src/stories/basic/gallery-example.component.ts is part of the TypeScript compilation but it's unused.
-Add only entry points to the 'files' or 'include' properties in your tsconfig.
-asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
-This can impact web performance.
-Assets:
-  static/media/addon-library.7a58d2cb.png (456 KiB)
-  static/media/lightbox.436bc8f2.png (4.71 MiB)
-  main.71b3a662.iframe.bundle.js (468 KiB)
-  841.7266fd30.iframe.bundle.js (583 KiB)
-  615.cf78c208.iframe.bundle.js (795 KiB)
-  29.d1709051.iframe.bundle.js (2.23 MiB)
-entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
-Entrypoints:
-  main (2.69 MiB)
-      runtime~main.43f1b8ae.iframe.bundle.js
-      29.d1709051.iframe.bundle.js
-      main.71b3a662.iframe.bundle.js
-
-<s> [webpack.Progress] 99% cache shutdown
-<s> [webpack.Progress] 99% cache shutdown
-<s> [webpack.Progress] 100%
-
-info => Preview built (23 s)
-info => Output directory: C:\Users\Murhaf\AppData\Local\Temp\chromatic--28884-PtdM9I0wjZqE
diff --git a/documentation/changelog.html b/documentation/changelog.html
deleted file mode 100644
index 50ad96c7..00000000
--- a/documentation/changelog.html
+++ /dev/null
@@ -1,793 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
-	   <link rel="stylesheet" href="./styles/style.css">
-        <link rel="stylesheet" href="./styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="./" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content getting-started">
-                   <div class="content-data">
-
-<h1 id="changelog">Changelog</h1>
-<h2 id="1200-beta0">12.0.0-beta.0</h2>
-<ul>
-<li>All boolean inputs of <code>&lt;gallery&gt;</code> components can be set as string attributes<ul>
-<li>e.g. <code>&lt;gallery autoHeight&gt;</code>, <code>&lt;gallery autoHeight=&quot;true&quot;&gt;</code> and <code>&lt;gallery [autoHeight]=&quot;true&quot;&gt;</code> sets the option&#39;s value to true.</li>
-<li>e.g. <code>&lt;gallery autoHeight=&quot;false&quot;&gt;</code> and <code>&lt;gallery [autoHeight]=&quot;false&quot;&gt;</code> sets the option&#39;s value to false.</li>
-</ul>
-</li>
-<li>All number inputs of <code>&lt;gallery&gt;</code> components can be set as string attributes<ul>
-<li>e.g. <code>&lt;gallery playerInterval=&quot;2000&quot;&gt;</code> and <code>&lt;gallery [playerInterval]=&quot;2000&quot;&gt;</code> sets the option&#39;s value to 2000</li>
-</ul>
-</li>
-</ul>
-<p><strong>Improved performance</strong></p>
-<ul>
-<li>refactor: Replace the scroll event with intersection observer to detect the active item while scrolling.</li>
-</ul>
-<p><strong>ItemAutoSize, ThumbAutoSize features</strong></p>
-<ul>
-<li>enhance: Toggling <code>itemAutoSize</code> option is now reactive.</li>
-<li>fix: <code>[thumbAutosize]</code> causes random invalid starting thumbnail scroller position when scrolling possible, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/521">#521</a></li>
-<li>fix: <code>[ItemAutosize]</code> in website/safari browsers do not work as expected, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/543">#543</a></li>
-</ul>
-<p><strong>AutoHeight feature</strong></p>
-<ul>
-<li>enhance: Auto-height feature is not more precise and works well with or without height transition</li>
-<li>fix: Auto-height issue when screen size changes</li>
-</ul>
-<p><strong>Autoplay feature</strong></p>
-<ul>
-<li>fix: <code>autoplay</code> resets the timer after navigated.</li>
-<li>fix: <code>autoplay</code> only start the timer after the image is loaded.</li>
-</ul>
-<p><strong>Custom template</strong></p>
-<ul>
-<li>feature: <code>galleryImage</code> directive has been added, which allows user to set this directive on img element inside their custom templates.</li>
-</ul>
-<h3 id="breaking-changes">Breaking changes</h3>
-<ul>
-<li><code>autoPlay</code> option has been renamed to <code>autoplay</code> in small letters.</li>
-</ul>
-<h2 id="1100">11.0.0</h2>
-<ul>
-<li>feat: Add <code>GalleryThumbDef</code>, <code>GalleryImageDef</code>, <code>GalleryItemDef</code>, <code>GalleryBoxDef</code> to set custom templates.</li>
-<li>feat: Add <code>imageTemplate</code> property to <code>GalleryConfig</code>.</li>
-<li>feat: Add <code>args</code> property in case need to attach extra data with the gallery item.</li>
-<li>enhance: Improve overall typings.</li>
-</ul>
-<h3 id="breaking-changes-1">Breaking changes</h3>
-<ul>
-<li>Usage of setting custom template has been changed! see the <a href="https://github.com/MurhafSousli/ngx-gallery/wiki">wiki page</a> for more info.</li>
-<li>The inputs <code>itemTemplate</code>, <code>thumbTemplate</code> and <code>boxTemplate</code> has been removed from the gallery component, however they still exist in <code>GalleryConfig</code></li>
-</ul>
-<h2 id="1000">10.0.0</h2>
-<ul>
-<li>feat: Migrate to standalone components.</li>
-</ul>
-<h3 id="breaking-changes-2">Breaking Changes</h3>
-<ul>
-<li>Both <code>GalleryModule</code> and <code>LightboxModule</code> no longer provide the <code>withConfig()</code> method.</li>
-</ul>
-<h2 id="901">9.0.1</h2>
-<ul>
-<li>Remove <code>bezier-easing</code> package from dependencies, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/525">#525</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/issues/551">#551</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/556/commits/6c47ecb59185909186f10a9860d1a98b326ad2d0">6c47ecb</a>.</li>
-</ul>
-<h2 id="900">9.0.0</h2>
-<ul>
-<li>Upgrade to Angular 16</li>
-</ul>
-<h2 id="804">8.0.4</h2>
-<ul>
-<li>fix(core): Fix <code>VideoItem</code> typo, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/529">#529</a>.</li>
-<li>enhance(lightbox): Allow multiple classes for <code>backdropPanel</code> and <code>panelClass</code> config, closes <a href="https://github.com/MurhafSousli/ngx-gallery/pull/542/commits/b9d36e31cbc05d258db21bdcfb857aaa70900ba3">31368ed</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/issues/541">#541</a>.</li>
-</ul>
-<h2 id="803">8.0.3</h2>
-<ul>
-<li>fix(core): SSR error, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/532">532</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/533">#533</a>.</li>
-</ul>
-<h2 id="802">8.0.2</h2>
-<ul>
-<li>feat(core): Add <code>loadingAttr</code> option to img and iframe elements, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/513">#513</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/517/commits/093789b42cff86da957a09632c96705d42820085">093789b</a>.</li>
-<li>fix(core): Videos are unplayable if type not specified, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/515">#515</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/516/commits/11ba153401c9c87f2983b99b047cf57849399117">11ba153</a>.</li>
-</ul>
-<h2 id="801">8.0.1</h2>
-<ul>
-<li>fix(core): Gallery nav icons are not alignment properly, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/506/commits/d4dca8b4f68b4439471ed7f90ea4e23c27ff0c41">d4dca8b</a>.</li>
-<li>fox(core): Gallery dots is not horizontally centralized, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/506/commits/f2d691083350adb64ea4b9c205e6fa3c31f6c0a3">f2d6910</a>.</li>
-<li>fix(core): Fix lib&#39;s angular peerDependencies version to &gt;=15 in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/506/commits/9ea5ea34f77e6329f9385c7db056cc637557b1bc">9ea5ea3</a>.</li>
-</ul>
-<h2 id="800">8.0.0</h2>
-<ul>
-<li>feat(core): Add <code>isActive</code> to custom gallery template context, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/497/commits/0b3f8bf43e383a8ee3e53a3140e18b8bcf1c2d69">0b3f8bf</a>.</li>
-<li>refactor(core): Fix the iframe error regarding the <code>allow</code> attribute.</li>
-<li>refactor(core): Change default navigation icons.</li>
-<li>refactor(core): Change default dots size.</li>
-<li>refactor(core): Change default counter styles.</li>
-<li>regret(core): Remove<code>itemLoaded</code> output.</li>
-</ul>
-<h2 id="800-beta5">8.0.0-beta.5</h2>
-<ul>
-<li>regret(core): Remove<code>contentVisibilityAuto</code> option for version 8.</li>
-<li><del>feat(core): Add <code>itemLoaded</code> output which emits after an item is loaded, for image items it emits after the image is loaded.</del></li>
-<li>feat(core): Add <code>autoHeight</code> option, when set to true, the gallery height will fit the active item height.</li>
-<li>feat(core): Add <code>autoItemSize</code> option, when set to true, the item will fit its image aspect ratio.</li>
-<li>feat(core): Add <code>autoThumbSize</code> option, when set to true, the thumb will fit its image aspect ratio.</li>
-<li>feat(core): Add <code>scrollBehavior</code> option.</li>
-<li>feat(core): Add <code>navScrollBehavior</code> option.</li>
-<li>feat(core): Add <code>thumbImageSize</code> option.</li>
-<li>feat(core): Add more options to the video item.</li>
-<li>feat(core): Add <code>configSnapshot</code> to <code>GalleryRef</code> class.</li>
-<li>feat(core): Add an optional parameter <code>behavior</code> to all <code>next(behavior?)</code>, <code>prev(behavior?)</code>, <code>set(index, behavior?)</code> functions, fallbacks to the <code>scrollBehavior</code> config.</li>
-<li>refactor(core): Only display custom item template container when <code>itemTemplate</code> is provided.</li>
-</ul>
-<h2 id="800-beta4">8.0.0-beta.4</h2>
-<ul>
-<li><del>feat(core): Add <code>contentVisibilityAuto</code> option to set the proper <code>content-visibility</code> and <code>contain-intrinsic-size</code> value on all gallery items/thumbs, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/491/commits/73b20a9f996371e4a3ad52283b358263fd88546f">73b20a9</a>.</del></li>
-<li>feat(core): Use native <code>loading</code> attribute on all <code>img</code> and <code>iframe</code> for native lazy loading.</li>
-<li>refactor(core): Fix loop issue when sliding with using the mouse, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/491/commits/1572beae2bc58792fac94243f4f3e20c0a61e549">1572bea</a>.</li>
-<li>refactor(core): Remove <code>lazy-image</code> directive.</li>
-</ul>
-<h2 id="800-beta3">8.0.0-beta.3</h2>
-<ul>
-<li>fix(core): Set current index in sliding event does not work if slider size number has fraction, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/491/commits/58e89fb3ed0e3837ca08a8111d567d992717ba7a">58e89fb</a>.</li>
-</ul>
-<h2 id="800-beta2">8.0.0-beta.2</h2>
-<ul>
-<li>fix(lightbox): close button is not displayed, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/490/commits/506249bbc5877cd4ed54cf610a42b3a31abcb417">506249b</a>.</li>
-</ul>
-<h2 id="800-beta1">8.0.0-beta.1</h2>
-<ul>
-<li>feat(core): Use scrolling slider instead of transform method, allows touchpad scroll to slide the gallery as well as native sliding on mobile browser.</li>
-<li>feat(core): Add <code>resizeDebounceTime</code> option which is used to update the gallery on window resize event in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/34a27238eed6515fd748c43909c3fd0098b6a575">34a2723</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/d86763042553a340b3a367c56c0a2549b690f751">d867630</a>.</li>
-<li>feat(core): Add <code>slidingEase</code> and <code>slidingDuration</code> to customize sliding ease and duration in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/4c1db03afb3a27896cd6dad5d08f91612bfa75a2">4c1db03</a>.</li>
-<li>feat(core): Add <code>thumbDetached</code> to detach thumb slider, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/289">#289</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/1f474847f999b2f1b0c820d50bf7336bfe6b8a3c">1f47484</a>.</li>
-<li>feat(core): Add <code>boxTemplate</code> to the gallery, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/487">#487</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/f46e33abf231ab86bd0b906e4b20e02e4bbf7bf4">f46e33a</a>.</li>
-<li>feat(core): Add <code>slidingDisabled</code> and <code>thumbSlidingDisabled</code> options to enable/disable sliding on Mobile and Desktop using the touchpad. in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/2451581cee382a17f3a95671cf3950910a5122d3">2451581</a>.</li>
-<li>feat(core): Add <code>mouseSlidingDisabled</code> and <code>mouseThumbSlidingDisabled</code> options to enable/disable sliding on Desktop using the mouse. in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/2451581cee382a17f3a95671cf3950910a5122d3">2451581</a>.</li>
-<li>feat(core): Images not shown, when number of images get larger, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/484">#484</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/e819ebe3442f0cd37c1914bccf82a72d1fb2ce85">e819ebe</a>.</li>
-<li>fix(core): <code>thumbView=&quot;contain&quot;</code> Sliding thumbnails using gestures has an issue, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/417">#417</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/e819ebe3442f0cd37c1914bccf82a72d1fb2ce85">e819ebe</a>.</li>
-<li>refactor(core): Remove <code>thumbMode</code> option from the gallery, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/18f71e3599f7af1a20f1482307a6370c0c8b6f05">18f71e3</a></li>
-<li>refactor(core): Remove <code>tapClick</code> event and use native <code>click</code> event, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/3d960cca3b4954c999e10a86b0993d45d5c8462f">3d960cc</a>.</li>
-<li>refactor(core): Remove <code>ng-content</code> from the gallery, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/63e3b6b5110ee5eaab6452cf775c3488023bd7d9">63e3b6b</a>.</li>
-<li>refactor(core): Remove <code>panSensitivity</code> option, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/d1f8d342a597d88afe66681b4ae099362273e03c">d1f8d34</a>.</li>
-<li>refactor(core): Remove <code>gestures</code> option, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/70cb00c5aa808ea33aba1b674666ab0f99501a9d">70cb00c</a>.</li>
-<li>refactor(core): Remove <code>reserveGesturesAction</code> option, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/4b07fc7ca4ef3d50e59accfe11593ee3a84ee706">4b07fc7</a>.</li>
-<li>refactor(core): Remove <code>zoomOut</code> option, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/488/commits/19ba2b8c8d4402085c0b400b3e4c0e014d2e5abb">19ba2b8</a>.</li>
-</ul>
-<h3 id="breaking-changes-3">Breaking changes:</h3>
-<p>HammerJs is only used for sliding using the mouse on desktop only, Sliding on mobile devices is now native scroll.</p>
-<ul>
-<li><code>gestures</code> option has been deprecated.</li>
-<li><code>thumbMode</code> option has been deprecated, sliding thumbnails is free.</li>
-<li><code>zoomOut</code> has been deprecated.</li>
-<li><code>reserveGesturesAction</code> has been deprecated.</li>
-<li><code>panSensitivity</code> has been deprecated.</li>
-<li>Remove <code>ng-content</code> from the gallery, use <code>boxTemplate</code> option to add your custom layer.</li>
-<li>The default value for <code>loadingStrategy</code> option has changed to <code>LoadingStrategy.Preload</code>.</li>
-<li>Added new dependency <code>bezier-easing</code>.</li>
-</ul>
-<h2 id="712">7.1.2</h2>
-<ul>
-<li>fix(core): Fix <code>reserveGestureAction</code> input and its default value in the lightbox, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/481/commits/ba950362b3fd5378d929ef14b56b1cb602382c9e">ba95036</a>.</li>
-<li>fix(core): Update gallery sliding position properly on window resize, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/481/commits/f786d0a1ef44fd4a1c0a89126a57765131b5beba">f786d0a</a>.</li>
-<li>fix(core): Slide bug with touch scroll with gallery thumbnails, related to <a href="https://github.com/MurhafSousli/ngx-gallery/issues/465">#465</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/476/commits/eb1e60cd033d939485f4b2e4be30d95b49a3d7c5">eb1e60c</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/481/commits/a26d63fe2f04667eb6bd7e36aba960c066f95305">a26d63f</a>.</li>
-</ul>
-<h2 id="711">7.1.1</h2>
-<ul>
-<li>feat(core): New option <code>reserveGesturesAction</code> adds the ability to block the scrolling of page when sliding the gallery on mobile browser, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/477">#477</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/478/commits/c105f21fec747a71e849994d4e749f6e0c4b8b3f">c105f21</a>.</li>
-<li>fix(core): Slide bug with touch scroll, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/465">#465</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/476/commits/eb1e60cd033d939485f4b2e4be30d95b49a3d7c5">eb1e60c</a>.</li>
-</ul>
-<h2 id="710">7.1.0</h2>
-<ul>
-<li>feat(core): Settings change shouldn&#39;t require restart, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/466">#466</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/472/commits/ee71e528313f7780d82226aa1d849a6debc74ade">ee71e52</a>.</li>
-<li>fix(core): Unable to drag thumbnails properly, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/473">473</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/472/commits/86357014d140360cb110adb1d3115836c988e4c7">8635701</a>.</li>
-<li>fix(core): Setting gestures to false breaks the gallery, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/464">#464</a>, <a href="https://github.com/MurhafSousli/ngx-gallery/issues/467">#467</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/issues/469">#469</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/472/commits/a374603d60e82518c5b9de11309e68be365c94bc">a374603</a>.</li>
-<li>fix(core): Set <code>alt</code> on gallery thumbnails and add <code>role=&quot;button&quot;</code> to gallery nav, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/468">#468</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/471/commits/57bebca657b160e3973fd1f73daf6b655dd25fa2">57bebca</a>.</li>
-<li>fix(lightbox): Close icon in lightbox container being re-rendered all the time due to bug in template, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/307">#307</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/472/commits/6bdc7a4add557a90043a665b73ea77f0d7d1979f">6bdc7a4</a>.</li>
-<li>enhance(core, lightbox): Remove deprecated usage, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/472/commits/23506eb52ebd2c2e5f1d124e77dc8c8695a7eafc">23506eb</a>.</li>
-</ul>
-<h2 id="704">7.0.4</h2>
-<ul>
-<li>fix(core): imageSize option when set to contain, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/462/commits/3ecf94e78d26378cc1330f2d432b59675526f63f">3ecf94e</a>.</li>
-</ul>
-<h2 id="703">7.0.3</h2>
-<ul>
-<li>enhance(core): Use <code>img</code> element instead of div background image to display images, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/460/commits/b6b512012a983699446d03481cb39f9739e1e67b">b6b5120</a>.</li>
-<li>feat(core): Add alt property to <code>GalleryImage</code>, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/460/commits/b6b512012a983699446d03481cb39f9739e1e67b">b6b5120</a>.</li>
-</ul>
-<h2 id="702">7.0.2</h2>
-<ul>
-<li>fix(core): Should not show sliding effect on initial state, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/458">#458</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/459/commits/c8100396e711b76cf350d69e706e472f63658209">c810039</a>.</li>
-</ul>
-<h2 id="701">7.0.1</h2>
-<ul>
-<li>feat(core): Avoid triggering change detection while dragging in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/456/commits/8ed5948b7e6a12624bb398ce6a70536190563778">8ed5948</a>.</li>
-<li>fix(core): Gallery thumbs vertical slider does not navigate when direction is up, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/454">#454</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/455/commits/4eb7d2fda10f5b3f10a049fa955377b3afb392fd">4eb7d2f</a>.</li>
-</ul>
-<h2 id="700">7.0.0</h2>
-<ul>
-<li>Update to Angular 14 in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/444/commits/64d5620c27ee7ea3caab8ad1cafc9eca7f0c7bf4">64d5620</a>.</li>
-</ul>
-<h2 id="601">6.0.1</h2>
-<ul>
-<li>fix: Downgrade rxjs peerDependencies to v6 in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/429/commits/35f58fde087fa4f01916eb4dfd3ff6a10f9c62cc">35f58fd</a>.</li>
-</ul>
-<h2 id="600">6.0.0</h2>
-<ul>
-<li>Update to Angular 13, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/322">#424</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/420">#420</a>.</li>
-</ul>
-<h2 id="511">5.1.1</h2>
-<p>Adds a new option to the global config as well as an input called <code>thumbView</code> which is expects a value of either <code>default</code> or <code>contain</code></p>
-<ul>
-<li>feat(core): Thumbnails should always use the available space, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/340">#340</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/409/commits/ad3e5143e86c922d5d5927bb527f83e9a99612d8">ad3e514</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/pull/411/commits/5523b2e01c0a9263141854bb8b838d85ebf16cc9">5523b2e</a>.</li>
-<li>feat(core): Add <code>stateSnapshot</code> property to <code>GalleryRef</code> to get an instant snapshot of the gallery state observable.</li>
-<li>fix(core): Video item displays the application instead of video, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/398">#398</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/409/commits/f07c3047a2426293bc34bcf57765642df0bcc35a">f07c304</a>.</li>
-<li>fix(core): Issue with gallery.remove() function, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/405">#405</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/411#:~:text=removing%20an%20item-,f0fb1c3,-Merge%20state">f0fb1c3</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/pull/411/commits/6e080b43e03448ce329253918ae51c2da56eafae">6e080b4</a>.</li>
-</ul>
-<blockquote>
-<p>Special thanks to @NexGenUA for his PR</p>
-</blockquote>
-<h2 id="500">5.0.0</h2>
-<ul>
-<li>Upgrade to Angular 10.</li>
-<li>feat(Lightbox): Add start/exit animation options, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/346">#346</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/326/commits/6799a1c5e895dbc0753dfbb9f068d02807adf358">6799a1c</a>.</li>
-<li>feat(video item): ability to disable video controls, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/326/commits/f6b48b13616d8999bc5c76bf44a6fa428191ce8b">f6b48b1</a>.</li>
-<li>feat(video item, youtube item): Ability to autoplay, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/304">#304</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/326/commits/9caf8bf7cbc8bf7cf580368cc5e3aefeb7d6daf5">9caf8bf</a>.</li>
-<li>feat(youtube item): Allow url parameters, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/302">#302</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/326/commits/37607895da4266b2ed4c297609db99f710d92b00">3760789</a>.</li>
-<li>fix(lightbox): Remove cdk styles import from the library.</li>
-<li>fix(video item): Cannot read property &#39;nativeElement&#39; of undefined, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/353">#353</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/326/commits/ff10363e03090d8dfc88fd44674b3cb655399c58">ff10363</a>.</li>
-<li>fix(video item): Sanitized urls not working in <video>, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/346">#346</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/326/commits/6799a1c5e895dbc0753dfbb9f068d02807adf358">6799a1c</a>.</li>
-</ul>
-<h2 id="500-beta1">5.0.0-beta.1</h2>
-<ul>
-<li>Upgrade to Angular 9.</li>
-<li>Combine all packages in one package.</li>
-<li>Remove import <code>HttpClientModule</code> from <code>GalleryModule</code>.</li>
-</ul>
-<h3 id="breaking-changes-4">Breaking changes</h3>
-<p><strong>Before:</strong></p>
-<ul>
-<li>The packages were published on <code>@ngx-gallery/core</code>, <code>@ngx-gallery/lightbox</code> and <code>@ngx-gallery/gallerize</code>.</li>
-</ul>
-<p><strong>After:</strong></p>
-<ul>
-<li>All the packages are now combined in <code>ng-gallery</code> (NOTE: it is not <code>ngx-gallery</code> that is a different package).</li>
-<li>Import <code>GalleryMlodule</code> from <code>ng-gallery</code> and <code>LightboxModule</code> from <code>ng-gallery/lightbox</code>.</li>
-<li>The module <code>GallerizeModule</code> has been removed, the <code>[gallerize]</code> directive can still be used from the <code>LightboxModule</code>.</li>
-</ul>
-<h2 id="500-beta0">5.0.0-beta.0</h2>
-<ul>
-<li>regret: Remove <code>mode=intermediate</code> option, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/309">#309</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/issues/297">#297</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/311/commits/b1df18c6069ddabe02c0bee1e0653dd97692a96e">b1df18c</a>.</li>
-</ul>
-<h3 id="breaking-changes-there-could-be-more-breaking-changes-until-version-5-is-released-which-will-make-it-compatible-with-angular-9-and-ivy">Breaking changes (There could be more breaking changes until version 5 is released which will make it compatible with Angular 9 and ivy)</h3>
-<ul>
-<li>The <code>loadingMode</code> option has been removed from the gallery component&#39;s input and from the global options.</li>
-</ul>
-<h2 id="403">4.0.3</h2>
-<ul>
-<li>fix(core): Fix universal error, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/262">#262</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/282/commits/fc6c3f76730f90721bee99a2404a39310cccd0db">fc6c3f7</a>.</li>
-<li>fix(core): clean up state subject in <code>&lt;gallery-image&gt;</code> component in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/283/commits/7796b500b814bd43564e2284b2a937c9d0ec2229">7796b50</a>.</li>
-</ul>
-<h2 id="402-beta0">4.0.2-beta.0</h2>
-<ul>
-<li>feat(core): Add <code>thumbLoadingIcon</code> and <code>thumbLoadingError</code> to gallery config, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/241/commits/3f8cdca3fc84f0eef509a5c88ca3d2b5097966bf">3f8cdca</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/pull/241/commits/f2cae9258eef599ca7821c1fb3a82179d4cf6fba">f2cae92</a>.</li>
-<li>refactor(core): refactor the if/else logic in gallery image template, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/247/commits/f7d6a22e3cc20c0977554f8d249bef6aa2076fa5">f7d6a22</a>.</li>
-</ul>
-<h2 id="401">4.0.1</h2>
-<ul>
-<li><strong>fix(core):</strong> Encapsulate the cache interceptor to gallery images only, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/237">#237</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/239/commits/4616eeca239d46d49995adb73ea5cae849ae3de4">4616eec</a>.</li>
-</ul>
-<h2 id="400">4.0.0</h2>
-<ul>
-<li><strong>feat(gallerize):</strong> Scan <code>imageSrc</code> and <code>thumbSrc</code> attributes for image sources, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/235/commits/4826d52cbaa349a4004d63f39677b436e1fe6496">4826d52</a>.</li>
-<li><strong>enhance(core, lightbox, gallerize)</strong>: Ability to lazy load the library.</li>
-<li><strong>enhance(core, lightbox):</strong> Export <code>GALLERY_CONFIG</code> and <code>LIGHTBOX_CONFIG</code> tokens, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/235/commits/56c704f7db55d87143e949ebdfe115efca852ae9">56c704f</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/pull/235/commits/9cab04ba97f916b16d9c0becd060ec0f127bdbc2">9cab04b</a>.</li>
-<li><strong>fix(core, lightbox):</strong> Add <code>Optional()</code> on injected config in gallery and lightbox services, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/234">#234</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/235/commits/31624f998ede9fef4335bb170b69b3d54d846d11">31624f9</a>.</li>
-<li><strong>refactor(core, lightbox):</strong> Rename <code>forRoot(config?)</code> to <code>withConfig(config)</code>, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/235/commits/8446c1ae1417210698a244be6d30be81fa1eed88">8446c1a</a>.</li>
-<li><strong>refactor(lightbox):</strong> Remove <code>providedIn: &#39;root&#39;</code> from <code>Lightbox</code> service and provid it locally in its module, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/235/commits/7ba8dd9c539559d036e57fb19f01f067367970e5">7ba8dd9</a>.</li>
-</ul>
-<h3 id="breaking-changes-5">Breaking Changes</h3>
-<ul>
-<li>The function <code>forRoot()</code> has been removed from <code>GalleryModule</code> and <code>LightboxModule</code>.</li>
-<li>Use <code>GalleryModule.withConfig({ ... })</code> to set config that applies on a module and its children (same applies on <code>LightboxModule</code>).</li>
-<li>To set global config across the entire app while still lazy load the library, provide the <code>GALLERY_CONFIG</code> token with the config value in the root module (same applies on <code>LightboxModule</code> with <code>LIGHTBOX_CONFIG</code>).</li>
-</ul>
-<h5 id="example-lazy-load-the-library">Example: Lazy load the library</h5>
-<p>In this example, will set global config without importing the library in the main bundle</p>
-<ul>
-<li>Provide <code>GALLERY_CONFIG</code> value in the root module</li>
-</ul>
-<div><pre class="line-numbers"><code class="language-ts">import { GALLERY_CONFIG } from &#39;&#64;ngx-gallery/core&#39;;
-
-&#64;NgModule({
-  providers: [
-    {
-      provide: GALLERY_CONFIG,
-      useValue: {
-        dots: true,
-        imageSize: &#39;cover&#39;
-      }
-    }
-  ]
-})
-export class AppModule { }</code></pre></div><ul>
-<li>Import <code>GalleryModule</code> in a feature module</li>
-</ul>
-<div><pre class="line-numbers"><code class="language-ts">import { GalleryModule } from &#39;&#64;ngx-gallery/core&#39;;
-
-&#64;NgModule({
-  imports: [
-    GalleryModule
-  ]
-})
-export class FeatureModule { }</code></pre></div><h2 id="400-beta1">4.0.0-beta.1</h2>
-<ul>
-<li><strong>feat(core):</strong> Add indeterminate option to the radial progress, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/233/commits/df682c4353f3795dd3f45f53dfa488b428fdb99f">df682c4</a>.</li>
-<li><strong>enhance(core):</strong> Enhance thumbnails loading styles, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/233/commits/f34f90a542aa437fa12b996dc77f6b7dd9fd819c">f34f90a</a>.</li>
-<li><strong>fix(core):</strong> Expose <code>[dotSize]</code>, <code>[bulletsPosition]</code> and <code>[counterPosition]</code> options as inputs, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/233/commits/946a85618acdc91692183f8f65765bbd137815cc">946a856</a>.</li>
-<li><strong>fix(core):</strong> Add <code>[loadingMode]</code> option to gallery images which accepts <code>determinate</code> or <code>indeterminate</code> , in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/233/commits/e8bdfb2a28d485e3d89290dda1edb595ae3efecf">e8bdfb2</a>.</li>
-<li><strong>regression(core):</strong> Fix undisplayed thumb image when a custom thumb template is used, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/233/commits/34f2cc6f7f5316a929a1efc2ceb6bde8d42d0551">34f2cc6</a>.</li>
-<li><strong>enhance(gallerize):</strong> Run gallerize detector outside angular zone, makes opening the lightbox smoother, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/233/commits/284925dd53a67e6a2a2d0b208a30623783db37bc">284925d</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/pull/233/commits/98901b9136b4405a5d549fed08a36ec654279a26">98901b9</a>.</li>
-</ul>
-<h2 id="400-beta0">4.0.0-beta.0</h2>
-<ul>
-<li><p><strong>update(core, lightbox, gallerize)</strong>: Update peer dependencies, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/228">#228</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/bd8cdd302c55e285dc32a195e1d5f70b4312ac46">bd8cdd3</a>.</p>
-</li>
-<li><p><strong>feat(core):</strong> Add <code>bulletsPosition</code> option, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/211">#211</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/263d297ccc27692fc9fd9702f775dcf2b753d5de">263d297</a>.</p>
-</li>
-<li><p><strong>feat(core):</strong> Add <code>dotsSize</code> option, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/e2e58b62e4eb3cbcf5dd6f17417830bfc956f7eb">e2e58b6</a>.</p>
-</li>
-<li><p><strong>feat(core):</strong> Add <code>counterPosition</code> option, closes in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/ce7a8ad62816b3ba344a22e6e459cfdb06ad18ab">ce7a8ad</a>.</p>
-</li>
-<li><p><strong>feat(core):</strong> Use <code>HttpClient</code> to load and cache images in <code>[lazyImage]</code> directive, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/15c3e88d89434eb4860eabf3959a08ce746298e7">15c3e88</a>.</p>
-</li>
-<li><p><strong>feat(core):</strong> Replace icon loader with a new radial progress component to report image loading progress while keeping the svg loading icon as an option, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/a1028e84ae08d1e93c599f19aab32873d3dfea41">a1028e8</a>.</p>
-</li>
-<li><p><strong>feat(core):</strong> Add default error template to <code>&lt;gallery-image&gt;</code> in case if loading failed and add <code>loadingError</code> option for custom error template, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/cd258f5481a01eb8065fbbc931505ca71c421cd5">cd258f5</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/9dbf6c43e78f91dbb8b2ccbe21f4575a255cd55a">9dbf6c4</a>.</p>
-</li>
-<li><p><strong>enhance(core):</strong> Enhance gallery dots styles, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/de8d22bd6296d9c6a138152223ce6bffb91b6d63">de8d22b</a>.</p>
-</li>
-<li><p><strong>enhance(core):</strong> Allow gallery image to use unsafe URLs, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/218">#218</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/da1ace1bd18dca476110da06627afbaaf9ec6a21">da1ace1</a>.</p>
-</li>
-<li><p><strong>enhance(core):</strong> Use <code>animationFrameScheduler</code> for smoother sliding animation, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/38b0aa67fd1b73cd69e85daab3d2b1ec69da2696">38b0aa6</a>.</p>
-</li>
-<li><p><strong>fix(core):</strong> Fix vertical scroll when using the gallery on touch devices, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/161">#161</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/230/commits/a239c294248e1028a79a9f99a60462131d3729fc">a239c29</a>. <strong>(kudos goes to <a href="https://github.com/harm-less">@harm-less</a>)</strong></p>
-</li>
-<li><p><strong>refactor(core):</strong> <code>[lazyImage]</code> directive =&gt; <code>(loaded)</code> event no longer emits on error.</p>
-</li>
-<li><p><strong>feat(lightbox):</strong> Set the focus back on the previously focused element when the lightbox is closed, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/266eddb5afdfe51bec533a857431ac8dca395a0f">266eddb</a>.</p>
-</li>
-<li><p><strong>feat(lightbox):</strong> Add <code>role</code>, <code>ariaLabel</code>, <code>ariaLabelledBy</code> and <code>ariaDescribedBy</code> attributes to the lightbox config <code>LightboxConfig</code>, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/a11d20d5d4fa1fd2dbe46c88a7aa26aab58b3d04">a11d20d</a>, <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/5b550e7ccb6dc6515e5b6284c69e0448bf181c91">5b550e7</a>.</p>
-</li>
-<li><p><strong>enhance(lightbox):</strong> Import overlay default styles from <code>@angular/cdk/overlay</code>, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/54c5d88b6a3639f2066fdb7e1e7f74d307f823b6">54c5d88</a>.</p>
-</li>
-<li><p><strong>enhance(lightbox):</strong> Improve lightbox styles, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/4a521618c8969edeb903b182de0b5ff235efe8cd">4a52161</a>.</p>
-</li>
-<li><p><strong>enhance(lightbox):</strong> Update lightbox overlay animation, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/224">#224</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/bec077f2335d47e65d6423a8eeda782dfb485f05">bec077f</a>.</p>
-</li>
-<li><p><strong>refactor(lightbox):</strong> Use <code>disposeOnNavigation</code> instead of <code>Location</code> service, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/231/commits/22621648db640905482a58480a54b693b7894272">2262164</a>.</p>
-</li>
-</ul>
-<h2 id="331">3.3.1</h2>
-<ul>
-<li><strong>fix(core):</strong> Remove duplicate delete execution in the destroyer function, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/214/commits/ae541cafb22e6d5c976950eca2c7779a39693b77">ae541ca</a></li>
-<li><strong>fix(core):</strong> Check galleryRef exists before deleting, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/214/commits/a2b32e23ccffb77c50c1067f1abea2977c2f1286">a2b32e2</a></li>
-<li><strong>fix(core):</strong> Remove duplicate config set, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/213/commits/834c001a6cccee9955e6e9504e0a0d4cb5691d57">834c001</a></li>
-<li><strong>fix(core):</strong> Remove unnecessary <code>PortalModule</code> import from <code>GalleryModule</code>, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/215/commits/46ef735cf43aa51ae026a1898b02e67b5909e520">46ef735</a></li>
-<li><strong>refactor(core):</strong> Use <code>povidedIn: &#39;root&#39;</code> for the <code>Gallery</code> service, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/215/commits/86eeaa71203341a324c06a3555489a5c82b8eee9">86eeaa7</a></li>
-<li><strong>fix(core, lightbox):</strong> Fix peer dependencies, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/215/commits/236e540ceaaa906aec65af0fdb99f866b5374c8f">236e540</a>.</li>
-</ul>
-<h2 id="330">3.3.0</h2>
-<ul>
-<li><strong>refactor(core):</strong> Use <code>Map&lt;string, GalleryRef&gt;</code> for instances holder type instead of untyped object in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/ac080772d7d05dd395811848cef174f31eaa622d">ac08077</a>.</li>
-<li><strong>refactor(core):</strong> Rename gallery <code>state$</code> and <code>config$</code> to <code>state</code> and <code>config</code> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/8de515be8a254125c0a551f25bc6ad790b1e0703">8de515b</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/commit/1e4fd069dad4dd8b8edfac8a1a9dd97db72b770e">1e4fd06</a>.</li>
-<li><strong>enhance(core):</strong> Improve instance destroyer, gallery delete its instance on component destroy in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/65f3358c035907039bf5d8199f9c14ec0e13de15">65f3358</a>.</li>
-</ul>
-<h3 id="breaking-changes-6">Breaking Changes</h3>
-<ul>
-<li>Gallery can now be destroyed using its instance <code>galleryRef.destroy()</code>.</li>
-<li>In <code>Gallery</code> service the function <code>destroy()</code> has been removed.</li>
-</ul>
-<h2 id="320">3.2.0</h2>
-<ul>
-<li><strong>feature(core):</strong> Do not require importing global styles, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/197">#197</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/ea041a5930e1ecf184028d9444b2d7fa3faf80ae">ea041a5</a>.</li>
-<li><strong>feature(core):</strong> Set the video type attribute on videos items, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/199">#199</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/06b3601d382bd51cfdae3470921bc6a74aff0af9">06b3601</a>.</li>
-<li><strong>feature(lightbox):</strong> Add a lightbox directive, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/200">#200</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/ad2255be4abf44fb692bf2f90e29e5737cdf9ef1">ad2255b</a>.</li>
-<li><strong>fix(gallery):</strong> fix LazyImage error event, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/205">#205</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/db231aa9b1b95da2971ed35b500edd3ae6c2f8e0">db231aa</a></li>
-</ul>
-<h3 id="breaking-changes-7">Breaking changes</h3>
-<ul>
-<li><p>No need to manually import the styles anymore, they are imported internally with the components.</p>
-</li>
-<li><p>Adding a video item with multiple url sources</p>
-<p><strong>Before:</strong></p>
-</li>
-</ul>
-<div><pre class="line-numbers"><code class="language-ts">galleryRef.addVideo({
-  src: [&#39;MP4_URL&#39;, &#39;OGG_URL&#39;],
-  thumb: &#39;(OPTIONAL)VIDEO_THUMBNAIL_URL&#39;,
-  poster: &#39;(OPTIONAL)VIDEO_POSTER_URL&#39;
-});</code></pre></div><p><strong>After:</strong></p>
-<div><pre class="line-numbers"><code class="language-ts">galleryRef.addVideo({
-  src: [
-    { url: &#39;MP4_URL&#39;, type: &#39;video/mp4&#39; },
-    { url: &#39;OGG_URL&#39;, type: &#39;video/ogg&#39; }
-  ],
-  thumb: &#39;(OPTIONAL)VIDEO_THUMBNAIL_URL&#39;,
-  poster: &#39;(OPTIONAL)VIDEO_POSTER_URL&#39;
-});</code></pre></div><h2 id="312">3.1.2</h2>
-<ul>
-<li><strong>fix(Lightbox):</strong> Check if location is defined before subscribing, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/189">#189</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/190/commits/169b813bf1483e963b930666cbae902b83f24ef4">169b813</a>.</li>
-</ul>
-<h2 id="311">3.1.1</h2>
-<ul>
-<li><strong>refactor(core):</strong> Convert <code>imageSize</code> attribute to an input + add it to gallery config, this makes it possible to use it in lightbox mode, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/183">#183</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/184/commits/1fc70c4e12c06199e2ae4395f2d182b771561acd">1fc70c4</a>.</li>
-<li><strong>refactor(core):</strong> Make <code>contain</code> as the default value for <code>imageSize</code> option, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/185/commits/c7b3d39bfc257500c133cc954c8e72bc1d2ed672">c7b3d39</a>.</li>
-</ul>
-<h2 id="310">3.1.0</h2>
-<ul>
-<li><strong>feat(core):</strong> Add auto-play option, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/179/commits/e7fc03f3abc8c516634231ff42750806d54d22f0">e7fc03f</a>.</li>
-<li><strong>feat(core):</strong> Add support for error handling, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/154">#154</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/177/commits/12f6e5eddd5a9c7607778b5af1f77ef782327930">12f6e5e</a>.</li>
-<li><strong>refactor(core):</strong> Remove opacity transition from <code>gallery-item</code>, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/179/commits/a5b227eb72f9531d1884c07329b65b3c95fc0228">a5b227e</a>.</li>
-<li><strong>refactor(core):</strong> Use <code>imageSize</code> as an attribute, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/179/commits/96c5c075bf41d765b7c4667abcb374c7a6f80f1a">96c5c07</a>.</li>
-<li><strong>refactor(core):</strong> Rename <code>(player)</code> output to <code>(playingChange)</code>, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/179/commits/e2094937c4303fcc00f223155f2ad3d9cee29e17">e209493</a>.</li>
-<li><strong>enhance(core):</strong> Use default cursor when thumbnails are disabled, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/179/commits/3582e95b0f3458c451f76580adda12f72220affb">3582e95</a>.</li>
-<li><strong>fix(core):</strong> fix vertical sliding direction, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/179/commits/cba5d59074fbd37be9ee22abbef2f181364d2267">cba5d59</a>.</li>
-<li><strong>fix(core):</strong> fix thumbClick Output, in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/179/commits/a730116e5d2154910d9a16c6a464e58b59f2e7dd">a730116</a>.</li>
-</ul>
-<h2 id="310-beta0">3.1.0-beta.0</h2>
-<h4 id="gallery">Gallery</h4>
-<ul>
-<li><strong>feat(core):</strong> Add <code>thumbMode</code> option on thumbnails&#39; slider (free scroll thumbnails), closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/135">#135</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/159/commits/8c6c99db551a3ee31f5ab203babba6464acc7b83">8c6c99d</a>.</li>
-<li><strong>feat(core):</strong> Add slide show player option, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/152">#152</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/165/commits/a331f466ad4a2834a8de7f908d5e63fe1d3d5b41">a331f46</a>.</li>
-<li><strong>enhance(core):</strong> Ability to Import gallery styles individually <a href="https://github.com/MurhafSousli/ngx-gallery/issues/144">#144</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/162/commits/ebb6667955299df1f41690a4f4b587a9196bb4bf">ebb6667</a>.</li>
-<li><strong>enhance(core):</strong> Run HammerJS gestures outside angular zone <a href="https://github.com/MurhafSousli/ngx-gallery/commit/6fabf6ca2d421ea1cc478c1f6cd9a3b432ddd0da">6fabf6c</a>.</li>
-<li><strong>enhance(core):</strong> Put SCSS and CSS each in its own folder, close <a href="https://github.com/MurhafSousli/ngx-gallery/issues/153">#153</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/170/commits/9783fc3a614e2258c9363d316ea042fce8c86913">9783fc3</a>.</li>
-<li><strong>enhance(core):</strong> Check if loadingSvg is defined before embedding it, close <a href="https://github.com/MurhafSousli/ngx-gallery/issues/150">#150</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/171/commits/5286640de7ac3a5326d2d2c3d352a085b6dbc308">5286640</a>.</li>
-<li><strong>fix(core):</strong> fix wrong <code>(thumbClick)</code> emitter.</li>
-<li><strong>fix(core):</strong> fix gallery slider width which is set to 0 at the beginning, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/151">#151</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/c26a286551aef4f0313295822f5a381a31479bcb">c26a286</a>.</li>
-<li><strong>refactor(core):</strong> Set <code>loop</code> option to <strong>true</strong> by default.</li>
-<li><strong>refactor(core):</strong> Remove <code>fluid</code> option from gallery config and use it as an attribute instead. fixed in <a href="https://github.com/MurhafSousli/ngx-gallery/pull/169/commits/ecf3f88f59ee0c2eaae68ebf1b93e580fc869a3a">ecf3f88</a>.</li>
-</ul>
-<h4 id="lightbox">Lightbox</h4>
-<ul>
-<li>feat(Lightbox): Close the lightbox when the location is changed, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/108">#108</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/1543374c99b8d539f4e5df381ba9a7a60f3ccfa7">1543374</a>.</li>
-</ul>
-<h3 id="breaking-changes-8">Breaking changes:</h3>
-<h4 id="gallery-1">Gallery</h4>
-<ul>
-<li>Fluid option is now used as an attribute, not as an input.</li>
-</ul>
-<p><strong>Before:</strong></p>
-<div><pre class="line-numbers"><code class="language-html">&lt;gallery [fluid]=&quot;true&quot;&gt;&lt;/gallery&gt;</code></pre></div><p><strong>After:</strong></p>
-<div><pre class="line-numbers"><code class="language-html">&lt;gallery fluid&gt;&lt;/gallery&gt;</code></pre></div><ul>
-<li>Scss and css styles are put each in its own folder</li>
-</ul>
-<p><strong>Before:</strong></p>
-<div><pre class="line-numbers"><code class="language-scss">&#64;import &#39;~&#64;ngx-gallery/core/styles/gallery&#39;;</code></pre></div><p><strong>After:</strong></p>
-<div><pre class="line-numbers"><code class="language-scss">&#64;import &#39;~&#64;ngx-gallery/core/styles/scss/gallery&#39;;
-// or for css
-&#64;import &#39;~&#64;ngx-gallery/core/styles/css/gallery&#39;;</code></pre></div><h2 id="302">3.0.2</h2>
-<ul>
-<li>refactor(Lightbox): fix the close button small size on iphone browser.</li>
-<li>refactor(Lightbox): use <code>&lt;i&gt;</code> tag instead of <code>&lt;button&gt;</code> tag for the close button.</li>
-<li>fix(core): Check if loadingIcon is defined in <code>&lt;gallery-image&gt;</code>, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/133">#133</a> and <a href="https://github.com/MurhafSousli/ngx-gallery/issues/132">#132</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/24e6e26fb2123b2db26e471f608efde86da553ff">24e6e26</a>.</li>
-</ul>
-<h2 id="301">3.0.1</h2>
-<ul>
-<li>feat(core): Allow using custom gallery item with custom template, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/125">#125</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/7e4c3025276dd222f8592bc56694f5d278c8a6d6">7e4c302</a>.</li>
-</ul>
-<h2 id="300">3.0.0</h2>
-<ul>
-<li>fix(Lightbox): Close the lightbox when the active route is changed <a href="https://github.com/MurhafSousli/ngx-gallery/issues/108">#108</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/d099abdf3b6a888c78dd3aa348c8b706ce43c8de">d099abd</a>.</li>
-</ul>
-<h2 id="300-beta1">3.0.0-beta.1</h2>
-<ul>
-<li>refactor(core): add the <code>loop</code> input to gallery component, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/98">#98</a> in <a href="https://github.com/MurhafSousli/ngx-gallery/commit/727a4ca7104db0ca62b03fa0fee66be0ee530fa0">727a4ca</a>.</li>
-</ul>
-<h2 id="300-beta0">3.0.0-beta.0</h2>
-<h3 id="features">Features:</h3>
-<ul>
-<li>Support Angular 6 and RxJS 6, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/91">#91</a>.</li>
-<li>feat(core): Add helper functions to add different gallery items on <code>&lt;gallery&gt;</code> and <code>GalleryRef</code>.</li>
-<li>feat(core): Add <code>fluid</code> option to gallery for full width size.</li>
-<li>feat(core): Add <code>navIcon</code> option to gallery config to set a custom nav icon.</li>
-<li>feat(core): Add<code>loadingStrategy</code> option to gallery which accepts one of the following: &#39;preload&#39;, &#39;lazy&#39; or &#39;default&#39;, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/87">#87</a>.</li>
-<li>feat(core): Add <code>itemClick</code> output which emits when an item is clicked, closes <a href="https://github.com/MurhafSousli/ngx-gallery/pull/106/files">#106</a>.</li>
-<li>feat(core): Support custom template inside the default item templates, add <code>itemTemplate</code> and <code>thumbTemplate</code> to gallery options.</li>
-<li>feat(core): Multiple video sources support.</li>
-<li>feat(core): Pause Video and Youtube items when active item changes.</li>
-<li>feat(Gallerize): Add support to detect Gallery component.</li>
-<li>feat(Gallerize): Add support to detect DOM background images.</li>
-</ul>
-<h3 id="bug-fixes">Bug fixes:</h3>
-<ul>
-<li>fix(core): Skip re-setting the config from <code>&lt;gallery&gt;</code> input in lightbox mode, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/104">#104</a>.</li>
-<li>fix(core): Fix wrong thumbnail position when <code>[thumbPosition]</code> is changed.</li>
-</ul>
-<h3 id="improvements">Improvements:</h3>
-<ul>
-<li>refactor(core): Improve icon rendering, use svg element instead of background-image to render the nav icon in <code>&lt;gallery-nav&gt;</code>.</li>
-<li>refactor(core): Add <code>.g-active-item</code> on current item and <code>.g-active-thumb</code> on current thumbnail.</li>
-<li>refactor(core): Add <code>.g-image-loaded</code> class on <code>&lt;gallery-image&gt;</code> to indicates that the image has been loaded.</li>
-<li>refactor(core): Replace <code>loading</code> output with <code>loaded</code>, which emits the image path after it loads.</li>
-<li>refactor(core): Set an initial height of <code>500px</code>.</li>
-<li>refactor(core): Replace <code>ImageItem</code> <code>VideoItem</code> <code>YoutubeItem</code> and <code>IframeItem</code> constructor parameters with a single data parameter.</li>
-<li>refactor(core, Lightbox): Set <code>aria-label</code> on all buttons.</li>
-<li>refactor(Gallerize): Remove <code>forClass</code> input and replace it for <code>selector</code> input.</li>
-<li>refactor(Gallerize): Remove <code>CommonModule</code> as it is not needed.</li>
-<li>refactor(Styles): Add a prefix to all classes used in the plugin.</li>
-<li>refactor(Styles): Add a transition for animate the opacity on current item and thumbnail.</li>
-</ul>
-<h3 id="breaking-changes-9">Breaking changes:</h3>
-<h4 id="gallery-2">Gallery</h4>
-<ul>
-<li>Before, To Create an image item, we used to pass the src and the thumbnail separate parameters.</li>
-</ul>
-<div><pre class="line-numbers"><code class="language-ts">const item: GalleryItem = new ImageItem(&#39;IMAGE_SRC&#39;, &#39;THUMB_SRC&#39;);</code></pre></div><ul>
-<li>After, The parameters are replaced with a single data object.</li>
-</ul>
-<div><pre class="line-numbers"><code class="language-ts">const item: GalleryItem = new ImageItem({ src: &#39;IMAGE_SRC&#39;, thumb: &#39;THUMB_SRC&#39; });</code></pre></div><h4 id="gallerize">Gallerize</h4>
-<ul>
-<li>Before, Limiting auto-detection to a specific class used to be done as in the following code:</li>
-</ul>
-<div><pre class="line-numbers"><code class="language-html">&lt;div class=&quot;grid&quot; gallerize forClass=&quot;my-img-class&quot;&gt;
-  &lt;img class=&quot;my-img-class&quot; src=&quot;{{item.src}}&quot;&gt;
-&lt;/div&gt;</code></pre></div><ul>
-<li>After, Now <code>forClass</code> input has been replaced with <code>selector</code> input.</li>
-</ul>
-<div><pre class="line-numbers"><code class="language-html">&lt;div class=&quot;grid&quot; gallerize selector=&quot;.my-img-class&quot;&gt;
-  &lt;img class=&quot;my-img-class&quot; src=&quot;{{imgSource1}}&quot;&gt;
-  &lt;div class=&quot;my-img-class&quot; [style.background]=&quot;&#39;url(&#39; + imgSource2 + &#39;)&#39;&quot;&gt;
-&lt;/div&gt;</code></pre></div><h2 id="211">2.1.1</h2>
-<ul>
-<li>refactor(Lightbox Style): Clean up.</li>
-<li>fix(HammerJS): Don&#39;t throw an error if hammer is not defined, just fallback to default.</li>
-<li>feat(VideoItem): add a 3rd parameter to <code>VideoItem</code> to set custom poster.</li>
-</ul>
-<div><pre class="line-numbers"><code class="language-ts">const viewItem = new VideoItem(video.src, video.thumb, video.poster);</code></pre></div><ul>
-<li>refactor(core): rename <code>thumbSrc</code> to <code>thumb</code>.</li>
-</ul>
-<h3 id="breaking-changes-10">Breaking Changes</h3>
-<p>This won&#39;t effect the usage, but you might need to update </p>
-<p><code>GalleryItem</code> data object has changed the name of the thumbnail source property from <code>thumbSrc</code> to <code>thumb</code></p>
-<p>This would only effect your app if you display the thumbnails list of your gallery items</p>
-<p>Before</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;div class=&quot;grid&quot;&gt;
-  &lt;div  class=&quot;grid-item&quot;
-        *ngFor=&quot;let item of galleryItems$ | async; let i = index&quot;
-        (click)=&quot;lightbox.open(i)&quot;&gt;
-    &lt;img class=&quot;grid-image&quot; [src]=&quot;item.data.thumbSrc&quot;&gt;
-  &lt;/div&gt;
-&lt;/div&gt;</code></pre></div><p>After</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;div class=&quot;grid&quot;&gt;
-  &lt;div  class=&quot;grid-item&quot;
-        *ngFor=&quot;let item of galleryItems$ | async; let i = index&quot;
-        (click)=&quot;lightbox.open(i)&quot;&gt;
-    &lt;img class=&quot;grid-image&quot; [src]=&quot;item.data.thumb&quot;&gt;
-  &lt;/div&gt;
-&lt;/div&gt;</code></pre></div><h2 id="204">2.0.4</h2>
-<ul>
-<li>feat(GalleryConfig): add <code>loadingIcon</code> to GalleryConfig that accepts inline image.</li>
-</ul>
-<h2 id="203">2.0.3</h2>
-<ul>
-<li>fix(Lightbox): Exit animation, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/73">#73</a>.</li>
-<li>fix(Lightbox): close button is clicking behind, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/54">#54</a>.</li>
-<li>refactor(Lightbox): Use the button tag instead of div for close button.</li>
-</ul>
-<h2 id="202">2.0.2</h2>
-<ul>
-<li>enhancement(Gallerize): Use <code>MutationObserver</code> instead of <code>ngAfterContentChecked</code> to prevent infinite loop in default change detection strategy, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/70">#70</a>.</li>
-</ul>
-<h2 id="201">2.0.1</h2>
-<ul>
-<li>feat(GallerySlider): Rearrange slider on window resize, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/67">#67</a>.</li>
-</ul>
-<h2 id="200">2.0.0</h2>
-<ul>
-<li>fix(Swiping): Remove ngZone, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/64">#64</a>.</li>
-</ul>
-<h2 id="200-beta4">2.0.0-beta.4</h2>
-<ul>
-<li>feat(LightboxConfig): Adds fullscreen option to the lightbox, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/43">#43</a>.</li>
-</ul>
-<p>By default fullscreen is obtained on small screen (mobile) but now you can make it as default for all screens</p>
-<div><pre class="line-numbers"><code class="language-ts">GalleryModule.forRoot()
-LightboxModule.forRoot({
-  panelClass: &#39;fullscreen&#39;
-})</code></pre></div><ul>
-<li>feat(Lightbox): Ability to define lightbox config using <code>lightbox.open()</code> method</li>
-</ul>
-<div><pre class="line-numbers"><code class="language-ts">openLightbox() {
-  this.lightbox.open(0, &#39;lightbox&#39;, {
-    panelClass: &#39;fullscreen&#39;
-  });
-}</code></pre></div><h2 id="200-beta3">2.0.0-beta.3</h2>
-<ul>
-<li>Prevents native click event bubbling, closes <a href="https://github.com/MurhafSousli/ngx-gallery/issues/57">#57</a></li>
-</ul>
-<h2 id="200-beta">2.0.0-beta</h2>
-<h3 id="written-from-scratch">Written from scratch</h3>
-<h2 id="101">1.0.1</h2>
-<ul>
-<li>fix double click on thumbnails and bullets, closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/45">#45</a>.</li>
-</ul>
-<h2 id="100">1.0.0</h2>
-<p><strong>Fixes:</strong></p>
-<ul>
-<li>fix(GalleryNav): Hide navigation on panning.</li>
-<li>fix(GalleryPlayer): Wait until image is loaded before starting the timer.</li>
-</ul>
-<p> <strong>Features:</strong></p>
-<ul>
-<li>feat(GalleryPlayer): Add progressbar color option.</li>
-<li>feat(GalleryPlayer): Add progressbar thickness option.</li>
-<li>feat(GalleryPlayer): Add position option <code>top</code> and <code>bottom</code>.</li>
-<li>feat(GalleryActions): Add gallery events</li>
-<li>feat(GalleryNav): Add <code>prevClass</code> and <code>nextClass</code> options to customize navigation icons</li>
-<li>feat(classNames) Add <code>className</code> option to container, thumbnails, bullets</li>
-</ul>
-<p><strong>Performance Improvements:</strong></p>
-<ul>
-<li>refactor(GalleryThumbnail) improve performance</li>
-</ul>
-<p><strong>Breaking Changes:</strong></p>
-<ul>
-<li>refactor(GalleryConfig): rename <code>config.thumbnails.space</code> to <code>config.thumbnails.margin</code></li>
-<li>refactor(GalleryBullets): remove vertical positioning <code>right</code> and <code>left</code></li>
-</ul>
-<h2 id="100-beta8">1.0.0-beta.8</h2>
-<ul>
-<li>fix(keyboard listener in lightbox) closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/24">#24</a>, <a href="https://github.com/MurhafSousli/ng-gallery/issues/33">#33</a>.</li>
-<li>refactor(Gallerize directive) Use MutationObserver instead of DOMSubtreeModified, closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/26">#26</a>.</li>
-<li>fix(Universal support), closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/9">#9</a>.</li>
-<li>fix Angular 5 warning, closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/21">#21</a>.</li>
-<li>Improve gallery lightbox, closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/20">#20</a>.</li>
-<li>Improve gallery lightbox slide animation, closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/8">#8</a>.</li>
-<li>Use Angular CDK for the gallery lightbox.</li>
-<li>refactor(GalleryConfig)</li>
-<li>Remove image transition animation option because it was not implemented properly.</li>
-</ul>
-<h2 id="071">0.7.1</h2>
-<ul>
-<li>General refactor</li>
-<li>fix(GalleryDirective) apply gallerize only once when content changes</li>
-<li>decode gallery nav icons and close button from base64 to decrease the size</li>
-</ul>
-<h2 id="070">0.7.0</h2>
-<ul>
-<li>feat(LazyLoad) emit only last selected image.</li>
-<li>fix(GalleryImage) fade animation is working properly with image load.</li>
-<li>refactor(GalleryConfig)</li>
-</ul>
-<h2 id="063">0.6.3</h2>
-<ul>
-<li>fix(GalleryModal) close button is hidden on mobile, closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/9">#9</a></li>
-<li>fix umd bundle for systemjs, closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/10">#10</a></li>
-</ul>
-<h2 id="062">0.6.2</h2>
-<ul>
-<li>fix(gestures) remove navigation element on mobile which was blocking gestures events</li>
-<li>fix(gestures) enable/disable gestures using <code>config.gestures</code></li>
-<li>refactor(config) interfaces</li>
-</ul>
-<h2 id="060-beta">0.6.0 beta</h2>
-<ul>
-<li>Add popup animation for gallery modal</li>
-<li>Remove incorrect slide animation</li>
-<li>Make gestures optional, closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/2">#2</a></li>
-<li>Remove thumbnail vertical position (right and left) positions, closes <a href="https://github.com/MurhafSousli/ng-gallery/issues/3">#3</a></li>
-</ul>
-<h2 id="052-beta">0.5.2 beta</h2>
-<ul>
-<li>(feat) gestures support</li>
-<li>(refactor) gallery config</li>
-</ul>
-<h2 id="050-beta">0.5.0 beta</h2>
-<ul>
-<li>Initial release</li>
-</ul>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 0;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'getting-started';
-            var COMPODOC_CURRENT_PAGE_URL = 'changelog.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="./js/libs/custom-elements.min.js"></script>
-       <script src="./js/libs/lit-html.js"></script>
-
-       <script src="./js/menu-wc.js" defer></script>
-       <script nomodule src="./js/menu-wc_es5.js" defer></script>
-
-       <script src="./js/libs/bootstrap-native.js"></script>
-
-       <script src="./js/libs/es6-shim.min.js"></script>
-       <script src="./js/libs/EventDispatcher.js"></script>
-       <script src="./js/libs/promise.min.js"></script>
-       <script src="./js/libs/zepto.min.js"></script>
-
-       <script src="./js/compodoc.js"></script>
-
-       <script src="./js/tabs.js"></script>
-       <script src="./js/menu.js"></script>
-       <script src="./js/libs/clipboard.min.js"></script>
-       <script src="./js/libs/prism.js"></script>
-       <script src="./js/sourceCode.js"></script>
-          <script src="./js/search/search.js"></script>
-          <script src="./js/search/lunr.min.js"></script>
-          <script src="./js/search/search-lunr.js"></script>
-          <script src="./js/search/search_index.js"></script>
-       <script src="./js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/classes/ActiveItemObserver.html b/documentation/classes/ActiveItemObserver.html
deleted file mode 100644
index e2ee6791..00000000
--- a/documentation/classes/ActiveItemObserver.html
+++ /dev/null
@@ -1,320 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content class">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Classes</li>
-  <li >ActiveItemObserver</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/observers/active-item-observer.ts</code>
-        </p>
-
-
-
-
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#observe" >observe</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="observe"></a>
-                    <span class="name">
-                        <span ><b>observe</b></span>
-                        <a href="#observe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>observe(root: HTMLElement, elements: HTMLElement[], rootMargin: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="5"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/active-item-observer.ts:5</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>root</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>elements</td>
-                                    <td>
-                                            <code>HTMLElement[]</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>rootMargin</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>Observable&lt;number&gt;</code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-
-
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Observable, Subscriber, mergeMap, filter, map } from &#x27;rxjs&#x27;;
-
-export class ActiveItemObserver {
-
-  observe(root: HTMLElement, elements: HTMLElement[], rootMargin: string): Observable&lt;number&gt; {
-    return createIntersectionObserver(root, elements, rootMargin).pipe(
-      map((entry: IntersectionObserverEntry) &#x3D;&gt; {
-        if (entry.isIntersecting) {
-          entry.target.classList.add(&#x27;g-item-highlight&#x27;);
-          return +entry.target.getAttribute(&#x27;galleryIndex&#x27;);
-        } else {
-          entry.target.classList.remove(&#x27;g-item-highlight&#x27;);
-          return -1;
-        }
-      }),
-      filter((index: number) &#x3D;&gt; index !&#x3D;&#x3D; -1)
-    );
-  }
-}
-
-function createIntersectionObserver(root: HTMLElement, elements: HTMLElement[], rootMargin: string): Observable&lt;IntersectionObserverEntry&gt; {
-  return new Observable((observer: Subscriber&lt;IntersectionObserverEntry[]&gt;) &#x3D;&gt; {
-    const intersectionObserver: IntersectionObserver &#x3D; new IntersectionObserver(
-      (entries: IntersectionObserverEntry[]) &#x3D;&gt; observer.next(entries),
-      {
-        root,
-        rootMargin,
-        threshold: 1
-      }
-    );
-    elements.forEach((element: HTMLElement) &#x3D;&gt; intersectionObserver.observe(element));
-    return () &#x3D;&gt; {
-      elements.forEach((element: HTMLElement) &#x3D;&gt; intersectionObserver.unobserve(element));
-      intersectionObserver.disconnect();
-    };
-  }).pipe(
-    mergeMap((entries: IntersectionObserverEntry[]) &#x3D;&gt; entries)
-  );
-}
-
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'ActiveItemObserver.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/classes/GalleryRef.html b/documentation/classes/GalleryRef.html
deleted file mode 100644
index 8a540ad0..00000000
--- a/documentation/classes/GalleryRef.html
+++ /dev/null
@@ -1,2182 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content class">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Classes</li>
-  <li >GalleryRef</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/services/gallery-ref.ts</code>
-        </p>
-
-
-
-
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#_config" >_config</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#_state" >_state</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#error" >error</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#itemClick" >itemClick</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#state" >state</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#thumbClick" >thumbClick</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#add" >add</a>
-                            </li>
-                            <li>
-                                <a href="#addIframe" >addIframe</a>
-                            </li>
-                            <li>
-                                <a href="#addImage" >addImage</a>
-                            </li>
-                            <li>
-                                <a href="#addVideo" >addVideo</a>
-                            </li>
-                            <li>
-                                <a href="#addYoutube" >addYoutube</a>
-                            </li>
-                            <li>
-                                <a href="#destroy" >destroy</a>
-                            </li>
-                            <li>
-                                <a href="#load" >load</a>
-                            </li>
-                            <li>
-                                <a href="#next" >next</a>
-                            </li>
-                            <li>
-                                <a href="#play" >play</a>
-                            </li>
-                            <li>
-                                <a href="#prev" >prev</a>
-                            </li>
-                            <li>
-                                <a href="#remove" >remove</a>
-                            </li>
-                            <li>
-                                <a href="#reset" >reset</a>
-                            </li>
-                            <li>
-                                <a href="#set" >set</a>
-                            </li>
-                            <li>
-                                <a href="#setConfig" >setConfig</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#setState" >setState</a>
-                            </li>
-                            <li>
-                                <a href="#stop" >stop</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#stateSnapshot" >stateSnapshot</a>
-                                </li>
-                                <li>
-                                    <a href="#configSnapshot" >configSnapshot</a>
-                                </li>
-                                <li>
-                                    <a href="#initialized" >initialized</a>
-                                </li>
-                                <li>
-                                    <a href="#itemsChanged" >itemsChanged</a>
-                                </li>
-                                <li>
-                                    <a href="#indexChanged" >indexChanged</a>
-                                </li>
-                                <li>
-                                    <a href="#playingChanged" >playingChanged</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(config: <a href="../injectables/Gallery.html" target="_self">GalleryConfig</a>, deleteInstance: () => void)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:72</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>config</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>deleteInstance</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_config"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>_config</b></span>
-                        <a href="#_config"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >BehaviorSubject&lt;GalleryConfig&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:27</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits gallery config</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_state"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>_state</b></span>
-                        <a href="#_state"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >BehaviorSubject&lt;GalleryState&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:24</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits gallery state</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="config"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>config</b></span>
-                        <a href="#config"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryConfig&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:44</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits gallery config</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="error"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>error</b></span>
-                        <a href="#error"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Subject&lt;GalleryError&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:36</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits on an error occurs</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="itemClick"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>itemClick</b></span>
-                        <a href="#itemClick"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Subject&lt;number&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:30</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits on item click</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="state"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>state</b></span>
-                        <a href="#state"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryState&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:41</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits gallery state</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="thumbClick"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>thumbClick</b></span>
-                        <a href="#thumbClick"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Subject&lt;number&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:33</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits on thumbnail click</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="add"></a>
-                    <span class="name">
-                        <span ><b>add</b></span>
-                        <a href="#add"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>add(item: <a href="../injectables/Gallery.html" target="_self">GalleryItem</a>, active?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="98"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:98</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Add gallery item</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>item</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>active</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="addIframe"></a>
-                    <span class="name">
-                        <span ><b>addIframe</b></span>
-                        <a href="#addIframe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>addIframe(data: <a href="../classes/IframeItem.html" target="_self">IframeItemData</a>, active?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="125"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:125</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Add iframe item</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>data</td>
-                                    <td>
-                                                <code><a href="../classes/IframeItem.html" target="_self" >IframeItemData</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>active</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="addImage"></a>
-                    <span class="name">
-                        <span ><b>addImage</b></span>
-                        <a href="#addImage"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>addImage(data: <a href="../classes/ImageItem.html" target="_self">ImageItemData</a>, active?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="111"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:111</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Add image item</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>data</td>
-                                    <td>
-                                                <code><a href="../classes/ImageItem.html" target="_self" >ImageItemData</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>active</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="addVideo"></a>
-                    <span class="name">
-                        <span ><b>addVideo</b></span>
-                        <a href="#addVideo"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>addVideo(data: <a href="../classes/VideoItem.html" target="_self">VideoItemData</a>, active?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="118"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:118</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Add video item</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>data</td>
-                                    <td>
-                                                <code><a href="../classes/VideoItem.html" target="_self" >VideoItemData</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>active</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="addYoutube"></a>
-                    <span class="name">
-                        <span ><b>addYoutube</b></span>
-                        <a href="#addYoutube"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>addYoutube(data: <a href="../classes/YoutubeItem.html" target="_self">YoutubeItemData</a>, active?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="132"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:132</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Add Youtube item</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>data</td>
-                                    <td>
-                                                <code><a href="../classes/YoutubeItem.html" target="_self" >YoutubeItemData</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>active</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="destroy"></a>
-                    <span class="name">
-                        <span ><b>destroy</b></span>
-                        <a href="#destroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>destroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="236"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:236</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Destroy gallery</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="load"></a>
-                    <span class="name">
-                        <span ><b>load</b></span>
-                        <a href="#load"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>load(items: <a href="../injectables/Gallery.html" target="_self">GalleryItem[]</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="157"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:157</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Load items and reset the state</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>items</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem[]</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="next"></a>
-                    <span class="name">
-                        <span ><b>next</b></span>
-                        <a href="#next"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>next(behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>, loop: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="190"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:190</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Next item</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Default value</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                        <code>this._config.value.scrollBehavior</code>
-                                    </td>
-
-                                </tr>
-                                <tr>
-                                    <td>loop</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                        <code>true</code>
-                                    </td>
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="play"></a>
-                    <span class="name">
-                        <span ><b>play</b></span>
-                        <a href="#play"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>play(interval?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="212"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:212</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Start gallery player</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>interval</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="prev"></a>
-                    <span class="name">
-                        <span ><b>prev</b></span>
-                        <a href="#prev"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>prev(behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>, loop: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="201"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:201</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Prev item</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Default value</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                        <code>this._config.value.scrollBehavior</code>
-                                    </td>
-
-                                </tr>
-                                <tr>
-                                    <td>loop</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                        <code>true</code>
-                                    </td>
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="remove"></a>
-                    <span class="name">
-                        <span ><b>remove</b></span>
-                        <a href="#remove"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>remove(i: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="139"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:139</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Remove gallery item</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>i</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="reset"></a>
-                    <span class="name">
-                        <span ><b>reset</b></span>
-                        <a href="#reset"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>reset()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="229"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:229</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Reset gallery to initial state</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="set"></a>
-                    <span class="name">
-                        <span ><b>set</b></span>
-                        <a href="#set"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>set(i: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="171"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:171</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set active item</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Default value</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>i</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                    </td>
-
-                                </tr>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                        <code>this._config.value.scrollBehavior</code>
-                                    </td>
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="setConfig"></a>
-                    <span class="name">
-                        <span ><b>setConfig</b></span>
-                        <a href="#setConfig"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>setConfig(config: <a href="../injectables/Gallery.html" target="_self">GalleryConfig</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="91"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:91</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set gallery config</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>config</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="setState"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>setState</b></span>
-                        <a href="#setState"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>setState(state: <a href="../injectables/Gallery.html" target="_self">GalleryState</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="84"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:84</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set gallery state</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>state</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="stop"></a>
-                    <span class="name">
-                        <span ><b>stop</b></span>
-                        <a href="#stop"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>stop()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="222"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:222</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stop gallery player</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-
-
-
-
-            <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="stateSnapshot"></a>
-                        <span class="name"><b>stateSnapshot</b><a href="#stateSnapshot"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>stateSnapshot()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:46</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="configSnapshot"></a>
-                        <span class="name"><b>configSnapshot</b><a href="#configSnapshot"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>configSnapshot()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:50</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="initialized"></a>
-                        <span class="name"><b>initialized</b><a href="#initialized"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>initialized()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:55</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Stream that emits when gallery is initialized/reset</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryState&gt;</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="itemsChanged"></a>
-                        <span class="name"><b>itemsChanged</b><a href="#itemsChanged"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>itemsChanged()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:60</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Stream that emits when items is changed (items loaded, item added, item removed)</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryState&gt;</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="indexChanged"></a>
-                        <span class="name"><b>indexChanged</b><a href="#indexChanged"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>indexChanged()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:65</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Stream that emits when current item is changed</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryState&gt;</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="playingChanged"></a>
-                        <span class="name"><b>playingChanged</b><a href="#playingChanged"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>playingChanged()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery-ref.ts:70</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Stream that emits when the player should start or stop</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryState&gt;</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-</section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { BehaviorSubject, Subject, Observable, filter } from &#x27;rxjs&#x27;;
-import { defaultState } from &#x27;../utils/gallery.default&#x27;;
-import { GalleryError, GalleryItem, GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { GalleryAction } from &#x27;../models/constants&#x27;;
-import {
-  IframeItem,
-  IframeItemData,
-  ImageItem,
-  ImageItemData,
-  VideoItem,
-  VideoItemData,
-  YoutubeItem,
-  YoutubeItemData
-} from &#x27;../components/templates/items.model&#x27;;
-
-const filterActions &#x3D; (actions: string[]) &#x3D;&gt; {
-  return filter((state: GalleryState) &#x3D;&gt; actions.indexOf(state.action) &gt; -1);
-};
-
-export class GalleryRef {
-
-  /** Stream that emits gallery state */
-  private readonly _state: BehaviorSubject&lt;GalleryState&gt;;
-
-  /** Stream that emits gallery config */
-  private readonly _config: BehaviorSubject&lt;GalleryConfig&gt;;
-
-  /** Stream that emits on item click */
-  readonly itemClick &#x3D; new Subject&lt;number&gt;();
-
-  /** Stream that emits on thumbnail click */
-  readonly thumbClick &#x3D; new Subject&lt;number&gt;();
-
-  /** Stream that emits on an error occurs */
-  readonly error &#x3D; new Subject&lt;GalleryError&gt;();
-
-  /** Gallery Events */
-
-  /** Stream that emits gallery state */
-  readonly state: Observable&lt;GalleryState&gt;;
-
-  /** Stream that emits gallery config */
-  readonly config: Observable&lt;GalleryConfig&gt;;
-
-  get stateSnapshot(): GalleryState {
-    return this._state.value;
-  }
-
-  get configSnapshot(): GalleryConfig {
-    return this._config.value;
-  }
-
-  /** Stream that emits when gallery is initialized/reset */
-  get initialized(): Observable&lt;GalleryState&gt; {
-    return this.state.pipe(filterActions([GalleryAction.INITIALIZED]));
-  }
-
-  /** Stream that emits when items is changed (items loaded, item added, item removed) */
-  get itemsChanged(): Observable&lt;GalleryState&gt; {
-    return this.state.pipe(filterActions([GalleryAction.ITEMS_CHANGED]));
-  }
-
-  /** Stream that emits when current item is changed */
-  get indexChanged(): Observable&lt;GalleryState&gt; {
-    return this.state.pipe(filterActions([GalleryAction.INDEX_CHANGED]));
-  }
-
-  /** Stream that emits when the player should start or stop */
-  get playingChanged(): Observable&lt;GalleryState&gt; {
-    return this.state.pipe(filterActions([GalleryAction.PLAY, GalleryAction.STOP]));
-  }
-
-  constructor(config: GalleryConfig, private deleteInstance: () &#x3D;&gt; void) {
-    this._state &#x3D; new BehaviorSubject&lt;GalleryState&gt;(defaultState);
-    this._config &#x3D; new BehaviorSubject&lt;GalleryConfig&gt;(config);
-    this.state &#x3D; this._state.asObservable();
-    this.config &#x3D; this._config.asObservable();
-  }
-
-  /**
-   * Set gallery state
-   */
-  private setState(state: GalleryState): void {
-    this._state.next({ ...this.stateSnapshot, ...state });
-  }
-
-  /**
-   * Set gallery config
-   */
-  setConfig(config: GalleryConfig): void {
-    this._config.next({ ...this._config.value, ...config });
-  }
-
-  /**
-   * Add gallery item
-   */
-  add(item: GalleryItem, active?: boolean): void {
-    const items: GalleryItem[] &#x3D; [...this.stateSnapshot.items, item];
-    this.setState({
-      action: GalleryAction.ITEMS_CHANGED,
-      items,
-      hasNext: items.length &gt; 1,
-      currIndex: active ? items.length - 1 : this.stateSnapshot.currIndex
-    });
-  }
-
-  /**
-   * Add image item
-   */
-  addImage(data: ImageItemData, active?: boolean): void {
-    this.add(new ImageItem(data), active);
-  }
-
-  /**
-   * Add video item
-   */
-  addVideo(data: VideoItemData, active?: boolean): void {
-    this.add(new VideoItem(data), active);
-  }
-
-  /**
-   * Add iframe item
-   */
-  addIframe(data: IframeItemData, active?: boolean): void {
-    this.add(new IframeItem(data), active);
-  }
-
-  /**
-   * Add Youtube item
-   */
-  addYoutube(data: YoutubeItemData, active?: boolean): void {
-    this.add(new YoutubeItem(data), active);
-  }
-
-  /**
-   * Remove gallery item
-   */
-  remove(i: number): void {
-    const state: GalleryState &#x3D; this.stateSnapshot;
-    const items: GalleryItem[] &#x3D; [
-      ...state.items.slice(0, i),
-      ...state.items.slice(i + 1, state.items.length)
-    ];
-    this.setState({
-      action: GalleryAction.ITEMS_CHANGED,
-      currIndex: i &lt; 1 ? state.currIndex : i - 1,
-      items,
-      hasNext: items.length &gt; 1,
-      hasPrev: i &gt; 0
-    });
-  }
-
-  /**
-   * Load items and reset the state
-   */
-  load(items: GalleryItem[]): void {
-    if (items) {
-      this.setState({
-        action: GalleryAction.ITEMS_CHANGED,
-        items,
-        hasNext: items.length &gt; 1,
-        hasPrev: false
-      });
-    }
-  }
-
-  /**
-   * Set active item
-   */
-  set(i: number, behavior: ScrollBehavior &#x3D; this._config.value.scrollBehavior): void {
-    if (i &lt; 0 || i &gt;&#x3D; this.stateSnapshot.items.length) {
-      console.error(&#x60;[NgGallery]: Unable to set the active item because the given index (${ i }) is outside the items range!&#x60;);
-      return;
-    }
-    if (i !&#x3D;&#x3D; this.stateSnapshot.currIndex) {
-      this.setState({
-        behavior,
-        action: GalleryAction.INDEX_CHANGED,
-        currIndex: i,
-        hasNext: i &lt; this.stateSnapshot.items.length - 1,
-        hasPrev: i &gt; 0
-      });
-    }
-  }
-
-  /**
-   * Next item
-   */
-  next(behavior: ScrollBehavior &#x3D; this._config.value.scrollBehavior, loop: boolean &#x3D; true): void {
-    if (this.stateSnapshot.hasNext) {
-      this.set(this.stateSnapshot.currIndex + 1, behavior);
-    } else if (loop &amp;&amp; this._config.value.loop) {
-      this.set(0, behavior);
-    }
-  }
-
-  /**
-   * Prev item
-   */
-  prev(behavior: ScrollBehavior &#x3D; this._config.value.scrollBehavior, loop: boolean &#x3D; true): void {
-    if (this.stateSnapshot.hasPrev) {
-      this.set(this.stateSnapshot.currIndex - 1, behavior);
-    } else if (loop &amp;&amp; this._config.value.loop) {
-      this.set(this.stateSnapshot.items.length - 1, behavior);
-    }
-  }
-
-  /**
-   * Start gallery player
-   */
-  play(interval?: number): void {
-    if (interval) {
-      this.setConfig({ playerInterval: interval });
-    }
-    this.setState({ action: GalleryAction.PLAY, isPlaying: true });
-  }
-
-  /**
-   * Stop gallery player
-   */
-  stop(): void {
-    this.setState({ action: GalleryAction.STOP, isPlaying: false });
-  }
-
-  /**
-   * Reset gallery to initial state
-   */
-  reset(): void {
-    this.setState(defaultState);
-  }
-
-  /**
-   * Destroy gallery
-   */
-  destroy(): void {
-    this._state.complete();
-    this._config.complete();
-    this.itemClick.complete();
-    this.thumbClick.complete();
-    this.deleteInstance();
-  }
-
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryRef.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/classes/HorizontalAdapter.html b/documentation/classes/HorizontalAdapter.html
deleted file mode 100644
index e26990e4..00000000
--- a/documentation/classes/HorizontalAdapter.html
+++ /dev/null
@@ -1,1109 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content class">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Classes</li>
-  <li >HorizontalAdapter</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/components/adapters/main-adapters.ts</code>
-        </p>
-
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="../classes/SliderAdapter.html" target="_self" >SliderAdapter</a></code>
-            </p>
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#hammerDirection" >hammerDirection</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#scrollSnapType" >scrollSnapType</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#slider" >slider</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#getCentralizerEndSize" >getCentralizerEndSize</a>
-                            </li>
-                            <li>
-                                <a href="#getCentralizerStartSize" >getCentralizerStartSize</a>
-                            </li>
-                            <li>
-                                <a href="#getElementRootMargin" >getElementRootMargin</a>
-                            </li>
-                            <li>
-                                <a href="#getHammerValue" >getHammerValue</a>
-                            </li>
-                            <li>
-                                <a href="#getHammerVelocity" >getHammerVelocity</a>
-                            </li>
-                            <li>
-                                <a href="#getRootMargin" >getRootMargin</a>
-                            </li>
-                            <li>
-                                <a href="#getScrollToValue" >getScrollToValue</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#scrollValue" >scrollValue</a>
-                                </li>
-                                <li>
-                                    <a href="#clientSize" >clientSize</a>
-                                </li>
-                                <li>
-                                    <a href="#isContentLessThanContainer" >isContentLessThanContainer</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(slider: HTMLElement, config: <a href="../injectables/Gallery.html" target="_self">GalleryConfig</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:23</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>slider</td>
-                                                  
-                                                        <td>
-                                                                    <code>HTMLElement</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>config</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="config"></a>
-                    <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>config</b></span>
-                        <a href="#config"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:25</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="hammerDirection"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>hammerDirection</b></span>
-                        <a href="#hammerDirection"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>Hammer?.DIRECTION_HORIZONTAL</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="9" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:9</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="scrollSnapType"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>scrollSnapType</b></span>
-                        <a href="#scrollSnapType"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;x mandatory&#x27;</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="11" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:11</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="slider"></a>
-                    <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>slider</b></span>
-                        <a href="#slider"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>HTMLElement</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:25</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getCentralizerEndSize"></a>
-                    <span class="name">
-                        <span ><b>getCentralizerEndSize</b></span>
-                        <a href="#getCentralizerEndSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getCentralizerEndSize()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="54"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:54</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getCentralizerStartSize"></a>
-                    <span class="name">
-                        <span ><b>getCentralizerStartSize</b></span>
-                        <a href="#getCentralizerStartSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getCentralizerStartSize()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="46"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:46</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getElementRootMargin"></a>
-                    <span class="name">
-                        <span ><b>getElementRootMargin</b></span>
-                        <a href="#getElementRootMargin"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getElementRootMargin(viewport: HTMLElement, el: HTMLElement)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="41"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:41</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>viewport</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>el</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getHammerValue"></a>
-                    <span class="name">
-                        <span ><b>getHammerValue</b></span>
-                        <a href="#getHammerValue"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getHammerValue(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, e: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>, behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="66"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:66</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>value</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>e</td>
-                                    <td>
-                                                <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>ScrollToOptions</code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getHammerVelocity"></a>
-                    <span class="name">
-                        <span ><b>getHammerVelocity</b></span>
-                        <a href="#getHammerVelocity"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getHammerVelocity(e: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="62"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:62</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>e</td>
-                                    <td>
-                                                <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getRootMargin"></a>
-                    <span class="name">
-                        <span ><b>getRootMargin</b></span>
-                        <a href="#getRootMargin"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getRootMargin()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="37"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:37</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getScrollToValue"></a>
-                    <span class="name">
-                        <span ><b>getScrollToValue</b></span>
-                        <a href="#getScrollToValue"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getScrollToValue(el: HTMLElement, behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="28"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:28</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>el</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="../directives/SmoothScroll.html" target="_self" >SmoothScrollToOptions</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-
-
-
-
-            <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="scrollValue"></a>
-                        <span class="name"><b>scrollValue</b><a href="#scrollValue"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>scrollValue()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:13</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="clientSize"></a>
-                        <span class="name"><b>clientSize</b><a href="#clientSize"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>clientSize()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:17</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isContentLessThanContainer"></a>
-                        <span class="name"><b>isContentLessThanContainer</b><a href="#isContentLessThanContainer"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>isContentLessThanContainer()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:21</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { GalleryConfig } from &#x27;../../models/config.model&#x27;;
-import { SliderAdapter } from &#x27;./base-adapter&#x27;;
-import { SmoothScrollToOptions } from &#x27;../../smooth-scroll&#x27;;
-
-declare const Hammer: any;
-
-export class HorizontalAdapter implements SliderAdapter {
-
-  readonly hammerDirection: number &#x3D; Hammer?.DIRECTION_HORIZONTAL;
-
-  readonly scrollSnapType: string &#x3D; &#x27;x mandatory&#x27;;
-
-  get scrollValue(): number {
-    return this.slider.scrollLeft;
-  }
-
-  get clientSize(): number {
-    return this.slider.clientWidth;
-  }
-
-  get isContentLessThanContainer(): boolean {
-    return this.clientSize &gt;&#x3D; this.slider.firstElementChild.clientWidth;
-  }
-
-  constructor(public slider: HTMLElement, public config: GalleryConfig) {
-  }
-
-  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollToOptions {
-    const position: number &#x3D; el.offsetLeft - ((this.clientSize - el.clientWidth) / 2);
-    return {
-      start: position,
-      duration: behavior &#x3D;&#x3D;&#x3D; &#x27;smooth&#x27; ? this.config.slidingDuration : 0,
-      easing: this.config.slidingEase
-    };
-  }
-
-  getRootMargin(): string {
-    return &#x60;1000px 1px 1000px 1px&#x60;;
-  }
-
-  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {
-    const rootMargin: number &#x3D; -1 * ((viewport.clientWidth - el.clientWidth) / 2) + 1;
-    return &#x60;0px ${ rootMargin }px 0px ${ rootMargin }px&#x60;;
-  }
-
-  getCentralizerStartSize(): number {
-    if (this.isContentLessThanContainer) {
-      const size: number &#x3D; this.clientSize - this.slider.firstElementChild.clientWidth;
-      return size / 2;
-    }
-    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientWidth / 2);
-  }
-
-  getCentralizerEndSize(): number {
-    if (this.isContentLessThanContainer) {
-      const size: number &#x3D; this.clientSize - this.slider.firstElementChild.clientWidth;
-      return size / 2;
-    }
-    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientWidth / 2);
-  }
-
-  getHammerVelocity(e: any): number {
-    return e.velocityX;
-  }
-
-  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {
-    return {
-      behavior,
-      left: value - e.deltaX
-    };
-  }
-
-  // getDraggingProperty(e: MouseEvent): number {
-  //   return e.clientX;
-  // }
-
-  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {
-  //   return {
-  //     behavior,
-  //     left: value - delta
-  //   };
-  // }
-}
-
-export class VerticalAdapter implements SliderAdapter {
-
-  readonly hammerDirection: number &#x3D; Hammer?.DIRECTION_VERTICAL;
-
-  readonly scrollSnapType: string &#x3D; &#x27;y mandatory&#x27;;
-
-  get scrollValue(): number {
-    return this.slider.scrollTop;
-  }
-
-  get clientSize(): number {
-    return this.slider.clientHeight;
-  }
-
-  get isContentLessThanContainer(): boolean {
-    return this.clientSize &gt;&#x3D; this.slider.firstElementChild.clientHeight;
-  }
-
-  constructor(public slider: HTMLElement, public config: GalleryConfig) {
-  }
-
-  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollToOptions {
-    const position: number &#x3D; el.offsetTop - ((this.clientSize - el.clientHeight) / 2);
-    return {
-      top: position,
-      duration: behavior &#x3D;&#x3D;&#x3D; &#x27;smooth&#x27; ? this.config.slidingDuration : 0,
-      easing: this.config.slidingEase
-    };
-  }
-
-  getRootMargin(): string {
-    return &#x60;1px 1000px 1px 1000px&#x60;;
-  }
-
-  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {
-    const rootMargin: number &#x3D; -1 * ((viewport.clientHeight - el.clientHeight) / 2) + 1;
-    return &#x60;${ rootMargin }px 0px ${ rootMargin }px 0px&#x60;;
-  }
-
-  getCentralizerStartSize(): number {
-    if (this.isContentLessThanContainer) {
-      const size &#x3D; this.clientSize - this.slider.firstElementChild.clientHeight;
-      return size / 2;
-    }
-    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientHeight / 2);
-  }
-
-  getCentralizerEndSize(): number {
-    if (this.isContentLessThanContainer) {
-      const size &#x3D; this.clientSize - this.slider.firstElementChild.clientHeight;
-      return size / 2;
-    }
-    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientHeight / 2);
-  }
-
-  getHammerVelocity(e: any): number {
-    return e.velocityY;
-  }
-
-  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {
-    return {
-      behavior,
-      top: value - e.deltaY
-    };
-  }
-
-  // getDraggingProperty(e: MouseEvent): number {
-  //   return e.clientY;
-  // }
-
-  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {
-  //   return {
-  //     behavior,
-  //     top: value - delta
-  //   };
-  // }
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'HorizontalAdapter.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/classes/IframeItem.html b/documentation/classes/IframeItem.html
deleted file mode 100644
index acdce5a6..00000000
--- a/documentation/classes/IframeItem.html
+++ /dev/null
@@ -1,385 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content class">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Classes</li>
-  <li >IframeItem</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/components/templates/items.model.ts</code>
-        </p>
-
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem</a></code>
-            </p>
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#data" >data</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#type" >type</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(data: <a href="../classes/IframeItem.html" target="_self">IframeItemData</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:26</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>data</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../classes/IframeItem.html" target="_self" >IframeItemData</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="data"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>data</b></span>
-                        <a href="#data"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/IframeItem.html" target="_self" >IframeItemData</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:26</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="type"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>type</b></span>
-                        <a href="#type"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemType</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:25</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-
-
-
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { GalleryItem } from &#x27;../../models/gallery.model&#x27;;
-import { GalleryItemType, GalleryItemTypes } from &#x27;../../models/constants&#x27;;
-
-export class ImageItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: ImageItemData;
-
-  constructor(data: ImageItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Image;
-  }
-}
-
-export class VideoItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: VideoItemData;
-
-  constructor(data: VideoItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Video;
-  }
-}
-
-export class IframeItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: IframeItemData;
-
-  constructor(data: IframeItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Iframe;
-  }
-}
-
-export class YoutubeItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: YoutubeItemData;
-
-  constructor(data: YoutubeItemData) {
-    this.data &#x3D; {
-      ...data,
-      ...{
-        src: &#x60;https://youtube.com/embed/${ data.src }&#x60;,
-        thumb: data.thumb ? data.thumb : &#x60;//img.youtube.com/vi/${ data.src }/default.jpg&#x60;
-      }
-    };
-    this.type &#x3D; GalleryItemTypes.Youtube;
-  }
-}
-
-type GalleryItemModel &#x3D; {
-  type?: GalleryItemType;
-  src?: string | { url: string, type: string }[];
-  thumb?: string;
-  args?: any;
-};
-
-export type ImageItemData &#x3D; GalleryItemModel &amp; {
-  alt?: string;
-};
-
-export type IframeItemData &#x3D; GalleryItemModel &amp; {
-  params?: any;
-};
-
-export type YoutubeItemData &#x3D; IframeItemData &amp; {
-  autoplay?: boolean;
-};
-
-export type VideoItemData &#x3D; GalleryItemModel &amp; {
-  poster?: string;
-  loop?: boolean;
-  // The only option for boolean video attributes is &#x27;true&#x27;, because false will still be evaluated to true in attributes binding
-  mute?: true;
-  disablePictureInPicture?: true;
-  controls?: boolean;
-  autoplay?: boolean;
-  preload?: &#x27;none&#x27; | &#x27;metadata&#x27; | &#x27;auto&#x27; | &#x27;&#x27;;
-  controlsList?: &#x27;nodownload&#x27; | &#x27;nofullscreen&#x27; | &#x27;noremoteplayback&#x27;;
-  disableRemotePlayback?: boolean;
-};
-
-export type GalleryItemData &#x3D; ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;
-
-export type ItemState &#x3D; &#x27;success&#x27; | &#x27;loading&#x27; | &#x27;failed&#x27;;
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'IframeItem.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/classes/ImageItem.html b/documentation/classes/ImageItem.html
deleted file mode 100644
index 14643c34..00000000
--- a/documentation/classes/ImageItem.html
+++ /dev/null
@@ -1,385 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content class">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Classes</li>
-  <li >ImageItem</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/components/templates/items.model.ts</code>
-        </p>
-
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem</a></code>
-            </p>
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#data" >data</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#type" >type</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(data: <a href="../classes/ImageItem.html" target="_self">ImageItemData</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="6" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:6</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>data</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../classes/ImageItem.html" target="_self" >ImageItemData</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="data"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>data</b></span>
-                        <a href="#data"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/ImageItem.html" target="_self" >ImageItemData</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="6" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:6</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="type"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>type</b></span>
-                        <a href="#type"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemType</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="5" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:5</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-
-
-
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { GalleryItem } from &#x27;../../models/gallery.model&#x27;;
-import { GalleryItemType, GalleryItemTypes } from &#x27;../../models/constants&#x27;;
-
-export class ImageItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: ImageItemData;
-
-  constructor(data: ImageItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Image;
-  }
-}
-
-export class VideoItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: VideoItemData;
-
-  constructor(data: VideoItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Video;
-  }
-}
-
-export class IframeItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: IframeItemData;
-
-  constructor(data: IframeItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Iframe;
-  }
-}
-
-export class YoutubeItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: YoutubeItemData;
-
-  constructor(data: YoutubeItemData) {
-    this.data &#x3D; {
-      ...data,
-      ...{
-        src: &#x60;https://youtube.com/embed/${ data.src }&#x60;,
-        thumb: data.thumb ? data.thumb : &#x60;//img.youtube.com/vi/${ data.src }/default.jpg&#x60;
-      }
-    };
-    this.type &#x3D; GalleryItemTypes.Youtube;
-  }
-}
-
-type GalleryItemModel &#x3D; {
-  type?: GalleryItemType;
-  src?: string | { url: string, type: string }[];
-  thumb?: string;
-  args?: any;
-};
-
-export type ImageItemData &#x3D; GalleryItemModel &amp; {
-  alt?: string;
-};
-
-export type IframeItemData &#x3D; GalleryItemModel &amp; {
-  params?: any;
-};
-
-export type YoutubeItemData &#x3D; IframeItemData &amp; {
-  autoplay?: boolean;
-};
-
-export type VideoItemData &#x3D; GalleryItemModel &amp; {
-  poster?: string;
-  loop?: boolean;
-  // The only option for boolean video attributes is &#x27;true&#x27;, because false will still be evaluated to true in attributes binding
-  mute?: true;
-  disablePictureInPicture?: true;
-  controls?: boolean;
-  autoplay?: boolean;
-  preload?: &#x27;none&#x27; | &#x27;metadata&#x27; | &#x27;auto&#x27; | &#x27;&#x27;;
-  controlsList?: &#x27;nodownload&#x27; | &#x27;nofullscreen&#x27; | &#x27;noremoteplayback&#x27;;
-  disableRemotePlayback?: boolean;
-};
-
-export type GalleryItemData &#x3D; ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;
-
-export type ItemState &#x3D; &#x27;success&#x27; | &#x27;loading&#x27; | &#x27;failed&#x27;;
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'ImageItem.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/classes/SliderAdapter.html b/documentation/classes/SliderAdapter.html
deleted file mode 100644
index ffc21b13..00000000
--- a/documentation/classes/SliderAdapter.html
+++ /dev/null
@@ -1,861 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content class">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Classes</li>
-  <li >SliderAdapter</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/components/adapters/base-adapter.ts</code>
-        </p>
-
-
-
-
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                    <span class="modifier">Abstract</span>
-                                <a href="#hammerDirection" >hammerDirection</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                    <span class="modifier">Abstract</span>
-                                <a href="#scrollSnapType" >scrollSnapType</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Abstract</span>
-                                <a href="#getCentralizerEndSize" >getCentralizerEndSize</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Abstract</span>
-                                <a href="#getCentralizerStartSize" >getCentralizerStartSize</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Abstract</span>
-                                <a href="#getElementRootMargin" >getElementRootMargin</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Abstract</span>
-                                <a href="#getHammerValue" >getHammerValue</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Abstract</span>
-                                <a href="#getHammerVelocity" >getHammerVelocity</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Abstract</span>
-                                <a href="#getRootMargin" >getRootMargin</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Abstract</span>
-                                <a href="#getScrollToValue" >getScrollToValue</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#scrollValue" >scrollValue</a>
-                                </li>
-                                <li>
-                                    <a href="#clientSize" >clientSize</a>
-                                </li>
-                                <li>
-                                    <a href="#isContentLessThanContainer" >isContentLessThanContainer</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="hammerDirection"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                            <span class="modifier">Abstract</span>
-                        <span ><b>hammerDirection</b></span>
-                        <a href="#hammerDirection"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="3" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:3</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="scrollSnapType"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                            <span class="modifier">Abstract</span>
-                        <span ><b>scrollSnapType</b></span>
-                        <a href="#scrollSnapType"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="5" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:5</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getCentralizerEndSize"></a>
-                    <span class="name">
-                        <span class="modifier">Abstract</span>
-                        <span ><b>getCentralizerEndSize</b></span>
-                        <a href="#getCentralizerEndSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>getCentralizerEndSize()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="17"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:17</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getCentralizerStartSize"></a>
-                    <span class="name">
-                        <span class="modifier">Abstract</span>
-                        <span ><b>getCentralizerStartSize</b></span>
-                        <a href="#getCentralizerStartSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>getCentralizerStartSize()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="15"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:15</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getElementRootMargin"></a>
-                    <span class="name">
-                        <span class="modifier">Abstract</span>
-                        <span ><b>getElementRootMargin</b></span>
-                        <a href="#getElementRootMargin"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>getElementRootMargin(viewport: HTMLElement, el: HTMLElement)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="21"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:21</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>viewport</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>el</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getHammerValue"></a>
-                    <span class="name">
-                        <span class="modifier">Abstract</span>
-                        <span ><b>getHammerValue</b></span>
-                        <a href="#getHammerValue"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>getHammerValue(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, delta: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="25"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:25</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>value</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>delta</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>ScrollToOptions</code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getHammerVelocity"></a>
-                    <span class="name">
-                        <span class="modifier">Abstract</span>
-                        <span ><b>getHammerVelocity</b></span>
-                        <a href="#getHammerVelocity"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>getHammerVelocity(e)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="23"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:23</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>e</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getRootMargin"></a>
-                    <span class="name">
-                        <span class="modifier">Abstract</span>
-                        <span ><b>getRootMargin</b></span>
-                        <a href="#getRootMargin"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>getRootMargin()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="19"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:19</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getScrollToValue"></a>
-                    <span class="name">
-                        <span class="modifier">Abstract</span>
-                        <span ><b>getScrollToValue</b></span>
-                        <a href="#getScrollToValue"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>getScrollToValue(el: Element, behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="13"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:13</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>el</td>
-                                    <td>
-                                            <code>Element</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>ScrollToOptions</code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-
-
-
-
-            <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="scrollValue"></a>
-                        <span class="name"><b>scrollValue</b><a href="#scrollValue"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>scrollValue()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="7" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:7</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="clientSize"></a>
-                        <span class="name"><b>clientSize</b><a href="#clientSize"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>clientSize()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="9" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:9</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isContentLessThanContainer"></a>
-                        <span class="name"><b>isContentLessThanContainer</b><a href="#isContentLessThanContainer"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>isContentLessThanContainer()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="11" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:11</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">export abstract class SliderAdapter {
-
-  readonly abstract hammerDirection: number;
-
-  readonly abstract scrollSnapType: string;
-
-  abstract get scrollValue(): number;
-
-  abstract get clientSize(): number;
-
-  abstract get isContentLessThanContainer(): boolean;
-
-  abstract getScrollToValue(el: Element, behavior: ScrollBehavior): ScrollToOptions;
-
-  abstract getCentralizerStartSize(): number;
-
-  abstract getCentralizerEndSize(): number;
-
-  abstract getRootMargin(): string;
-
-  abstract getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string;
-
-  abstract getHammerVelocity(e): number;
-
-  abstract getHammerValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions;
-
-  // abstract getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions;
-
-  // abstract getDraggingProperty(e: MouseEvent): number;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'SliderAdapter.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/classes/VerticalAdapter.html b/documentation/classes/VerticalAdapter.html
deleted file mode 100644
index 60684322..00000000
--- a/documentation/classes/VerticalAdapter.html
+++ /dev/null
@@ -1,1109 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content class">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Classes</li>
-  <li >VerticalAdapter</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/components/adapters/main-adapters.ts</code>
-        </p>
-
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="../classes/SliderAdapter.html" target="_self" >SliderAdapter</a></code>
-            </p>
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#hammerDirection" >hammerDirection</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#scrollSnapType" >scrollSnapType</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#slider" >slider</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#getCentralizerEndSize" >getCentralizerEndSize</a>
-                            </li>
-                            <li>
-                                <a href="#getCentralizerStartSize" >getCentralizerStartSize</a>
-                            </li>
-                            <li>
-                                <a href="#getElementRootMargin" >getElementRootMargin</a>
-                            </li>
-                            <li>
-                                <a href="#getHammerValue" >getHammerValue</a>
-                            </li>
-                            <li>
-                                <a href="#getHammerVelocity" >getHammerVelocity</a>
-                            </li>
-                            <li>
-                                <a href="#getRootMargin" >getRootMargin</a>
-                            </li>
-                            <li>
-                                <a href="#getScrollToValue" >getScrollToValue</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#scrollValue" >scrollValue</a>
-                                </li>
-                                <li>
-                                    <a href="#clientSize" >clientSize</a>
-                                </li>
-                                <li>
-                                    <a href="#isContentLessThanContainer" >isContentLessThanContainer</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(slider: HTMLElement, config: <a href="../injectables/Gallery.html" target="_self">GalleryConfig</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:101</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>slider</td>
-                                                  
-                                                        <td>
-                                                                    <code>HTMLElement</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>config</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="config"></a>
-                    <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>config</b></span>
-                        <a href="#config"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:103</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="hammerDirection"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>hammerDirection</b></span>
-                        <a href="#hammerDirection"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>Hammer?.DIRECTION_VERTICAL</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:87</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="scrollSnapType"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>scrollSnapType</b></span>
-                        <a href="#scrollSnapType"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;y mandatory&#x27;</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:89</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="slider"></a>
-                    <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>slider</b></span>
-                        <a href="#slider"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>HTMLElement</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:103</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getCentralizerEndSize"></a>
-                    <span class="name">
-                        <span ><b>getCentralizerEndSize</b></span>
-                        <a href="#getCentralizerEndSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getCentralizerEndSize()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="132"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:132</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getCentralizerStartSize"></a>
-                    <span class="name">
-                        <span ><b>getCentralizerStartSize</b></span>
-                        <a href="#getCentralizerStartSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getCentralizerStartSize()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="124"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:124</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getElementRootMargin"></a>
-                    <span class="name">
-                        <span ><b>getElementRootMargin</b></span>
-                        <a href="#getElementRootMargin"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getElementRootMargin(viewport: HTMLElement, el: HTMLElement)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="119"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:119</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>viewport</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>el</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getHammerValue"></a>
-                    <span class="name">
-                        <span ><b>getHammerValue</b></span>
-                        <a href="#getHammerValue"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getHammerValue(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, e: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>, behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="144"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:144</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>value</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>e</td>
-                                    <td>
-                                                <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>ScrollToOptions</code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getHammerVelocity"></a>
-                    <span class="name">
-                        <span ><b>getHammerVelocity</b></span>
-                        <a href="#getHammerVelocity"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getHammerVelocity(e: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="140"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:140</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>e</td>
-                                    <td>
-                                                <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getRootMargin"></a>
-                    <span class="name">
-                        <span ><b>getRootMargin</b></span>
-                        <a href="#getRootMargin"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getRootMargin()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="115"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:115</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getScrollToValue"></a>
-                    <span class="name">
-                        <span ><b>getScrollToValue</b></span>
-                        <a href="#getScrollToValue"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getScrollToValue(el: HTMLElement, behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="106"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:106</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>el</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="../directives/SmoothScroll.html" target="_self" >SmoothScrollToOptions</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-
-
-
-
-            <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="scrollValue"></a>
-                        <span class="name"><b>scrollValue</b><a href="#scrollValue"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>scrollValue()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:91</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="clientSize"></a>
-                        <span class="name"><b>clientSize</b><a href="#clientSize"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>clientSize()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:95</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isContentLessThanContainer"></a>
-                        <span class="name"><b>isContentLessThanContainer</b><a href="#isContentLessThanContainer"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>isContentLessThanContainer()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:99</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { GalleryConfig } from &#x27;../../models/config.model&#x27;;
-import { SliderAdapter } from &#x27;./base-adapter&#x27;;
-import { SmoothScrollToOptions } from &#x27;../../smooth-scroll&#x27;;
-
-declare const Hammer: any;
-
-export class HorizontalAdapter implements SliderAdapter {
-
-  readonly hammerDirection: number &#x3D; Hammer?.DIRECTION_HORIZONTAL;
-
-  readonly scrollSnapType: string &#x3D; &#x27;x mandatory&#x27;;
-
-  get scrollValue(): number {
-    return this.slider.scrollLeft;
-  }
-
-  get clientSize(): number {
-    return this.slider.clientWidth;
-  }
-
-  get isContentLessThanContainer(): boolean {
-    return this.clientSize &gt;&#x3D; this.slider.firstElementChild.clientWidth;
-  }
-
-  constructor(public slider: HTMLElement, public config: GalleryConfig) {
-  }
-
-  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollToOptions {
-    const position: number &#x3D; el.offsetLeft - ((this.clientSize - el.clientWidth) / 2);
-    return {
-      start: position,
-      duration: behavior &#x3D;&#x3D;&#x3D; &#x27;smooth&#x27; ? this.config.slidingDuration : 0,
-      easing: this.config.slidingEase
-    };
-  }
-
-  getRootMargin(): string {
-    return &#x60;1000px 1px 1000px 1px&#x60;;
-  }
-
-  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {
-    const rootMargin: number &#x3D; -1 * ((viewport.clientWidth - el.clientWidth) / 2) + 1;
-    return &#x60;0px ${ rootMargin }px 0px ${ rootMargin }px&#x60;;
-  }
-
-  getCentralizerStartSize(): number {
-    if (this.isContentLessThanContainer) {
-      const size: number &#x3D; this.clientSize - this.slider.firstElementChild.clientWidth;
-      return size / 2;
-    }
-    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientWidth / 2);
-  }
-
-  getCentralizerEndSize(): number {
-    if (this.isContentLessThanContainer) {
-      const size: number &#x3D; this.clientSize - this.slider.firstElementChild.clientWidth;
-      return size / 2;
-    }
-    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientWidth / 2);
-  }
-
-  getHammerVelocity(e: any): number {
-    return e.velocityX;
-  }
-
-  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {
-    return {
-      behavior,
-      left: value - e.deltaX
-    };
-  }
-
-  // getDraggingProperty(e: MouseEvent): number {
-  //   return e.clientX;
-  // }
-
-  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {
-  //   return {
-  //     behavior,
-  //     left: value - delta
-  //   };
-  // }
-}
-
-export class VerticalAdapter implements SliderAdapter {
-
-  readonly hammerDirection: number &#x3D; Hammer?.DIRECTION_VERTICAL;
-
-  readonly scrollSnapType: string &#x3D; &#x27;y mandatory&#x27;;
-
-  get scrollValue(): number {
-    return this.slider.scrollTop;
-  }
-
-  get clientSize(): number {
-    return this.slider.clientHeight;
-  }
-
-  get isContentLessThanContainer(): boolean {
-    return this.clientSize &gt;&#x3D; this.slider.firstElementChild.clientHeight;
-  }
-
-  constructor(public slider: HTMLElement, public config: GalleryConfig) {
-  }
-
-  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollToOptions {
-    const position: number &#x3D; el.offsetTop - ((this.clientSize - el.clientHeight) / 2);
-    return {
-      top: position,
-      duration: behavior &#x3D;&#x3D;&#x3D; &#x27;smooth&#x27; ? this.config.slidingDuration : 0,
-      easing: this.config.slidingEase
-    };
-  }
-
-  getRootMargin(): string {
-    return &#x60;1px 1000px 1px 1000px&#x60;;
-  }
-
-  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {
-    const rootMargin: number &#x3D; -1 * ((viewport.clientHeight - el.clientHeight) / 2) + 1;
-    return &#x60;${ rootMargin }px 0px ${ rootMargin }px 0px&#x60;;
-  }
-
-  getCentralizerStartSize(): number {
-    if (this.isContentLessThanContainer) {
-      const size &#x3D; this.clientSize - this.slider.firstElementChild.clientHeight;
-      return size / 2;
-    }
-    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientHeight / 2);
-  }
-
-  getCentralizerEndSize(): number {
-    if (this.isContentLessThanContainer) {
-      const size &#x3D; this.clientSize - this.slider.firstElementChild.clientHeight;
-      return size / 2;
-    }
-    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientHeight / 2);
-  }
-
-  getHammerVelocity(e: any): number {
-    return e.velocityY;
-  }
-
-  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {
-    return {
-      behavior,
-      top: value - e.deltaY
-    };
-  }
-
-  // getDraggingProperty(e: MouseEvent): number {
-  //   return e.clientY;
-  // }
-
-  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {
-  //   return {
-  //     behavior,
-  //     top: value - delta
-  //   };
-  // }
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'VerticalAdapter.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/classes/VideoItem.html b/documentation/classes/VideoItem.html
deleted file mode 100644
index aa55a9d9..00000000
--- a/documentation/classes/VideoItem.html
+++ /dev/null
@@ -1,385 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content class">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Classes</li>
-  <li >VideoItem</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/components/templates/items.model.ts</code>
-        </p>
-
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem</a></code>
-            </p>
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#data" >data</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#type" >type</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(data: <a href="../classes/VideoItem.html" target="_self">VideoItemData</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="16" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:16</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>data</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../classes/VideoItem.html" target="_self" >VideoItemData</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="data"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>data</b></span>
-                        <a href="#data"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/VideoItem.html" target="_self" >VideoItemData</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="16" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:16</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="type"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>type</b></span>
-                        <a href="#type"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemType</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="15" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:15</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-
-
-
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { GalleryItem } from &#x27;../../models/gallery.model&#x27;;
-import { GalleryItemType, GalleryItemTypes } from &#x27;../../models/constants&#x27;;
-
-export class ImageItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: ImageItemData;
-
-  constructor(data: ImageItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Image;
-  }
-}
-
-export class VideoItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: VideoItemData;
-
-  constructor(data: VideoItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Video;
-  }
-}
-
-export class IframeItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: IframeItemData;
-
-  constructor(data: IframeItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Iframe;
-  }
-}
-
-export class YoutubeItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: YoutubeItemData;
-
-  constructor(data: YoutubeItemData) {
-    this.data &#x3D; {
-      ...data,
-      ...{
-        src: &#x60;https://youtube.com/embed/${ data.src }&#x60;,
-        thumb: data.thumb ? data.thumb : &#x60;//img.youtube.com/vi/${ data.src }/default.jpg&#x60;
-      }
-    };
-    this.type &#x3D; GalleryItemTypes.Youtube;
-  }
-}
-
-type GalleryItemModel &#x3D; {
-  type?: GalleryItemType;
-  src?: string | { url: string, type: string }[];
-  thumb?: string;
-  args?: any;
-};
-
-export type ImageItemData &#x3D; GalleryItemModel &amp; {
-  alt?: string;
-};
-
-export type IframeItemData &#x3D; GalleryItemModel &amp; {
-  params?: any;
-};
-
-export type YoutubeItemData &#x3D; IframeItemData &amp; {
-  autoplay?: boolean;
-};
-
-export type VideoItemData &#x3D; GalleryItemModel &amp; {
-  poster?: string;
-  loop?: boolean;
-  // The only option for boolean video attributes is &#x27;true&#x27;, because false will still be evaluated to true in attributes binding
-  mute?: true;
-  disablePictureInPicture?: true;
-  controls?: boolean;
-  autoplay?: boolean;
-  preload?: &#x27;none&#x27; | &#x27;metadata&#x27; | &#x27;auto&#x27; | &#x27;&#x27;;
-  controlsList?: &#x27;nodownload&#x27; | &#x27;nofullscreen&#x27; | &#x27;noremoteplayback&#x27;;
-  disableRemotePlayback?: boolean;
-};
-
-export type GalleryItemData &#x3D; ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;
-
-export type ItemState &#x3D; &#x27;success&#x27; | &#x27;loading&#x27; | &#x27;failed&#x27;;
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'VideoItem.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/classes/YoutubeItem.html b/documentation/classes/YoutubeItem.html
deleted file mode 100644
index 621d9cf5..00000000
--- a/documentation/classes/YoutubeItem.html
+++ /dev/null
@@ -1,385 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content class">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Classes</li>
-  <li >YoutubeItem</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/components/templates/items.model.ts</code>
-        </p>
-
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem</a></code>
-            </p>
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#data" >data</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#type" >type</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(data: <a href="../classes/YoutubeItem.html" target="_self">YoutubeItemData</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:36</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>data</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../classes/YoutubeItem.html" target="_self" >YoutubeItemData</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="data"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>data</b></span>
-                        <a href="#data"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/YoutubeItem.html" target="_self" >YoutubeItemData</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:36</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="type"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>type</b></span>
-                        <a href="#type"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemType</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/items.model.ts:35</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-
-
-
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { GalleryItem } from &#x27;../../models/gallery.model&#x27;;
-import { GalleryItemType, GalleryItemTypes } from &#x27;../../models/constants&#x27;;
-
-export class ImageItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: ImageItemData;
-
-  constructor(data: ImageItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Image;
-  }
-}
-
-export class VideoItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: VideoItemData;
-
-  constructor(data: VideoItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Video;
-  }
-}
-
-export class IframeItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: IframeItemData;
-
-  constructor(data: IframeItemData) {
-    this.data &#x3D; data;
-    this.type &#x3D; GalleryItemTypes.Iframe;
-  }
-}
-
-export class YoutubeItem implements GalleryItem {
-  readonly type: GalleryItemType;
-  readonly data: YoutubeItemData;
-
-  constructor(data: YoutubeItemData) {
-    this.data &#x3D; {
-      ...data,
-      ...{
-        src: &#x60;https://youtube.com/embed/${ data.src }&#x60;,
-        thumb: data.thumb ? data.thumb : &#x60;//img.youtube.com/vi/${ data.src }/default.jpg&#x60;
-      }
-    };
-    this.type &#x3D; GalleryItemTypes.Youtube;
-  }
-}
-
-type GalleryItemModel &#x3D; {
-  type?: GalleryItemType;
-  src?: string | { url: string, type: string }[];
-  thumb?: string;
-  args?: any;
-};
-
-export type ImageItemData &#x3D; GalleryItemModel &amp; {
-  alt?: string;
-};
-
-export type IframeItemData &#x3D; GalleryItemModel &amp; {
-  params?: any;
-};
-
-export type YoutubeItemData &#x3D; IframeItemData &amp; {
-  autoplay?: boolean;
-};
-
-export type VideoItemData &#x3D; GalleryItemModel &amp; {
-  poster?: string;
-  loop?: boolean;
-  // The only option for boolean video attributes is &#x27;true&#x27;, because false will still be evaluated to true in attributes binding
-  mute?: true;
-  disablePictureInPicture?: true;
-  controls?: boolean;
-  autoplay?: boolean;
-  preload?: &#x27;none&#x27; | &#x27;metadata&#x27; | &#x27;auto&#x27; | &#x27;&#x27;;
-  controlsList?: &#x27;nodownload&#x27; | &#x27;nofullscreen&#x27; | &#x27;noremoteplayback&#x27;;
-  disableRemotePlayback?: boolean;
-};
-
-export type GalleryItemData &#x3D; ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;
-
-export type ItemState &#x3D; &#x27;success&#x27; | &#x27;loading&#x27; | &#x27;failed&#x27;;
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'YoutubeItem.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/CustomTemplateComponent.html b/documentation/components/CustomTemplateComponent.html
deleted file mode 100644
index 4dc29973..00000000
--- a/documentation/components/CustomTemplateComponent.html
+++ /dev/null
@@ -1,469 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="x-ua-compatible" content="ie=edge">
-  <title>ng-gallery-project documentation</title>
-  <meta name="description" content="">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-
-  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-  <link rel="stylesheet" href="../styles/style.css">
-  <link rel="stylesheet" href="../styles/dark.css">
-</head>
-<body>
-
-<div class="navbar navbar-default navbar-fixed-top visible-xs">
-  <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-  <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-</div>
-
-<div class="xs-menu menu" id="mobile-menu">
-  <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>
-  <compodoc-menu></compodoc-menu>
-</div>
-
-<div class="container-fluid main">
-  <div class="row main">
-    <div class="hidden-xs menu">
-      <compodoc-menu mode="normal"></compodoc-menu>
-    </div>
-    <!-- START CONTENT -->
-    <div class="content component">
-      <div class="content-data">
-
-
-        <ol class="breadcrumb">
-          <li>Components</li>
-          <li
-          >
-            CustomTemplateComponent
-          </li>
-        </ol>
-
-        <ul class="nav nav-tabs" role="tablist">
-          <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-          </li>
-          <li>
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-          </li>
-          <li>
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-          </li>
-          <li>
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-          </li>
-        </ul>
-
-        <div class="tab-content">
-          <div class="tab-pane fade active in" id="c-info"><p class="comment">
-            <h3>File</h3>
-            </p>
-            <p class="comment">
-              <code>projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts</code>
-            </p>
-
-
-            <p class="comment">
-            <h3>Description</h3>
-            </p>
-            <p class="comment">
-            <p>This section demonstrate how to extend the image template, like displaying a text over the image item</p>
-
-            </p>
-
-
-            <section>
-              <h3>Metadata</h3>
-              <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                <tr>
-                  <td class="col-md-3">changeDetection</td>
-                  <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-                </tr>
-
-
-                <tr>
-                  <td class="col-md-3">selector</td>
-                  <td class="col-md-9"><code>custom-templates-example</code></td>
-                </tr>
-
-
-                <tr>
-                  <td class="col-md-3">styles</td>
-                  <td class="col-md-9"><code>
-                    .item-text {
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    right: 0;
-                    margin: 3em auto 0;
-                    width: 100%;
-                    max-width: 500px;
-                    padding: 20px 25px;
-                    text-align: justify;
-                    letter-spacing: 1px;
-                    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
-                    background: #ffffffd9;
-                    color: black;
-                    border-radius: 8px;
-                    }
-                  </code></td>
-                </tr>
-
-                <tr>
-                  <td class="col-md-3">template</td>
-                  <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;gallery *ngIf&#x3D;&quot;items$ | async&quot;&gt;
-  &lt;ng-container *galleryImageDef&#x3D;&quot;let item&quot;&gt;
-    &lt;div class&#x3D;&quot;item-text&quot;&gt;
-                    {{ item?.alt }}
-                    &lt;/div&gt;
-  &lt;/ng-container&gt;
-&lt;/gallery&gt;
-</code></pre>
-                  </td>
-                </tr>
-
-
-                </tbody>
-              </table>
-            </section>
-
-            <section>
-              <h3 id="index">Index</h3>
-              <table class="table table-sm table-bordered index-table">
-                <tbody>
-                <tr>
-                  <td class="col-md-4">
-                    <h6><b>Properties</b></h6>
-                  </td>
-                </tr>
-                <tr>
-                  <td class="col-md-4">
-                    <ul class="index-list">
-                      <li>
-                        <span class="modifier">Readonly</span>
-                        <a href="#items$">items$</a>
-                      </li>
-                    </ul>
-                  </td>
-                </tr>
-
-
-                </tbody>
-              </table>
-            </section>
-
-            <section>
-              <h3 id="constructor">Constructor</h3>
-              <table class="table table-sm table-bordered">
-                <tbody>
-                <tr>
-                  <td class="col-md-4">
-                    <code>constructor(pixabay: <a href="../injectables/Pixabay.html" target="_self">Pixabay</a>)</code>
-                  </td>
-                </tr>
-                <tr>
-                  <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts:45</a>
-                    </div>
-                  </td>
-                </tr>
-
-                <tr>
-                  <td class="col-md-4">
-                    <div>
-                      <b>Parameters :</b>
-                      <table class="params">
-                        <thead>
-                        <tr>
-                          <td>Name</td>
-                          <td>Type</td>
-                          <td>Optional</td>
-                        </tr>
-                        </thead>
-                        <tbody>
-                        <tr>
-                          <td>pixabay</td>
-
-                          <td>
-                            <code><a href="../injectables/Pixabay.html" target="_self">Pixabay</a></code>
-                          </td>
-
-                          <td>
-                            No
-                          </td>
-
-                        </tr>
-                        </tbody>
-                      </table>
-                    </div>
-                  </td>
-                </tr>
-                </tbody>
-              </table>
-            </section>
-
-
-            <section>
-
-              <h3 id="inputs">
-                Properties
-              </h3>
-              <table class="table table-sm table-bordered">
-                <tbody>
-                <tr>
-                  <td class="col-md-4">
-                    <a name="items$"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span><b>items$</b></span>
-                        <a href="#items$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                  </td>
-                </tr>
-                <tr>
-                  <td class="col-md-4">
-                    <i>Type : </i> <code><a href="../injectables/Gallery.html" target="_self">Observable&lt;GalleryItem[]&gt;</a></code>
-
-                  </td>
-                </tr>
-                <tr>
-                  <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts:45</a>
-                    </div>
-                  </td>
-                </tr>
-
-
-                </tbody>
-              </table>
-            </section>
-
-          </div>
-
-
-          <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-          Component, ChangeDetectionStrategy } from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular / common &#x27;;
-            import { GalleryModule, GalleryItem, } from &#x27;ng-gallery&#x27;;
-import { Observable } from &#x27;rxjs&#x27;;
-import { Pixabay } from &#x27;../pixabay/pixabay.service&#x27;;
-
-/**
- * This section demonstrate how to extend the image template, like displaying a text over the image item
- */
-@Component({
-          selector: &#x27;custom-templates-example&#x27;,
-  template: &#x60;
-    &lt;gallery *ngIf&#x3D;&quot;items$ | async&quot;&gt;
-      &lt;ng-container *galleryImageDef&#x3D;&quot;let item&quot;&gt;
-        &lt;div class&#x3D;&quot;item-text&quot;&gt;
-          {{ item?.alt }}
-        &lt;/div&gt;
-      &lt;/ng-container&gt;
-    &lt;/gallery&gt;
-  &#x60;,
-  styles: [&#x60;
-    .item-text {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      margin: 3em auto 0;
-      width: 100%;
-      max-width: 500px;
-      padding: 20px 25px;
-      text-align: justify;
-      letter-spacing: 1px;
-      filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
-      background: #ffffffd9;
-      color: black;
-      border-radius: 8px;
-    }
-  &#x60;],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [CommonModule, GalleryModule]
-})
-export class CustomTemplateComponent {
-
-          readonly items$: Observable&lt;GalleryItem[]&gt;;
-
-  constructor(pixabay: Pixabay) {
-    this.items$ &#x3D; pixabay.getHDImages(&#x27;massages&#x27;);
-  }
-}
-</code></pre>
-          </div>
-
-
-          <div class="tab-pane fade " id="c-styleData">
-            <pre class="line-numbers"><code class="language-scss">
-    .item-text {
-              position: absolute;
-              top: 0;
-              left: 0;
-              right: 0;
-              margin: 3em auto 0;
-              width: 100%;
-              max-width: 500px;
-              padding: 20px 25px;
-              text-align: justify;
-              letter-spacing: 1px;
-              filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
-              background: #ffffffd9;
-              color: black;
-              border-radius: 8px;
-    }
-
-</code></pre>
-          </div>
-
-          <div class="tab-pane fade " id="c-tree">
-            <div id="tree-container"></div>
-            <div class="tree-legend">
-              <div class="title">
-                <b>Legend</b>
-              </div>
-              <div>
-                <div class="color htmlelement"></div>
-                <span>Html element</span>
-              </div>
-              <div>
-                <div class="color component"></div>
-                <span>Component</span>
-              </div>
-              <div>
-                <div class="color directive"></div>
-                <span>Html element with directive</span>
-              </div>
-            </div>
-          </div>
-
-
-        </div>
-
-        <script src="../js/libs/vis.min.js"></script>
-        <script src="../js/libs/htmlparser.js"></script>
-        <script src="../js/libs/deep-iterator.js"></script>
-        <script>
-          var COMPONENT_TEMPLATE = '<div><gallery *ngIf="items$ | async">  <ng-container *galleryImageDef="let item">    <div class="item-text">      {{ item?.alt }}    </div>  </ng-container></gallery></div>'
-          var COMPONENTS = [{
-            'name': 'CustomTemplateComponent',
-            'selector': 'custom-templates-example'
-          }, {'name': 'GalleryComponent', 'selector': 'gallery'}, {
-            'name': 'GalleryCoreComponent',
-            'selector': 'gallery-core'
-          }, {'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'}, {
-            'name': 'GalleryDotsComponent',
-            'selector': 'gallery-dots'
-          }, {'name': 'GalleryExampleComponent', 'selector': 'gallery-example'}, {
-            'name': 'GalleryIframeComponent',
-            'selector': 'gallery-iframe'
-          }, {'name': 'GalleryImageComponent', 'selector': 'gallery-image'}, {
-            'name': 'GalleryItemComponent',
-            'selector': 'gallery-item'
-          }, {'name': 'GalleryNavComponent', 'selector': 'gallery-nav'}, {
-            'name': 'GallerySliderComponent',
-            'selector': 'gallery-slider'
-          }, {'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'}, {
-            'name': 'GalleryThumbsComponent',
-            'selector': 'gallery-thumbs'
-          }, {'name': 'GalleryVideoComponent', 'selector': 'gallery-video'}, {
-            'name': 'LightboxComponent',
-            'selector': 'lightbox'
-          }, {'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-          var DIRECTIVES = [{
-            'name': 'AutoplayDirective',
-            'selector': 'gallery-core[autoplay]'
-          }, {'name': 'GallerizeDirective', 'selector': '[gallerize]'}, {
-            'name': 'GalleryBoxDef',
-            'selector': '[galleryBoxDef]'
-          }, {'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'}, {
-            'name': 'GalleryItemDef',
-            'selector': '[galleryItemDef]'
-          }, {'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'}, {
-            'name': 'HammerSliding',
-            'selector': '[hammerSliding]'
-          }, {'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'}, {
-            'name': 'ItemIntersectionObserver',
-            'selector': '[itemIntersectionObserver]'
-          }, {'name': 'LightboxDirective', 'selector': '[lightbox]'}, {
-            'name': 'SliderIntersectionObserver',
-            'selector': '[sliderIntersectionObserver]'
-          }, {'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'}, {
-            'name': 'SmoothScroll',
-            'selector': '[smoothScroll]'
-          }, {'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-          var ACTUAL_COMPONENT = {'name': 'CustomTemplateComponent'};
-        </script>
-        <script src="../js/tree.js"></script>
-
-
-      </div>
-      <div class="search-results">
-        <div class="has-results">
-          <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span
-            class='search-query'></span>"</h1>
-          <ul class="search-results-list"></ul>
-        </div>
-        <div class="no-results">
-          <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-        </div>
-      </div>
-    </div>
-    <!-- END CONTENT -->
-  </div>
-</div>
-
-<label class="dark-mode-switch">
-  <input type="checkbox">
-  <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000"
-                         stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20"
-                         xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-</label>
-
-<script>
-  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-  var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-  var COMPODOC_CURRENT_PAGE_URL = 'CustomTemplateComponent.html';
-  var MAX_SEARCH_RESULTS = 15;
-</script>
-
-<script src="../js/libs/custom-elements.min.js"></script>
-<script src="../js/libs/lit-html.js"></script>
-
-<script src="../js/menu-wc.js" defer></script>
-<script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-<script src="../js/libs/bootstrap-native.js"></script>
-
-<script src="../js/libs/es6-shim.min.js"></script>
-<script src="../js/libs/EventDispatcher.js"></script>
-<script src="../js/libs/promise.min.js"></script>
-<script src="../js/libs/zepto.min.js"></script>
-
-<script src="../js/compodoc.js"></script>
-
-<script src="../js/tabs.js"></script>
-<script src="../js/menu.js"></script>
-<script src="../js/libs/clipboard.min.js"></script>
-<script src="../js/libs/prism.js"></script>
-<script src="../js/sourceCode.js"></script>
-<script src="../js/search/search.js"></script>
-<script src="../js/search/lunr.min.js"></script>
-<script src="../js/search/search-lunr.js"></script>
-<script src="../js/search/search_index.js"></script>
-<script src="../js/lazy-load-graphs.js"></script>
-
-
-</body>
-</html>
diff --git a/documentation/components/GalleryComponent.html b/documentation/components/GalleryComponent.html
deleted file mode 100644
index ed410359..00000000
--- a/documentation/components/GalleryComponent.html
+++ /dev/null
@@ -1,3717 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/gallery.component.ts</code>
-</p>
-
-
-
-
-    <p class="comment">
-        <h3>Implements</h3>
-    </p>
-    <p class="comment">
-                    <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
-                    <code><a href="https://angular.io/api/core/AfterContentInit" target="_blank" >AfterContentInit</a></code>
-                    <code><a href="../miscellaneous/functions.html#C" target="_self" >OnChanges</a></code>
-                    <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-    </p>
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">providers</td>
-                <td class="col-md-9">
-                                <code><a href="../injectables/ImgManager.html" target="_self" >ImgManager</a></code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./gallery.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;gallery-core autoplay
-              [galleryId]&#x3D;&quot;id&quot;
-              [state]&#x3D;&quot;galleryRef.state | async&quot;
-              [config]&#x3D;&quot;galleryRef.config | async&quot;
-              (itemClick)&#x3D;&quot;onItemClick($event)&quot;
-              (thumbClick)&#x3D;&quot;onThumbClick($event)&quot;
-              (error)&#x3D;&quot;onError($event)&quot;/&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_indexChange$" >_indexChange$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_itemChange$" >_itemChange$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_itemClick$" >_itemClick$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_playingChange$" >_playingChange$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_thumbClick$" >_thumbClick$</a>
-                            </li>
-                            <li>
-                                <a href="#galleryBoxDef" >galleryBoxDef</a>
-                            </li>
-                            <li>
-                                <a href="#galleryImageDef" >galleryImageDef</a>
-                            </li>
-                            <li>
-                                <a href="#galleryItemDef" >galleryItemDef</a>
-                            </li>
-                            <li>
-                                <a href="#galleryRef" >galleryRef</a>
-                            </li>
-                            <li>
-                                <a href="#galleryThumbDef" >galleryThumbDef</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#add" >add</a>
-                            </li>
-                            <li>
-                                <a href="#addIframe" >addIframe</a>
-                            </li>
-                            <li>
-                                <a href="#addImage" >addImage</a>
-                            </li>
-                            <li>
-                                <a href="#addVideo" >addVideo</a>
-                            </li>
-                            <li>
-                                <a href="#addYoutube" >addYoutube</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#getConfig" >getConfig</a>
-                            </li>
-                            <li>
-                                <a href="#load" >load</a>
-                            </li>
-                            <li>
-                                <a href="#next" >next</a>
-                            </li>
-                            <li>
-                                <a href="#ngAfterContentInit" >ngAfterContentInit</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnChanges" >ngOnChanges</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                            <li>
-                                <a href="#onError" >onError</a>
-                            </li>
-                            <li>
-                                <a href="#onItemClick" >onItemClick</a>
-                            </li>
-                            <li>
-                                <a href="#onThumbClick" >onThumbClick</a>
-                            </li>
-                            <li>
-                                <a href="#play" >play</a>
-                            </li>
-                            <li>
-                                <a href="#prev" >prev</a>
-                            </li>
-                            <li>
-                                <a href="#remove" >remove</a>
-                            </li>
-                            <li>
-                                <a href="#reset" >reset</a>
-                            </li>
-                            <li>
-                                <a href="#set" >set</a>
-                            </li>
-                            <li>
-                                <a href="#stop" >stop</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#counterPosition" >counterPosition</a>
-                            </li>
-                            <li>
-                                <a href="#destroyRef" >destroyRef</a>
-                            </li>
-                            <li>
-                                <a href="#bulletsPosition" >bulletsPosition</a>
-                            </li>
-                            <li>
-                                <a href="#id" >id</a>
-                            </li>
-                            <li>
-                                <a href="#imageSize" >imageSize</a>
-                            </li>
-                            <li>
-                                <a href="#items" >items</a>
-                            </li>
-                            <li>
-                                <a href="#loadingAttr" >loadingAttr</a>
-                            </li>
-                            <li>
-                                <a href="#loadingStrategy" >loadingStrategy</a>
-                            </li>
-                            <li>
-                                <a href="#navScrollBehavior" >navScrollBehavior</a>
-                            </li>
-                            <li>
-                                <a href="#scrollBehavior" >scrollBehavior</a>
-                            </li>
-                            <li>
-                                <a href="#skipInitConfig" >skipInitConfig</a>
-                            </li>
-                            <li>
-                                <a href="#slidingDirection" >slidingDirection</a>
-                            </li>
-                            <li>
-                                <a href="#slidingEase" >slidingEase</a>
-                            </li>
-                            <li>
-                                <a href="#thumbImageSize" >thumbImageSize</a>
-                            </li>
-                            <li>
-                                <a href="#thumbPosition" >thumbPosition</a>
-                            </li>
-                            <li>
-                                <a href="#thumbView" >thumbView</a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                            <li>
-                                <a href="#" ></a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#error" >error</a>
-                            </li>
-                            <li>
-                                <a href="#indexChange" >indexChange</a>
-                            </li>
-                            <li>
-                                <a href="#itemClick" >itemClick</a>
-                            </li>
-                            <li>
-                                <a href="#itemsChange" >itemsChange</a>
-                            </li>
-                            <li>
-                                <a href="#playingChange" >playingChange</a>
-                            </li>
-                            <li>
-                                <a href="#thumbClick" >thumbClick</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_gallery: <a href="../injectables/Gallery.html" target="_self">Gallery</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:119</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_gallery</td>
-
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >Gallery</a></code>
-                                                        </td>
-
-                                                    <td>
-                                                            No
-                                                    </td>
-
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="counterPosition"></a>
-                        <b>counterPosition</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;top&quot; | &quot;bottom&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.counterPosition</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:88</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="destroyRef"></a>
-                        <b>destroyRef</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>true</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:98</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Destroy gallery ref on component destroy event</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="bulletsPosition"></a>
-                        <b>bulletsPosition</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;top&quot; | &quot;bottom&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.bulletsPosition</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:87</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="id"></a>
-                        <b>id</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;root&#x27;</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:52</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="imageSize"></a>
-                        <b>imageSize</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;cover&quot; | &quot;contain&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.imageSize</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:85</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Set image size.
-Default: contain</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="items"></a>
-                        <b>items</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem[]</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:53</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loadingAttr"></a>
-                        <b>loadingAttr</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;eager&quot; | &quot;lazy&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.loadingAttr</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:90</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loadingStrategy"></a>
-                        <b>loadingStrategy</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;preload&quot; | &quot;lazy&quot; | &quot;default&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.loadingStrategy</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:91</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="navScrollBehavior"></a>
-                        <b>navScrollBehavior</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.navScrollBehavior</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:77</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="scrollBehavior"></a>
-                        <b>scrollBehavior</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.scrollBehavior</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:76</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="skipInitConfig"></a>
-                        <b>skipInitConfig</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>false</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:101</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Skip initializing the config with components inputs (Lightbox mode)</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="slidingDirection"></a>
-                        <b>slidingDirection</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;horizontal&quot; | &quot;vertical&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.slidingDirection</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:89</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="slidingEase"></a>
-                        <b>slidingEase</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../interfaces/BezierEasingOptions.html" target="_self" >BezierEasingOptions</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.slidingEase</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:78</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbImageSize"></a>
-                        <b>thumbImageSize</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;cover&quot; | &quot;contain&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.thumbImageSize</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:86</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbPosition"></a>
-                        <b>thumbPosition</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;top&quot; | &quot;left&quot; | &quot;right&quot; | &quot;bottom&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.thumbPosition</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:92</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbView"></a>
-                        <b>thumbView</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;default&quot; | &quot;contain&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.thumbView</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:93</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.nav</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:54</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.dots</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:55</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.loop</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:56</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.debug</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:57</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.thumb</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:58</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.counter</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:59</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.thumbDetached</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:60</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.thumbAutosize</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:61</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.itemAutosize</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:62</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.autoHeight</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:63</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.autoplay</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:64</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.disableThumb</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:65</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.slidingDisabled</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:66</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.thumbSlidingDisabled</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:67</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.mouseSlidingDisabled</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="68" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:68</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.thumbMouseSlidingDisabled</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:69</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.dotsSize</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:70</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.thumbWidth</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:71</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.thumbHeight</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:72</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.playerInterval</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:73</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.slidingDuration</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:74</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name=""></a>
-                        <b></b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this._gallery.config.resizeDebounceTime</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:75</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="error"></a>
-                        <b>error</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >EventEmitter&lt;GalleryError&gt;</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:108</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="indexChange"></a>
-                        <b>indexChange</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >EventEmitter&lt;GalleryState&gt;</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="106" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:106</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="itemClick"></a>
-                        <b>itemClick</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;number&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:103</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="itemsChange"></a>
-                        <b>itemsChange</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >EventEmitter&lt;GalleryState&gt;</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:107</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="playingChange"></a>
-                        <b>playingChange</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >EventEmitter&lt;GalleryState&gt;</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:105</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbClick"></a>
-                        <b>thumbClick</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;number&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:104</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-    <section>
-
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="add"></a>
-                    <span class="name">
-                        <span ><b>add</b></span>
-                        <a href="#add"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>add(item: <a href="../injectables/Gallery.html" target="_self">GalleryItem</a>, active?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="246"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:246</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>item</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>active</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="addIframe"></a>
-                    <span class="name">
-                        <span ><b>addIframe</b></span>
-                        <a href="#addIframe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>addIframe(data: <a href="../classes/IframeItem.html" target="_self">IframeItemData</a>, active?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="258"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:258</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>data</td>
-                                    <td>
-                                                <code><a href="../classes/IframeItem.html" target="_self" >IframeItemData</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>active</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="addImage"></a>
-                    <span class="name">
-                        <span ><b>addImage</b></span>
-                        <a href="#addImage"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>addImage(data: <a href="../classes/ImageItem.html" target="_self">ImageItemData</a>, active?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="250"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:250</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>data</td>
-                                    <td>
-                                                <code><a href="../classes/ImageItem.html" target="_self" >ImageItemData</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>active</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="addVideo"></a>
-                    <span class="name">
-                        <span ><b>addVideo</b></span>
-                        <a href="#addVideo"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>addVideo(data: <a href="../classes/VideoItem.html" target="_self">VideoItemData</a>, active?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="254"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:254</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>data</td>
-                                    <td>
-                                                <code><a href="../classes/VideoItem.html" target="_self" >VideoItemData</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>active</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="addYoutube"></a>
-                    <span class="name">
-                        <span ><b>addYoutube</b></span>
-                        <a href="#addYoutube"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>addYoutube(data: <a href="../classes/YoutubeItem.html" target="_self">YoutubeItemData</a>, active?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="262"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:262</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>data</td>
-                                    <td>
-                                                <code><a href="../classes/YoutubeItem.html" target="_self" >YoutubeItemData</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>active</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getConfig"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>getConfig</b></span>
-                        <a href="#getConfig"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>getConfig()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="124"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:124</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="load"></a>
-                    <span class="name">
-                        <span ><b>load</b></span>
-                        <a href="#load"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>load(items: <a href="../injectables/Gallery.html" target="_self">GalleryItem[]</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="242"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:242</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>items</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem[]</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="next"></a>
-                    <span class="name">
-                        <span ><b>next</b></span>
-                        <a href="#next"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>next(behavior?: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>, loop?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="270"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:270</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>loop</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngAfterContentInit"></a>
-                    <span class="name">
-                        <span ><b>ngAfterContentInit</b></span>
-                        <a href="#ngAfterContentInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngAfterContentInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="196"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:196</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnChanges"></a>
-                    <span class="name">
-                        <span ><b>ngOnChanges</b></span>
-                        <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnChanges(changes: <a href="../undefineds/C.html" target="_self">SimpleChanges</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="163"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:163</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>changes</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#C" target="_self" >SimpleChanges</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="215"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:215</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="173"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:173</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onError"></a>
-                    <span class="name">
-                        <span ><b>onError</b></span>
-                        <a href="#onError"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>onError(err: <a href="../injectables/Gallery.html" target="_self">GalleryError</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="237"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:237</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>err</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryError</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onItemClick"></a>
-                    <span class="name">
-                        <span ><b>onItemClick</b></span>
-                        <a href="#onItemClick"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>onItemClick(i: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="226"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:226</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>i</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onThumbClick"></a>
-                    <span class="name">
-                        <span ><b>onThumbClick</b></span>
-                        <a href="#onThumbClick"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>onThumbClick(i: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="231"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:231</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>i</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="play"></a>
-                    <span class="name">
-                        <span ><b>play</b></span>
-                        <a href="#play"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>play(interval?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="286"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:286</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>interval</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="prev"></a>
-                    <span class="name">
-                        <span ><b>prev</b></span>
-                        <a href="#prev"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>prev(behavior?: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>, loop?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="274"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:274</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>loop</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="remove"></a>
-                    <span class="name">
-                        <span ><b>remove</b></span>
-                        <a href="#remove"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>remove(i: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="266"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:266</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>i</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="reset"></a>
-                    <span class="name">
-                        <span ><b>reset</b></span>
-                        <a href="#reset"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>reset()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="282"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:282</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="set"></a>
-                    <span class="name">
-                        <span ><b>set</b></span>
-                        <a href="#set"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>set(i: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, behavior?: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="278"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:278</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>i</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="stop"></a>
-                    <span class="name">
-                        <span ><b>stop</b></span>
-                        <a href="#stop"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>stop()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="290"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:290</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_indexChange$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_indexChange$</b></span>
-                        <a href="#_indexChange$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:118</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_itemChange$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_itemChange$</b></span>
-                        <a href="#_itemChange$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:117</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_itemClick$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_itemClick$</b></span>
-                        <a href="#_itemClick$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:115</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_playingChange$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_playingChange$</b></span>
-                        <a href="#_playingChange$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:119</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_thumbClick$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_thumbClick$</b></span>
-                        <a href="#_thumbClick$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:116</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="galleryBoxDef"></a>
-                    <span class="name">
-                        <span ><b>galleryBoxDef</b></span>
-                        <a href="#galleryBoxDef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryBoxDef</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ContentChild(GalleryBoxDef)<br />
-                        </code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:113</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="galleryImageDef"></a>
-                    <span class="name">
-                        <span ><b>galleryImageDef</b></span>
-                        <a href="#galleryImageDef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryImageDef</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ContentChild(GalleryImageDef)<br />
-                        </code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:111</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="galleryItemDef"></a>
-                    <span class="name">
-                        <span ><b>galleryItemDef</b></span>
-                        <a href="#galleryItemDef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemDef</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ContentChild(GalleryItemDef)<br />
-                        </code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:110</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="galleryRef"></a>
-                    <span class="name">
-                        <span ><b>galleryRef</b></span>
-                        <a href="#galleryRef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryRef</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:51</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="galleryThumbDef"></a>
-                    <span class="name">
-                        <span ><b>galleryThumbDef</b></span>
-                        <a href="#galleryThumbDef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryThumbDef</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ContentChild(GalleryThumbDef)<br />
-                        </code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery.component.ts:112</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Component,
-  Input,
-  Output,
-  ContentChild,
-  OnInit,
-  AfterContentInit,
-  OnChanges,
-  OnDestroy,
-  SimpleChanges,
-  EventEmitter,
-  booleanAttribute,
-  numberAttribute,
-  ChangeDetectionStrategy
-} from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular/common&#x27;;
-import { Subscription } from &#x27;rxjs&#x27;;
-import { GalleryCoreComponent } from &#x27;./gallery-core.component&#x27;;
-import { Gallery } from &#x27;../services/gallery.service&#x27;;
-import { GalleryRef } from &#x27;../services/gallery-ref&#x27;;
-import { GalleryError, GalleryItem, GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { IframeItemData, ImageItemData, VideoItemData, YoutubeItemData } from &#x27;./templates/items.model&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { BezierEasingOptions } from &#x27;../smooth-scroll&#x27;;
-import { GalleryImageDef } from &#x27;../directives/gallery-image-def.directive&#x27;;
-import { GalleryThumbDef } from &#x27;../directives/gallery-thumb-def.directive&#x27;;
-import { GalleryItemDef } from &#x27;../directives/gallery-item-def.directive&#x27;;
-import { GalleryBoxDef } from &#x27;../directives/gallery-box-def.directive&#x27;;
-import { ImgManager } from &#x27;../utils/img-manager&#x27;;
-import { AutoplayDirective } from &#x27;../autoplay/autoplay.directive&#x27;;
-
-@Component({
-  selector: &#x27;gallery&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: [&#x27;./gallery.scss&#x27;],
-  template: &#x60;
-    &lt;gallery-core autoplay
-                  [galleryId]&#x3D;&quot;id&quot;
-                  [state]&#x3D;&quot;galleryRef.state | async&quot;
-                  [config]&#x3D;&quot;galleryRef.config | async&quot;
-                  (itemClick)&#x3D;&quot;onItemClick($event)&quot;
-                  (thumbClick)&#x3D;&quot;onThumbClick($event)&quot;
-                  (error)&#x3D;&quot;onError($event)&quot;/&gt;
-  &#x60;,
-  standalone: true,
-  imports: [CommonModule, GalleryCoreComponent, AutoplayDirective],
-  providers: [ImgManager]
-})
-export class GalleryComponent implements OnInit, AfterContentInit, OnChanges, OnDestroy {
-
-  galleryRef: GalleryRef;
-  @Input() id: string &#x3D; &#x27;root&#x27;;
-  @Input() items: GalleryItem [];
-  @Input({ transform: booleanAttribute }) nav: boolean &#x3D; this._gallery.config.nav;
-  @Input({ transform: booleanAttribute }) dots: boolean &#x3D; this._gallery.config.dots;
-  @Input({ transform: booleanAttribute }) loop: boolean &#x3D; this._gallery.config.loop;
-  @Input({ transform: booleanAttribute }) debug: boolean &#x3D; this._gallery.config.debug;
-  @Input({ transform: booleanAttribute }) thumb: boolean &#x3D; this._gallery.config.thumb;
-  @Input({ transform: booleanAttribute }) counter: boolean &#x3D; this._gallery.config.counter;
-  @Input({ transform: booleanAttribute }) thumbDetached: boolean &#x3D; this._gallery.config.thumbDetached;
-  @Input({ transform: booleanAttribute }) thumbAutosize: boolean &#x3D; this._gallery.config.thumbAutosize;
-  @Input({ transform: booleanAttribute }) itemAutosize: boolean &#x3D; this._gallery.config.itemAutosize;
-  @Input({ transform: booleanAttribute }) autoHeight: boolean &#x3D; this._gallery.config.autoHeight;
-  @Input({ transform: booleanAttribute }) autoplay: boolean &#x3D; this._gallery.config.autoplay;
-  @Input({ transform: booleanAttribute }) disableThumb: boolean &#x3D; this._gallery.config.disableThumb;
-  @Input({ transform: booleanAttribute }) slidingDisabled: boolean &#x3D; this._gallery.config.slidingDisabled;
-  @Input({ transform: booleanAttribute }) thumbSlidingDisabled: boolean &#x3D; this._gallery.config.thumbSlidingDisabled;
-  @Input({ transform: booleanAttribute }) mouseSlidingDisabled: boolean &#x3D; this._gallery.config.mouseSlidingDisabled;
-  @Input({ transform: booleanAttribute }) thumbMouseSlidingDisabled: boolean &#x3D; this._gallery.config.thumbMouseSlidingDisabled;
-  @Input({ transform: numberAttribute }) dotsSize: number &#x3D; this._gallery.config.dotsSize;
-  @Input({ transform: numberAttribute }) thumbWidth: number &#x3D; this._gallery.config.thumbWidth;
-  @Input({ transform: numberAttribute }) thumbHeight: number &#x3D; this._gallery.config.thumbHeight;
-  @Input({ transform: numberAttribute }) playerInterval: number &#x3D; this._gallery.config.playerInterval;
-  @Input({ transform: numberAttribute }) slidingDuration: number &#x3D; this._gallery.config.slidingDuration;
-  @Input({ transform: numberAttribute }) resizeDebounceTime: number &#x3D; this._gallery.config.resizeDebounceTime;
-  @Input() scrollBehavior: ScrollBehavior &#x3D; this._gallery.config.scrollBehavior;
-  @Input() navScrollBehavior: ScrollBehavior &#x3D; this._gallery.config.navScrollBehavior;
-  @Input() slidingEase: BezierEasingOptions &#x3D; this._gallery.config.slidingEase;
-
-  /**
-   * Set image size.
-   * Default: contain
-   *
-   */
-  @Input() imageSize: &#x27;cover&#x27; | &#x27;contain&#x27; &#x3D; this._gallery.config.imageSize;
-  @Input() thumbImageSize: &#x27;cover&#x27; | &#x27;contain&#x27; &#x3D; this._gallery.config.thumbImageSize;
-  @Input() bulletsPosition: &#x27;top&#x27; | &#x27;bottom&#x27; &#x3D; this._gallery.config.bulletsPosition;
-  @Input() counterPosition: &#x27;top&#x27; | &#x27;bottom&#x27; &#x3D; this._gallery.config.counterPosition;
-  @Input() slidingDirection: &#x27;horizontal&#x27; | &#x27;vertical&#x27; &#x3D; this._gallery.config.slidingDirection;
-  @Input() loadingAttr: &#x27;eager&#x27; | &#x27;lazy&#x27; &#x3D; this._gallery.config.loadingAttr;
-  @Input() loadingStrategy: &#x27;preload&#x27; | &#x27;lazy&#x27; | &#x27;default&#x27; &#x3D; this._gallery.config.loadingStrategy;
-  @Input() thumbPosition: &#x27;top&#x27; | &#x27;left&#x27; | &#x27;right&#x27; | &#x27;bottom&#x27; &#x3D; this._gallery.config.thumbPosition;
-  @Input() thumbView: &#x27;default&#x27; | &#x27;contain&#x27; &#x3D; this._gallery.config.thumbView;
-
-  // Inputs used by the lightbox
-
-  /** Destroy gallery ref on component destroy event */
-  @Input() destroyRef: boolean &#x3D; true;
-
-  /** Skip initializing the config with components inputs (Lightbox mode) */
-  @Input() skipInitConfig: boolean &#x3D; false;
-
-  @Output() itemClick: EventEmitter&lt;number&gt; &#x3D; new EventEmitter&lt;number&gt;();
-  @Output() thumbClick: EventEmitter&lt;number&gt; &#x3D; new EventEmitter&lt;number&gt;();
-  @Output() playingChange: EventEmitter&lt;GalleryState&gt; &#x3D; new EventEmitter&lt;GalleryState&gt;();
-  @Output() indexChange: EventEmitter&lt;GalleryState&gt; &#x3D; new EventEmitter&lt;GalleryState&gt;();
-  @Output() itemsChange: EventEmitter&lt;GalleryState&gt; &#x3D; new EventEmitter&lt;GalleryState&gt;();
-  @Output() error: EventEmitter&lt;GalleryError&gt; &#x3D; new EventEmitter&lt;GalleryError&gt;();
-
-  @ContentChild(GalleryItemDef) galleryItemDef: GalleryItemDef;
-  @ContentChild(GalleryImageDef) galleryImageDef: GalleryImageDef;
-  @ContentChild(GalleryThumbDef) galleryThumbDef: GalleryThumbDef;
-  @ContentChild(GalleryBoxDef) galleryBoxDef: GalleryBoxDef;
-
-  private _itemClick$: Subscription;
-  private _thumbClick$: Subscription;
-  private _itemChange$: Subscription;
-  private _indexChange$: Subscription;
-  private _playingChange$: Subscription;
-
-  constructor(private _gallery: Gallery) {
-  }
-
-  private getConfig(): GalleryConfig {
-    return {
-      nav: this.nav,
-      dots: this.dots,
-      loop: this.loop,
-      debug: this.debug,
-      thumb: this.thumb,
-      counter: this.counter,
-      autoplay: this.autoplay,
-      dotsSize: this.dotsSize,
-      imageSize: this.imageSize,
-      thumbImageSize: this.thumbImageSize,
-      scrollBehavior: this.scrollBehavior,
-      navScrollBehavior: this.navScrollBehavior,
-      thumbView: this.thumbView,
-      thumbWidth: this.thumbWidth,
-      thumbHeight: this.thumbHeight,
-      slidingEase: this.slidingEase,
-      disableThumb: this.disableThumb,
-      bulletsPosition: this.bulletsPosition,
-      loadingAttr: this.loadingAttr,
-      thumbDetached: this.thumbDetached,
-      thumbPosition: this.thumbPosition,
-      playerInterval: this.playerInterval,
-      counterPosition: this.counterPosition,
-      loadingStrategy: this.loadingStrategy,
-      slidingDuration: this.slidingDuration,
-      slidingDirection: this.slidingDirection,
-      resizeDebounceTime: this.resizeDebounceTime,
-      slidingDisabled: this.slidingDisabled,
-      thumbSlidingDisabled: this.thumbSlidingDisabled,
-      mouseSlidingDisabled: this.mouseSlidingDisabled,
-      thumbMouseSlidingDisabled: this.thumbMouseSlidingDisabled,
-      thumbAutosize: this.thumbAutosize,
-      itemAutosize: this.itemAutosize,
-      autoHeight: this.autoHeight,
-    };
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (this.galleryRef) {
-      this.galleryRef.setConfig(this.getConfig());
-
-      if (changes.items &amp;&amp; changes.items.currentValue !&#x3D;&#x3D; changes.items.previousValue) {
-        this.load(this.items);
-      }
-    }
-  }
-
-  ngOnInit(): void {
-    // Get gallery instance by id
-    if (this.skipInitConfig) {
-      this.galleryRef &#x3D; this._gallery.ref(this.id);
-    } else {
-      this.galleryRef &#x3D; this._gallery.ref(this.id, this.getConfig());
-    }
-
-    // Load gallery items
-    this.load(this.items);
-
-    // Subscribes to events on demand
-    if (this.indexChange.observed) {
-      this._indexChange$ &#x3D; this.galleryRef.indexChanged.subscribe((state: GalleryState) &#x3D;&gt; this.indexChange.emit(state));
-    }
-    if (this.itemsChange.observed) {
-      this._itemChange$ &#x3D; this.galleryRef.itemsChanged.subscribe((state: GalleryState) &#x3D;&gt; this.itemsChange.emit(state));
-    }
-    if (this.playingChange.observed) {
-      this._playingChange$ &#x3D; this.galleryRef.playingChanged.subscribe((state: GalleryState) &#x3D;&gt; this.playingChange.emit(state));
-    }
-  }
-
-  ngAfterContentInit(): void {
-    const templateConfig: GalleryConfig &#x3D; {};
-    if (this.galleryItemDef) {
-      templateConfig.itemTemplate &#x3D; this.galleryItemDef.templateRef;
-    }
-    if (this.galleryImageDef) {
-      templateConfig.imageTemplate &#x3D; this.galleryImageDef.templateRef;
-    }
-    if (this.galleryThumbDef) {
-      templateConfig.thumbTemplate &#x3D; this.galleryThumbDef.templateRef;
-    }
-    if (this.galleryBoxDef) {
-      templateConfig.boxTemplate &#x3D; this.galleryBoxDef.templateRef;
-    }
-    if (Object.keys(templateConfig).length) {
-      this.galleryRef.setConfig(templateConfig);
-    }
-  }
-
-  ngOnDestroy(): void {
-    this._itemClick$?.unsubscribe();
-    this._thumbClick$?.unsubscribe();
-    this._itemChange$?.unsubscribe();
-    this._indexChange$?.unsubscribe();
-    this._playingChange$?.unsubscribe();
-    if (this.destroyRef) {
-      this.galleryRef?.destroy();
-    }
-  }
-
-  onItemClick(i: number): void {
-    this.itemClick.emit(i);
-    this.galleryRef.itemClick.next(i);
-  }
-
-  onThumbClick(i: number): void {
-    this.galleryRef.set(i);
-    this.thumbClick.emit(i);
-    this.galleryRef.thumbClick.next(i);
-  }
-
-  onError(err: GalleryError): void {
-    this.error.emit(err);
-    this.galleryRef.error.next(err);
-  }
-
-  load(items: GalleryItem[]): void {
-    this.galleryRef.load(items);
-  }
-
-  add(item: GalleryItem, active?: boolean): void {
-    this.galleryRef.add(item, active);
-  }
-
-  addImage(data: ImageItemData, active?: boolean): void {
-    this.galleryRef.addImage(data, active);
-  }
-
-  addVideo(data: VideoItemData, active?: boolean): void {
-    this.galleryRef.addVideo(data, active);
-  }
-
-  addIframe(data: IframeItemData, active?: boolean): void {
-    this.galleryRef.addIframe(data, active);
-  }
-
-  addYoutube(data: YoutubeItemData, active?: boolean): void {
-    this.galleryRef.addYoutube(data, active);
-  }
-
-  remove(i: number): void {
-    this.galleryRef.remove(i);
-  }
-
-  next(behavior?: ScrollBehavior, loop?: boolean): void {
-    this.galleryRef.next(behavior, loop);
-  }
-
-  prev(behavior?: ScrollBehavior, loop?: boolean): void {
-    this.galleryRef.prev(behavior, loop);
-  }
-
-  set(i: number, behavior?: ScrollBehavior): void {
-    this.galleryRef.set(i, behavior);
-  }
-
-  reset(): void {
-    this.galleryRef.reset();
-  }
-
-  play(interval?: number): void {
-    this.galleryRef.play(interval);
-  }
-
-  stop(): void {
-    this.galleryRef.stop();
-  }
-}
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./gallery.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">:host {
-  position: relative;
-  overflow: hidden;
-  z-index: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: black;
-
-  --g-height-transition: height 468ms cubic-bezier(0.42, 0, 0.58, 1);
-  --g-nav-drop-shadow: drop-shadow(0 0 2px rgba(0, 0, 0, 0.6));
-  --g-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
-  --g-font-color: #000;
-  --g-overlay-color: #fff;
-  --g-gutter-size: 1px;
-
-  &amp;[gallerize] {
-    --g-item-cursor: pointer;
-  }
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><gallery-core autoplay              [galleryId]="id"              [state]="galleryRef.state | async"              [config]="galleryRef.config | async"              (itemClick)="onItemClick($event)"              (thumbClick)="onThumbClick($event)"              (error)="onError($event)"/></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryCoreComponent.html b/documentation/components/GalleryCoreComponent.html
deleted file mode 100644
index 7b1c9622..00000000
--- a/documentation/components/GalleryCoreComponent.html
+++ /dev/null
@@ -1,2015 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryCoreComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/gallery-core.component.ts</code>
-</p>
-
-
-
-
-    <p class="comment">
-        <h3>Implements</h3>
-    </p>
-    <p class="comment">
-                    <code><a href="../miscellaneous/functions.html#C" target="_self" >OnChanges</a></code>
-    </p>
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-core</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./gallery-core.scss,<br>../styles/debug.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;gallery-thumbs *ngIf&#x3D;&quot;config.thumb&quot;
-                [state]&#x3D;&quot;state&quot;
-                [config]&#x3D;&quot;config&quot;
-                [galleryId]&#x3D;&quot;galleryId&quot;
-                (thumbClick)&#x3D;&quot;thumbClick.emit($event)&quot;
-                (error)&#x3D;&quot;error.emit($event)&quot;&gt;
-&lt;/gallery-thumbs&gt;
-
-&lt;div class&#x3D;&quot;g-box&quot;&gt;
-  &lt;gallery-slider [class.g-debug]&#x3D;&quot;config.debug&quot;
-                  [state]&#x3D;&quot;state&quot;
-                  [config]&#x3D;&quot;config&quot;
-                  [galleryId]&#x3D;&quot;galleryId&quot;
-                  (itemClick)&#x3D;&quot;itemClick.emit($event)&quot;
-                  (error)&#x3D;&quot;error.emit($event)&quot;&gt;
-
-    &lt;gallery-nav *ngIf&#x3D;&quot;config.nav &amp;&amp; state.items.length &gt; 1&quot;
-                 [state]&#x3D;&quot;state&quot;
-                 [config]&#x3D;&quot;config&quot;
-                 [galleryId]&#x3D;&quot;galleryId&quot;&gt;
-    &lt;/gallery-nav&gt;
-
-  &lt;/gallery-slider&gt;
-
-  &lt;gallery-dots *ngIf&#x3D;&quot;config.dots&quot;
-                [state]&#x3D;&quot;state&quot;
-                [config]&#x3D;&quot;config&quot;
-                [galleryId]&#x3D;&quot;galleryId&quot;&gt;
-  &lt;/gallery-dots&gt;
-
-  &lt;gallery-counter *ngIf&#x3D;&quot;config.counter&quot;
-                   [state]&#x3D;&quot;state&quot;&gt;
-  &lt;/gallery-counter&gt;
-
-  &lt;div class&#x3D;&quot;g-box-template&quot;&gt;
-    &lt;ng-container *ngTemplateOutlet&#x3D;&quot;config.boxTemplate; context: { state: state, config: config }&quot;&gt;&lt;/ng-container&gt;
-  &lt;/div&gt;
-&lt;/div&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#ngOnChanges" >ngOnChanges</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#galleryId" >galleryId</a>
-                            </li>
-                            <li>
-                                <a href="#state" >state</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#error" >error</a>
-                            </li>
-                            <li>
-                                <a href="#itemClick" >itemClick</a>
-                            </li>
-                            <li>
-                                <a href="#thumbClick" >thumbClick</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>HostBindings</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#attr.autoHeight" >attr.autoHeight</a>
-                            </li>
-                            <li>
-                                <a href="#attr.counterPosition" >attr.counterPosition</a>
-                            </li>
-                            <li>
-                                <a href="#attr.debug" >attr.debug</a>
-                            </li>
-                            <li>
-                                <a href="#attr.disableThumb" >attr.disableThumb</a>
-                            </li>
-                            <li>
-                                <a href="#attr.bulletsPosition" >attr.bulletsPosition</a>
-                            </li>
-                            <li>
-                                <a href="#attr.imageSize" >attr.imageSize</a>
-                            </li>
-                            <li>
-                                <a href="#attr.itemAutosize" >attr.itemAutosize</a>
-                            </li>
-                            <li>
-                                <a href="#attr.slidingDirection" >attr.slidingDirection</a>
-                            </li>
-                            <li>
-                                <a href="#attr.slidingDisabled" >attr.slidingDisabled</a>
-                            </li>
-                            <li>
-                                <a href="#attr.thumbAutosize" >attr.thumbAutosize</a>
-                            </li>
-                            <li>
-                                <a href="#attr.thumbImageSize" >attr.thumbImageSize</a>
-                            </li>
-                            <li>
-                                <a href="#attr.thumbPosition" >attr.thumbPosition</a>
-                            </li>
-                            <li>
-                                <a href="#attr.thumbSlidingDisabled" >attr.thumbSlidingDisabled</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#thumbPosition" >thumbPosition</a>
-                                </li>
-                                <li>
-                                    <a href="#slidingDirection" >slidingDirection</a>
-                                </li>
-                                <li>
-                                    <a href="#disableThumb" >disableThumb</a>
-                                </li>
-                                <li>
-                                    <a href="#imageSize" >imageSize</a>
-                                </li>
-                                <li>
-                                    <a href="#thumbImageSize" >thumbImageSize</a>
-                                </li>
-                                <li>
-                                    <a href="#bulletsPosition" >bulletsPosition</a>
-                                </li>
-                                <li>
-                                    <a href="#counterPosition" >counterPosition</a>
-                                </li>
-                                <li>
-                                    <a href="#slidingDisabled" >slidingDisabled</a>
-                                </li>
-                                <li>
-                                    <a href="#thumbSlidingDisabled" >thumbSlidingDisabled</a>
-                                </li>
-                                <li>
-                                    <a href="#itemAutosize" >itemAutosize</a>
-                                </li>
-                                <li>
-                                    <a href="#autoHeight" >autoHeight</a>
-                                </li>
-                                <li>
-                                    <a href="#thumbAutosize" >thumbAutosize</a>
-                                </li>
-                                <li>
-                                    <a href="#debug" >debug</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(el: ElementRef<HTMLElement>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:140</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>el</td>
-
-                                                        <td>
-                                                                    <code>ElementRef&lt;HTMLElement&gt;</code>
-                                                        </td>
-
-                                                    <td>
-                                                            No
-                                                    </td>
-
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:73</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="galleryId"></a>
-                        <b>galleryId</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:71</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="state"></a>
-                        <b>state</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:72</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="error"></a>
-                        <b>error</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >EventEmitter&lt;GalleryError&gt;</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:76</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="itemClick"></a>
-                        <b>itemClick</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;number&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:74</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbClick"></a>
-                        <b>thumbClick</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;number&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:75</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.autoHeight"></a>
-                    <span class="name">
-                        <span ><b>attr.autoHeight</b></span>
-                        <a href="#attr.autoHeight"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="128" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:128</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set gallery slider autoHeight style</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.counterPosition"></a>
-                    <span class="name">
-                        <span ><b>attr.counterPosition</b></span>
-                        <a href="#attr.counterPosition"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;top&quot; | &quot;bottom&quot;</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:108</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set gallery counter position</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.debug"></a>
-                    <span class="name">
-                        <span ><b>attr.debug</b></span>
-                        <a href="#attr.debug"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:138</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set debug style</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.disableThumb"></a>
-                    <span class="name">
-                        <span ><b>attr.disableThumb</b></span>
-                        <a href="#attr.disableThumb"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:89</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Disable thumbnails clicks</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.bulletsPosition"></a>
-                    <span class="name">
-                        <span ><b>attr.bulletsPosition</b></span>
-                        <a href="#attr.bulletsPosition"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;top&quot; | &quot;bottom&quot;</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:103</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set gallery dots position</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.imageSize"></a>
-                    <span class="name">
-                        <span ><b>attr.imageSize</b></span>
-                        <a href="#attr.imageSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;cover&quot; | &quot;contain&quot;</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:94</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set gallery image size</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.itemAutosize"></a>
-                    <span class="name">
-                        <span ><b>attr.itemAutosize</b></span>
-                        <a href="#attr.itemAutosize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:123</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set gallery slider itemAutosize style</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.slidingDirection"></a>
-                    <span class="name">
-                        <span ><b>attr.slidingDirection</b></span>
-                        <a href="#attr.slidingDirection"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;horizontal&quot; | &quot;vertical&quot;</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:84</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set sliding direction</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.slidingDisabled"></a>
-                    <span class="name">
-                        <span ><b>attr.slidingDisabled</b></span>
-                        <a href="#attr.slidingDisabled"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:113</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set gallery counter position</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.thumbAutosize"></a>
-                    <span class="name">
-                        <span ><b>attr.thumbAutosize</b></span>
-                        <a href="#attr.thumbAutosize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:133</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set gallery slider thumbAutosize style</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.thumbImageSize"></a>
-                    <span class="name">
-                        <span ><b>attr.thumbImageSize</b></span>
-                        <a href="#attr.thumbImageSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;contain&quot; | &quot;cover&quot;</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:98</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.thumbPosition"></a>
-                    <span class="name">
-                        <span ><b>attr.thumbPosition</b></span>
-                        <a href="#attr.thumbPosition"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;top&quot; | &quot;left&quot; | &quot;right&quot; | &quot;bottom&quot;</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:79</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set thumbnails position</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.thumbSlidingDisabled"></a>
-                    <span class="name">
-                        <span ><b>attr.thumbSlidingDisabled</b></span>
-                        <a href="#attr.thumbSlidingDisabled"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:118</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set gallery counter position</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
-
-
-    <section>
-
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnChanges"></a>
-                    <span class="name">
-                        <span ><b>ngOnChanges</b></span>
-                        <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnChanges(changes: <a href="../undefineds/C.html" target="_self">SimpleChanges</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="145"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:145</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>changes</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#C" target="_self" >SimpleChanges</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbPosition"></a>
-                        <span class="name"><b>thumbPosition</b><a href="#thumbPosition"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>thumbPosition()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:79</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set thumbnails position</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>    <code>&quot;top&quot; | &quot;left&quot; | &quot;right&quot; | &quot;bottom&quot;</code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="slidingDirection"></a>
-                        <span class="name"><b>slidingDirection</b><a href="#slidingDirection"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>slidingDirection()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:84</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set sliding direction</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>    <code>&quot;horizontal&quot; | &quot;vertical&quot;</code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="disableThumb"></a>
-                        <span class="name"><b>disableThumb</b><a href="#disableThumb"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>disableThumb()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:89</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Disable thumbnails clicks</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="imageSize"></a>
-                        <span class="name"><b>imageSize</b><a href="#imageSize"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>imageSize()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:94</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set gallery image size</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>    <code>&quot;cover&quot; | &quot;contain&quot;</code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbImageSize"></a>
-                        <span class="name"><b>thumbImageSize</b><a href="#thumbImageSize"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>thumbImageSize()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:98</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="bulletsPosition"></a>
-                        <span class="name"><b>bulletsPosition</b><a href="#bulletsPosition"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>bulletsPosition()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:103</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set gallery dots position</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>    <code>&quot;top&quot; | &quot;bottom&quot;</code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="counterPosition"></a>
-                        <span class="name"><b>counterPosition</b><a href="#counterPosition"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>counterPosition()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:108</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set gallery counter position</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>    <code>&quot;top&quot; | &quot;bottom&quot;</code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="slidingDisabled"></a>
-                        <span class="name"><b>slidingDisabled</b><a href="#slidingDisabled"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>slidingDisabled()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:113</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set gallery counter position</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbSlidingDisabled"></a>
-                        <span class="name"><b>thumbSlidingDisabled</b><a href="#thumbSlidingDisabled"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>thumbSlidingDisabled()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:118</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set gallery counter position</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="itemAutosize"></a>
-                        <span class="name"><b>itemAutosize</b><a href="#itemAutosize"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>itemAutosize()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:123</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set gallery slider itemAutosize style</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="autoHeight"></a>
-                        <span class="name"><b>autoHeight</b><a href="#autoHeight"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>autoHeight()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="128" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:128</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set gallery slider autoHeight style</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbAutosize"></a>
-                        <span class="name"><b>thumbAutosize</b><a href="#thumbAutosize"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>thumbAutosize()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:133</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set gallery slider thumbAutosize style</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="debug"></a>
-                        <span class="name"><b>debug</b><a href="#debug"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>debug()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-core.component.ts:138</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Set debug style</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-</section>
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Component,
-  Input,
-  Output,
-  HostBinding,
-  EventEmitter,
-  OnChanges,
-  SimpleChanges,
-  ElementRef,
-  ChangeDetectionStrategy
-} from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular/common&#x27;;
-import { coerceCssPixelValue } from &#x27;@angular/cdk/coercion&#x27;;
-import { GalleryCounterComponent } from &#x27;./gallery-counter.component&#x27;;
-import { GalleryBulletsComponent } from &#x27;./gallery-dots.component&#x27;;
-import { GalleryNavComponent } from &#x27;./gallery-nav.component&#x27;;
-import { GallerySliderComponent } from &#x27;./gallery-slider.component&#x27;;
-import { GalleryThumbsComponent } from &#x27;./gallery-thumbs.component&#x27;;
-import { GalleryError, GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-
-@Component({
-  selector: &#x27;gallery-core&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: [&#x27;./gallery-core.scss&#x27;, &#x27;../styles/debug.scss&#x27;],
-  template: &#x60;
-    &lt;gallery-thumbs *ngIf&#x3D;&quot;config.thumb&quot;
-                    [state]&#x3D;&quot;state&quot;
-                    [config]&#x3D;&quot;config&quot;
-                    [galleryId]&#x3D;&quot;galleryId&quot;
-                    (thumbClick)&#x3D;&quot;thumbClick.emit($event)&quot;
-                    (error)&#x3D;&quot;error.emit($event)&quot;&gt;
-    &lt;/gallery-thumbs&gt;
-
-    &lt;div class&#x3D;&quot;g-box&quot;&gt;
-      &lt;gallery-slider [class.g-debug]&#x3D;&quot;config.debug&quot;
-                      [state]&#x3D;&quot;state&quot;
-                      [config]&#x3D;&quot;config&quot;
-                      [galleryId]&#x3D;&quot;galleryId&quot;
-                      (itemClick)&#x3D;&quot;itemClick.emit($event)&quot;
-                      (error)&#x3D;&quot;error.emit($event)&quot;&gt;
-
-        &lt;gallery-nav *ngIf&#x3D;&quot;config.nav &amp;&amp; state.items.length &gt; 1&quot;
-                     [state]&#x3D;&quot;state&quot;
-                     [config]&#x3D;&quot;config&quot;
-                     [galleryId]&#x3D;&quot;galleryId&quot;&gt;
-        &lt;/gallery-nav&gt;
-
-      &lt;/gallery-slider&gt;
-
-      &lt;gallery-dots *ngIf&#x3D;&quot;config.dots&quot;
-                    [state]&#x3D;&quot;state&quot;
-                    [config]&#x3D;&quot;config&quot;
-                    [galleryId]&#x3D;&quot;galleryId&quot;&gt;
-      &lt;/gallery-dots&gt;
-
-      &lt;gallery-counter *ngIf&#x3D;&quot;config.counter&quot;
-                       [state]&#x3D;&quot;state&quot;&gt;
-      &lt;/gallery-counter&gt;
-
-      &lt;div class&#x3D;&quot;g-box-template&quot;&gt;
-        &lt;ng-container *ngTemplateOutlet&#x3D;&quot;config.boxTemplate; context: { state: state, config: config }&quot;&gt;&lt;/ng-container&gt;
-      &lt;/div&gt;
-    &lt;/div&gt;
-  &#x60;,
-  standalone: true,
-  imports: [CommonModule, GalleryThumbsComponent, GallerySliderComponent, GalleryNavComponent, GalleryBulletsComponent, GalleryCounterComponent]
-})
-export class GalleryCoreComponent implements OnChanges {
-
-  @Input() galleryId: string;
-  @Input() state: GalleryState;
-  @Input() config: GalleryConfig;
-  @Output() itemClick: EventEmitter&lt;number&gt; &#x3D; new EventEmitter&lt;number&gt;();
-  @Output() thumbClick: EventEmitter&lt;number&gt; &#x3D; new EventEmitter&lt;number&gt;();
-  @Output() error: EventEmitter&lt;GalleryError&gt; &#x3D; new EventEmitter&lt;GalleryError&gt;();
-
-  /** Set thumbnails position */
-  @HostBinding(&#x27;attr.thumbPosition&#x27;) get thumbPosition(): &#x27;top&#x27; | &#x27;left&#x27; | &#x27;right&#x27; | &#x27;bottom&#x27; {
-    return this.config.thumbPosition;
-  }
-
-  /** Set sliding direction */
-  @HostBinding(&#x27;attr.slidingDirection&#x27;) get slidingDirection(): &#x27;horizontal&#x27; | &#x27;vertical&#x27; {
-    return this.config.slidingDirection;
-  }
-
-  /** Disable thumbnails clicks */
-  @HostBinding(&#x27;attr.disableThumb&#x27;) get disableThumb(): boolean {
-    return this.config.disableThumb;
-  }
-
-  /** Set gallery image size */
-  @HostBinding(&#x27;attr.imageSize&#x27;) get imageSize(): &#x27;cover&#x27; | &#x27;contain&#x27; {
-    return this.config.imageSize;
-  }
-
-  @HostBinding(&#x27;attr.thumbImageSize&#x27;) get thumbImageSize(): &#x27;contain&#x27; | &#x27;cover&#x27; {
-    return this.config.thumbImageSize;
-  }
-
-  /** Set gallery dots position */
-  @HostBinding(&#x27;attr.bulletsPosition&#x27;) get bulletsPosition(): &#x27;top&#x27; | &#x27;bottom&#x27; {
-    return this.config.bulletsPosition;
-  }
-
-  /** Set gallery counter position */
-  @HostBinding(&#x27;attr.counterPosition&#x27;) get counterPosition(): &#x27;top&#x27; | &#x27;bottom&#x27; {
-    return this.config.counterPosition;
-  }
-
-  /** Set gallery counter position */
-  @HostBinding(&#x27;attr.slidingDisabled&#x27;) get slidingDisabled(): boolean {
-    return this.config.slidingDisabled;
-  }
-
-  /** Set gallery counter position */
-  @HostBinding(&#x27;attr.thumbSlidingDisabled&#x27;) get thumbSlidingDisabled(): boolean {
-    return this.config.thumbSlidingDisabled;
-  }
-
-  /** Set gallery slider itemAutosize style  */
-  @HostBinding(&#x27;attr.itemAutosize&#x27;) get itemAutosize(): boolean {
-    return this.config.itemAutosize;
-  }
-
-  /** Set gallery slider autoHeight style  */
-  @HostBinding(&#x27;attr.autoHeight&#x27;) get autoHeight(): boolean {
-    return this.config.autoHeight;
-  }
-
-  /** Set gallery slider thumbAutosize style  */
-  @HostBinding(&#x27;attr.thumbAutosize&#x27;) get thumbAutosize(): boolean {
-    return this.config.thumbAutosize;
-  }
-
-  /** Set debug style  */
-  @HostBinding(&#x27;attr.debug&#x27;) get debug(): boolean {
-    return this.config.debug;
-  }
-
-  constructor(private el: ElementRef&lt;HTMLElement&gt;) {
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.config) {
-      if (changes.config.currentValue?.thumbWidth !&#x3D;&#x3D; changes.config.previousValue?.thumbWidth) {
-        this.el.nativeElement.style.setProperty(&#x27;--g-thumb-width&#x27;, coerceCssPixelValue(changes.config.currentValue.thumbWidth));
-      }
-      if (changes.config.currentValue?.thumbHeight !&#x3D;&#x3D; changes.config.previousValue?.thumbHeight) {
-        this.el.nativeElement.style.setProperty(&#x27;--g-thumb-height&#x27;, coerceCssPixelValue(changes.config.currentValue.thumbHeight));
-      }
-    }
-  }
-}
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./gallery-core.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">:host {
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  gap: var(--g-gutter-size);
-  width: 100%;
-  height: 500px;
-  min-height: 100%;
-  max-height: 100%;
-
-  &amp;[thumbPosition&#x3D;&#x27;top&#x27;] {
-    flex-direction: column;
-  }
-
-  &amp;[thumbPosition&#x3D;&#x27;left&#x27;] {
-    flex-direction: row;
-  }
-
-  &amp;[thumbPosition&#x3D;&#x27;right&#x27;] {
-    flex-direction: row-reverse;
-  }
-
-  &amp;[thumbPosition&#x3D;&#x27;bottom&#x27;] {
-    flex-direction: column-reverse;
-  }
-
-  // Gallery auto-height variables
-  &amp;[autoHeight&#x3D;&#x27;true&#x27;][itemAutoSize&#x3D;&#x27;false&#x27;][slidingDirection&#x3D;&#x27;horizontal&#x27;] {
-    &amp;[thumbPosition&#x3D;&#x27;top&#x27;], &amp;[thumbPosition&#x3D;&#x27;bottom&#x27;] {
-      // if auto-height, use fit-content
-      height: fit-content;
-      --g-item-height: auto !important;
-      --g-item-max-height: auto;
-    }
-  }
-
-  // Gallery image variables
-  --image-object-fit: unset;
-
-  &amp;[imageSize&#x3D;&#x27;contain&#x27;] gallery-slider,
-  &amp;[thumbImageSize&#x3D;&#x27;contain&#x27;] gallery-thumbs {
-    --image-object-fit: contain;
-  }
-
-  &amp;[imageSize&#x3D;&#x27;cover&#x27;] gallery-slider,
-  &amp;[thumbImageSize&#x3D;&#x27;cover&#x27;] gallery-thumbs {
-    --image-object-fit: cover;
-  }
-
-  // Gallery thumbs variables
-  --slider-thumb-height: unset;
-  --slider-thumb-width: unset;
-  --thumb-slider-left: unset;
-  --thumb-slider-overflow: unset;
-  --thumb-slider-flex-direction: unset;
-  --g-thumb-width: unset;
-  --g-thumb-height: unset;
-
-  &amp;[thumbPosition&#x3D;&#x27;top&#x27;],
-  &amp;[thumbPosition&#x3D;&#x27;bottom&#x27;] {
-    --thumb-slider-top: 0;
-    --thumb-slider-overflow: auto hidden;
-    --thumb-slider-flex-direction: row;
-    --g-thumb-height: 100%;
-
-    &amp;[thumbAutosize&#x3D;&quot;true&quot;] {
-      --g-thumb-width: auto !important;
-    }
-  }
-
-  &amp;[thumbPosition&#x3D;&#x27;left&#x27;],
-  &amp;[thumbPosition&#x3D;&#x27;right&#x27;] {
-    --thumb-slider-left: 0;
-    --thumb-slider-overflow: hidden auto;
-    --thumb-slider-flex-direction: column;
-    --g-thumb-width: 100%;
-
-    &amp;[thumbAutosize&#x3D;&quot;true&quot;] {
-      --g-thumb-height: auto !important;
-    }
-  }
-
-  --g-thumb-cursor: pointer;
-
-  &amp;[disableThumb&#x3D;&#x27;true&#x27;] {
-    --g-thumb-cursor: default;
-  }
-
-  &amp;[thumbSlidingDisabled&#x3D;&#x27;true&#x27;] {
-    --thumb-slider-overflow: hidden !important;
-  }
-
-  // Gallery slider variables
-  --slider-scroll-snap-type: unset;
-  --slider-overflow: unset;
-  --slider-flex-direction: unset;
-  --slider-width: unset;
-  --slider-height: unset;
-  --slider-content-width: unset;
-  --slider-content-height: unset;
-
-  &amp;[slidingDirection&#x3D;&#x27;horizontal&#x27;] {
-    --slider-overflow: auto hidden;
-    --slider-scroll-snap-type: x mandatory;
-    --slider-flex-direction: row;
-    --slider-content-height: 100%;
-  }
-
-  &amp;[slidingDirection&#x3D;&#x27;vertical&#x27;] {
-    --slider-overflow: hidden auto;
-    --slider-scroll-snap-type: y mandatory;
-    --slider-flex-direction: column;
-    --slider-content-width: 100%;
-  }
-
-  &amp;[slidingDisabled&#x3D;&#x27;true&#x27;] {
-    --slider-overflow: hidden !important;
-  }
-
-  // Gallery items variables
-  --g-item-width: unset;
-  --g-item-height: unset;
-  --g-item-max-height: var(--slider-height);
-
-  &amp;[slidingDirection&#x3D;&#x27;horizontal&#x27;] {
-    --g-item-width: var(--slider-width);
-    --g-item-height: 100%;
-
-    &amp;[itemAutoSize&#x3D;&#x27;true&#x27;] {
-      --g-item-width: auto;
-    }
-  }
-
-  &amp;[slidingDirection&#x3D;&#x27;vertical&#x27;] {
-    --g-item-width: 100%;
-    --g-item-height: var(--slider-height);
-
-    &amp;[itemAutoSize&#x3D;&#x27;true&#x27;] {
-      --g-item-height: auto;
-    }
-  }
-
-  // Gallery dots variables
-  --dots-top: unset;
-  --dots-bottom: unset;
-
-  &amp;[bulletsPosition&#x3D;&#x27;top&#x27;] {
-    --dots-top: 15px;
-  }
-
-  &amp;[bulletsPosition&#x3D;&#x27;bottom&#x27;] {
-    --dots-bottom: 15px;
-  }
-
-  // Gallery position variables
-  --counter-top: unset;
-  --counter-bottom: unset;
-  --counter-border-radius: unset;
-
-  &amp;[counterPosition&#x3D;&#x27;top&#x27;] {
-    --counter-top: 0;
-    --counter-border-radius: 0 0 4px 4px;
-  }
-
-  &amp;[counterPosition&#x3D;&#x27;bottom&#x27;] {
-    --counter-bottom: 0;
-    --counter-border-radius: 4px 4px 0 0;
-  }
-}
-
-.g-box {
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  order: 1;
-  flex: 1;
-}
-
-.g-box-template {
-  position: absolute;
-  z-index: 10;
-}
-</code></pre>
-                <p class="comment">
-                    <code>../styles/debug.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">:host[debug&#x3D;&#x27;true&#x27;] {
-  ::ng-deep {
-    .g-sliding, .g-resizing, .g-scrolling {
-      gallery-item.g-item-highlight {
-        visibility: hidden;
-      }
-    }
-  }
-
-  ::ng-deep {
-    gallery-slider {
-      &amp;:after, &amp;:before {
-        position: absolute;
-        content: &#x27;&#x27;;
-        z-index: 12;
-      }
-
-      &amp;:before {
-        width: 100%;
-        height: 0;
-        border-top: 1px dashed lime;
-      }
-
-      &amp;:after {
-        height: 100%;
-        width: 0;
-        border-left: 1px dashed lime;
-      }
-
-      gallery-item {
-        outline: 1px solid darkorange;
-
-        &amp;.g-item-highlight {
-          &amp;:after {
-            content: &#x27;&#x27;;
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            border: 3px solid lime;
-            box-sizing: border-box;
-            z-index: 10;
-          }
-        }
-      }
-    }
-
-    .g-sliding {
-      .g-slider-sliding {
-        display: block;
-      }
-    }
-
-    .g-scrolling {
-      .g-slider-scrolling {
-        display: block;
-      }
-    }
-
-    .g-resizing {
-      .g-slider-resizing {
-        display: block;
-      }
-    }
-
-    .g-slider-debug {
-      position: absolute;
-      top: 0;
-      left: 0;
-      display: flex;
-      gap: 5px;
-      padding: 10px;
-
-      .g-slider-resizing {
-        background: rgba(245, 76, 40);
-      }
-
-      .g-slider-scrolling {
-        background: rgb(255, 133, 36);
-      }
-
-      .g-slider-sliding {
-        background: rgb(31, 108, 185);
-      }
-
-      div, &amp;:before {
-        display: none;
-        color: white;
-        font-family: monospace;
-        z-index: 12;
-        padding: 2px 6px;
-        border-radius: 3px;
-      }
-    }
-  }
-
-  &amp;[itemAutoSize&#x3D;&#x27;false&#x27;] {
-    ::ng-deep {
-      .g-slider-debug {
-        &amp;:before {
-          content: var(--intersection-margin);
-          background: rgba(236, 236, 236, 0.84);
-          color: #363636;
-          display: block;
-        }
-      }
-    }
-  }
-
-  &amp;[itemAutoSize&#x3D;&#x27;true&#x27;] {
-    ::ng-deep {
-      gallery-item {
-        &amp;:before {
-          position: absolute;
-          margin: 10px;
-          content: var(--item-intersection-margin);
-          background: rgba(236, 236, 236, 0.84);
-          color: #363636;
-          display: block;
-          width: 270px;
-          font-family: monospace;
-          z-index: 12;
-          padding: 2px 6px;
-          border-radius: 3px;
-        }
-      }
-    }
-  }
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><gallery-thumbs *ngIf="config.thumb"                [state]="state"                [config]="config"                [galleryId]="galleryId"                (thumbClick)="thumbClick.emit($event)"                (error)="error.emit($event)"></gallery-thumbs><div class="g-box">  <gallery-slider [class.g-debug]="config.debug"                  [state]="state"                  [config]="config"                  [galleryId]="galleryId"                  (itemClick)="itemClick.emit($event)"                  (error)="error.emit($event)">    <gallery-nav *ngIf="config.nav && state.items.length > 1"                 [state]="state"                 [config]="config"                 [galleryId]="galleryId">    </gallery-nav>  </gallery-slider>  <gallery-dots *ngIf="config.dots"                [state]="state"                [config]="config"                [galleryId]="galleryId">  </gallery-dots>  <gallery-counter *ngIf="config.counter"                   [state]="state">  </gallery-counter>  <div class="g-box-template">    <ng-container *ngTemplateOutlet="config.boxTemplate; context: { state: state, config: config }"></ng-container>  </div></div></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryCoreComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryCoreComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryCounterComponent.html b/documentation/components/GalleryCounterComponent.html
deleted file mode 100644
index 11a58a59..00000000
--- a/documentation/components/GalleryCounterComponent.html
+++ /dev/null
@@ -1,336 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryCounterComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/gallery-counter.component.ts</code>
-</p>
-
-
-
-
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-counter</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./gallery-counter.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;div class&#x3D;&quot;g-counter&quot;&gt;{{ (state.currIndex + 1) + &#x27; / &#x27; + state.items.length }}&lt;/div&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#state" >state</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="state"></a>
-                        <b>state</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-counter.component.ts:14</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-
-
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, Input, ChangeDetectionStrategy } from &#x27;@angular/core&#x27;;
-import { GalleryState } from &#x27;../models/gallery.model&#x27;;
-
-@Component({
-  selector: &#x27;gallery-counter&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: [&#x27;./gallery-counter.scss&#x27;],
-  template: &#x60;
-    &lt;div class&#x3D;&quot;g-counter&quot;&gt;{{ (state.currIndex + 1) + &#x27; / &#x27; + state.items.length }}&lt;/div&gt;
-  &#x60;,
-  standalone: true
-})
-export class GalleryCounterComponent {
-  @Input() state: GalleryState;
-}
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./gallery-counter.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">.g-counter {
-  font-weight: bold;
-  user-select: none;
-  opacity: 0.6;
-  transition: opacity linear 150ms;
-  z-index: 50;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%) perspective(1px);
-  font-size: 12px;
-  padding: 4px 10px;
-  color: var(--g-font-color);
-  background-color: var(--g-overlay-color);
-  box-shadow: var(--g-box-shadow);
-
-  top: var(--counter-top);
-  bottom: var(--counter-bottom);
-  border-radius: var(--counter-border-radius);
-
-  &amp;:hover {
-    opacity: 0.8;
-  }
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><div class="g-counter">{{ (state.currIndex + 1) + \' / \' + state.items.length }}</div></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryCounterComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryCounterComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryDotsComponent.html b/documentation/components/GalleryDotsComponent.html
deleted file mode 100644
index 3a3cb702..00000000
--- a/documentation/components/GalleryDotsComponent.html
+++ /dev/null
@@ -1,520 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryBulletsComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/gallery-bullets.component.ts</code>
-</p>
-
-
-
-
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-dots</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./gallery-dots.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;div class&#x3D;&quot;g-dot&quot;
-     *ngFor&#x3D;&quot;let item of state.items; let i &#x3D; index&quot;
-     [class.g-dot-active]&#x3D;&quot;i &#x3D;&#x3D;&#x3D; state.currIndex&quot;
-     [style.width.px]&#x3D;&quot;config?.dotsSize&quot;
-     [style.height.px]&#x3D;&quot;config?.dotsSize&quot;
-     (click)&#x3D;&quot;gallery.ref(this.galleryId).set(i)&quot;&gt;
-  &lt;div class&#x3D;&quot;g-dot-inner&quot;&gt;&lt;/div&gt;
-&lt;/div&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#gallery" >gallery</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#galleryId" >galleryId</a>
-                            </li>
-                            <li>
-                                <a href="#state" >state</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(gallery: <a href="../injectables/Gallery.html" target="_self">Gallery</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-bullets.component.ts:27</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>gallery</td>
-
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >Gallery</a></code>
-                                                        </td>
-
-                                                    <td>
-                                                            No
-                                                    </td>
-
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-bullets.component.ts:27</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="galleryId"></a>
-                        <b>galleryId</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-bullets.component.ts:25</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="state"></a>
-                        <b>state</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-bullets.component.ts:26</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-
-    <section>
-
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="gallery"></a>
-                    <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>gallery</b></span>
-                        <a href="#gallery"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >Gallery</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-bullets.component.ts:29</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, Input, ChangeDetectionStrategy } from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular/common&#x27;;
-import { Gallery } from &#x27;../services/gallery.service&#x27;;
-import { GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-
-@Component({
-  selector: &#x27;gallery-dots&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: [&#x27;./gallery-dots.scss&#x27;],
-  template: &#x60;
-    &lt;div class&#x3D;&quot;g-dot&quot;
-         *ngFor&#x3D;&quot;let item of state.items; let i &#x3D; index&quot;
-         [class.g-dot-active]&#x3D;&quot;i &#x3D;&#x3D;&#x3D; state.currIndex&quot;
-         [style.width.px]&#x3D;&quot;config?.dotsSize&quot;
-         [style.height.px]&#x3D;&quot;config?.dotsSize&quot;
-         (click)&#x3D;&quot;gallery.ref(this.galleryId).set(i)&quot;&gt;
-      &lt;div class&#x3D;&quot;g-dot-inner&quot;&gt;&lt;/div&gt;
-    &lt;/div&gt;
-  &#x60;,
-  standalone: true,
-  imports: [CommonModule]
-})
-export class GalleryBulletsComponent {
-  @Input() galleryId: string;
-  @Input() state: GalleryState;
-  @Input() config: GalleryConfig;
-
-  constructor(public gallery: Gallery) {
-  }
-}
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./gallery-dots.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">:host {
-  position: absolute;
-  left: 50%;
-  z-index: 99;
-  transform: translateX(-50%);
-  display: flex;
-  gap: 6px;
-  top: var(--dots-top);
-  bottom: var(--dots-bottom);
-}
-
-:host,
-.g-dot,
-.g-dot-inner {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.g-dot {
-  cursor: pointer;
-  z-index: 20;
-
-  &amp;:hover .g-dot-inner {
-    opacity: 1;
-  }
-}
-
-.g-dot-active .g-dot-inner {
-  opacity: 1;
-}
-
-.g-dot-inner {
-  background-color: var(--g-overlay-color);
-  opacity: 0.4;
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  transition: opacity linear 150ms;
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><div class="g-dot"     *ngFor="let item of state.items; let i = index"     [class.g-dot-active]="i === state.currIndex"     [style.width.px]="config?.dotsSize"     [style.height.px]="config?.dotsSize"     (click)="gallery.ref(this.galleryId).set(i)">  <div class="g-dot-inner"></div></div></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryDotsComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryBulletsComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryExampleComponent.html b/documentation/components/GalleryExampleComponent.html
deleted file mode 100644
index 60a7a05f..00000000
--- a/documentation/components/GalleryExampleComponent.html
+++ /dev/null
@@ -1,1432 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryExampleComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/stories/basic/gallery-example.component.ts</code>
-</p>
-
-
-    <p class="comment">
-        <h3>Description</h3>
-    </p>
-    <p class="comment">
-        <p>It should be possible to write a description here</p>
-
-    </p>
-
-
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-example</code></td>
-            </tr>
-
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;gallery [items]&#x3D;&quot;items$ | async&quot;
-         [imageSize]&#x3D;&quot;imageSize&quot;
-         [thumbImageSize]&#x3D;&quot;thumbImageSize&quot;
-         [bulletsPosition]&#x3D;&quot;bulletsPosition&quot;
-         [counterPosition]&#x3D;&quot;counterPosition&quot;
-         [slidingDirection]&#x3D;&quot;slidingDirection&quot;
-         [loadingAttr]&#x3D;&quot;loadingAttr&quot;
-         [loadingStrategy]&#x3D;&quot;loadingStrategy&quot;
-         [thumbPosition]&#x3D;&quot;thumbPosition&quot;
-         [thumbView]&#x3D;&quot;thumbView&quot;
-         [scrollBehavior]&#x3D;&quot;scrollBehavior&quot;
-         [navScrollBehavior]&#x3D;&quot;navScrollBehavior&quot;
-         [dotsSize]&#x3D;&quot;dotsSize&quot;
-         [thumbWidth]&#x3D;&quot;thumbWidth&quot;
-         [thumbHeight]&#x3D;&quot;thumbHeight&quot;
-         [playerInterval]&#x3D;&quot;playerInterval&quot;
-         [slidingDuration]&#x3D;&quot;slidingDuration&quot;
-         [resizeDebounceTime]&#x3D;&quot;resizeDebounceTime&quot;
-         [nav]&#x3D;&quot;nav&quot;
-         [dots]&#x3D;&quot;dots&quot;
-         [loop]&#x3D;&quot;loop&quot;
-         [debug]&#x3D;&quot;debug&quot;
-         [thumb]&#x3D;&quot;thumb&quot;
-         [counter]&#x3D;&quot;counter&quot;
-         [autoplay]&#x3D;&quot;autoplay&quot;
-         [autoHeight]&#x3D;&quot;autoHeight&quot;
-         [itemAutosize]&#x3D;&quot;itemAutosize&quot;
-         [disableThumb]&#x3D;&quot;disableThumb&quot;
-         [thumbDetached]&#x3D;&quot;thumbDetached&quot;
-         [thumbAutosize]&#x3D;&quot;thumbAutosize&quot;
-         [slidingDisabled]&#x3D;&quot;slidingDisabled&quot;
-         [thumbSlidingDisabled]&#x3D;&quot;thumbSlidingDisabled&quot;
-         [mouseSlidingDisabled]&#x3D;&quot;mouseSlidingDisabled&quot;
-         [thumbMouseSlidingDisabled]&#x3D;&quot;thumbMouseSlidingDisabled&quot;
-/&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#items$" >items$</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#autoHeight" >autoHeight</a>
-                            </li>
-                            <li>
-                                <a href="#autoplay" >autoplay</a>
-                            </li>
-                            <li>
-                                <a href="#counter" >counter</a>
-                            </li>
-                            <li>
-                                <a href="#counterPosition" >counterPosition</a>
-                            </li>
-                            <li>
-                                <a href="#debug" >debug</a>
-                            </li>
-                            <li>
-                                <a href="#disableThumb" >disableThumb</a>
-                            </li>
-                            <li>
-                                <a href="#dots" >dots</a>
-                            </li>
-                            <li>
-                                <a href="#bulletsPosition" >bulletsPosition</a>
-                            </li>
-                            <li>
-                                <a href="#dotsSize" >dotsSize</a>
-                            </li>
-                            <li>
-                                <a href="#imageSize" >imageSize</a>
-                            </li>
-                            <li>
-                                <a href="#itemAutosize" >itemAutosize</a>
-                            </li>
-                            <li>
-                                <a href="#loadingAttr" >loadingAttr</a>
-                            </li>
-                            <li>
-                                <a href="#loadingStrategy" >loadingStrategy</a>
-                            </li>
-                            <li>
-                                <a href="#loop" >loop</a>
-                            </li>
-                            <li>
-                                <a href="#mouseSlidingDisabled" >mouseSlidingDisabled</a>
-                            </li>
-                            <li>
-                                <a href="#nav" >nav</a>
-                            </li>
-                            <li>
-                                <a href="#navScrollBehavior" >navScrollBehavior</a>
-                            </li>
-                            <li>
-                                <a href="#playerInterval" >playerInterval</a>
-                            </li>
-                            <li>
-                                <a href="#resizeDebounceTime" >resizeDebounceTime</a>
-                            </li>
-                            <li>
-                                <a href="#scrollBehavior" >scrollBehavior</a>
-                            </li>
-                            <li>
-                                <a href="#slidingDirection" >slidingDirection</a>
-                            </li>
-                            <li>
-                                <a href="#slidingDisabled" >slidingDisabled</a>
-                            </li>
-                            <li>
-                                <a href="#slidingDuration" >slidingDuration</a>
-                            </li>
-                            <li>
-                                <a href="#slidingEase" >slidingEase</a>
-                            </li>
-                            <li>
-                                <a href="#thumb" >thumb</a>
-                            </li>
-                            <li>
-                                <a href="#thumbAutosize" >thumbAutosize</a>
-                            </li>
-                            <li>
-                                <a href="#thumbDetached" >thumbDetached</a>
-                            </li>
-                            <li>
-                                <a href="#thumbHeight" >thumbHeight</a>
-                            </li>
-                            <li>
-                                <a href="#thumbImageSize" >thumbImageSize</a>
-                            </li>
-                            <li>
-                                <a href="#thumbMouseSlidingDisabled" >thumbMouseSlidingDisabled</a>
-                            </li>
-                            <li>
-                                <a href="#thumbPosition" >thumbPosition</a>
-                            </li>
-                            <li>
-                                <a href="#thumbSlidingDisabled" >thumbSlidingDisabled</a>
-                            </li>
-                            <li>
-                                <a href="#thumbView" >thumbView</a>
-                            </li>
-                            <li>
-                                <a href="#thumbWidth" >thumbWidth</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(pixabay: <a href="../injectables/Pixabay.html" target="_self">Pixabay</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:112</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>pixabay</td>
-
-                                                        <td>
-                                                                        <code><a href="../injectables/Pixabay.html" target="_self" >Pixabay</a></code>
-                                                        </td>
-
-                                                    <td>
-                                                            No
-                                                    </td>
-
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="autoHeight"></a>
-                        <b>autoHeight</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:80</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>This is a test</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="autoplay"></a>
-                        <b>autoplay</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:82</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="counter"></a>
-                        <b>counter</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:74</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="counterPosition"></a>
-                        <b>counterPosition</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;top&quot; | &quot;bottom&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>CounterPosition.Top</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:107</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="debug"></a>
-                        <b>debug</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:72</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="disableThumb"></a>
-                        <b>disableThumb</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:84</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="dots"></a>
-                        <b>dots</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:70</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="bulletsPosition"></a>
-                        <b>bulletsPosition</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;top&quot; | &quot;bottom&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>bulletsPosition.Bottom</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="106" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:106</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="dotsSize"></a>
-                        <b>dotsSize</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>6</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:90</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="imageSize"></a>
-                        <b>imageSize</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;cover&quot; | &quot;contain&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>ImageSize.Contain</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:104</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="itemAutosize"></a>
-                        <b>itemAutosize</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:77</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loadingAttr"></a>
-                        <b>loadingAttr</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;eager&quot; | &quot;lazy&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>LoadingAttr.Lazy</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:109</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loadingStrategy"></a>
-                        <b>loadingStrategy</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;preload&quot; | &quot;lazy&quot; | &quot;default&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>LoadingStrategy.Default</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:110</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loop"></a>
-                        <b>loop</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:71</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="mouseSlidingDisabled"></a>
-                        <b>mouseSlidingDisabled</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:88</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="nav"></a>
-                        <b>nav</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:69</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="navScrollBehavior"></a>
-                        <b>navScrollBehavior</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;smooth&quot; | &quot;auto&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;smooth&#x27;</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="97" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:97</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="playerInterval"></a>
-                        <b>playerInterval</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>3000</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:93</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="resizeDebounceTime"></a>
-                        <b>resizeDebounceTime</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>0</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:95</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="scrollBehavior"></a>
-                        <b>scrollBehavior</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;smooth&quot; | &quot;auto&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;smooth&#x27;</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:96</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="slidingDirection"></a>
-                        <b>slidingDirection</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;horizontal&quot; | &quot;vertical&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>SlidingDirection.Horizontal</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:108</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="slidingDisabled"></a>
-                        <b>slidingDisabled</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:86</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="slidingDuration"></a>
-                        <b>slidingDuration</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>468</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:94</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="slidingEase"></a>
-                        <b>slidingEase</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../interfaces/BezierEasingOptions.html" target="_self" >BezierEasingOptions</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-    x1: 0.42,
-    y1: 0,
-    x2: 0.58,
-    y2: 1
-  }</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:98</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumb"></a>
-                        <b>thumb</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:73</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbAutosize"></a>
-                        <b>thumbAutosize</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:76</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbDetached"></a>
-                        <b>thumbDetached</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:75</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbHeight"></a>
-                        <b>thumbHeight</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>90</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:92</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbImageSize"></a>
-                        <b>thumbImageSize</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;cover&quot; | &quot;contain&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>ImageSize.Cover</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:105</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbMouseSlidingDisabled"></a>
-                        <b>thumbMouseSlidingDisabled</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:89</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbPosition"></a>
-                        <b>thumbPosition</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;top&quot; | &quot;left&quot; | &quot;right&quot; | &quot;bottom&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>ThumbnailsPosition.Bottom</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:111</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbSlidingDisabled"></a>
-                        <b>thumbSlidingDisabled</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:87</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbView"></a>
-                        <b>thumbView</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;default&quot; | &quot;contain&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>ThumbnailsView.Default</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:112</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbWidth"></a>
-                        <b>thumbWidth</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>120</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:91</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-
-    <section>
-
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="items$"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>items$</b></span>
-                        <a href="#items$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryItem[]&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">projects/ng-gallery/src/stories/basic/gallery-example.component.ts:67</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, ChangeDetectionStrategy, Input } from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular/common&#x27;;
-import {
-  GalleryModule,
-  GalleryItem,
-  LoadingAttr,
-  ImageSize,
-  ThumbnailsPosition,
-  LoadingStrategy,
-  SlidingDirection,
-  CounterPosition,
-  bulletsPosition,
-  ThumbnailsView
-} from &#x27;ng-gallery&#x27;;
-import { Observable } from &#x27;rxjs&#x27;;
-import { Pixabay } from &#x27;../pixabay/pixabay.service&#x27;;
-import { BezierEasingOptions } from &#x27;../../lib/smooth-scroll&#x27;;
-
-/**
- * It should be possible to write a description here
- */
-@Component({
-  selector: &#x27;gallery-example&#x27;,
-  template: &#x60;
-    &lt;gallery [items]&#x3D;&quot;items$ | async&quot;
-             [imageSize]&#x3D;&quot;imageSize&quot;
-             [thumbImageSize]&#x3D;&quot;thumbImageSize&quot;
-             [bulletsPosition]&#x3D;&quot;bulletsPosition&quot;
-             [counterPosition]&#x3D;&quot;counterPosition&quot;
-             [slidingDirection]&#x3D;&quot;slidingDirection&quot;
-             [loadingAttr]&#x3D;&quot;loadingAttr&quot;
-             [loadingStrategy]&#x3D;&quot;loadingStrategy&quot;
-             [thumbPosition]&#x3D;&quot;thumbPosition&quot;
-             [thumbView]&#x3D;&quot;thumbView&quot;
-             [scrollBehavior]&#x3D;&quot;scrollBehavior&quot;
-             [navScrollBehavior]&#x3D;&quot;navScrollBehavior&quot;
-             [dotsSize]&#x3D;&quot;dotsSize&quot;
-             [thumbWidth]&#x3D;&quot;thumbWidth&quot;
-             [thumbHeight]&#x3D;&quot;thumbHeight&quot;
-             [playerInterval]&#x3D;&quot;playerInterval&quot;
-             [slidingDuration]&#x3D;&quot;slidingDuration&quot;
-             [resizeDebounceTime]&#x3D;&quot;resizeDebounceTime&quot;
-             [nav]&#x3D;&quot;nav&quot;
-             [dots]&#x3D;&quot;dots&quot;
-             [loop]&#x3D;&quot;loop&quot;
-             [debug]&#x3D;&quot;debug&quot;
-             [thumb]&#x3D;&quot;thumb&quot;
-             [counter]&#x3D;&quot;counter&quot;
-             [autoplay]&#x3D;&quot;autoplay&quot;
-             [autoHeight]&#x3D;&quot;autoHeight&quot;
-             [itemAutosize]&#x3D;&quot;itemAutosize&quot;
-             [disableThumb]&#x3D;&quot;disableThumb&quot;
-             [thumbDetached]&#x3D;&quot;thumbDetached&quot;
-             [thumbAutosize]&#x3D;&quot;thumbAutosize&quot;
-             [slidingDisabled]&#x3D;&quot;slidingDisabled&quot;
-             [thumbSlidingDisabled]&#x3D;&quot;thumbSlidingDisabled&quot;
-             [mouseSlidingDisabled]&#x3D;&quot;mouseSlidingDisabled&quot;
-             [thumbMouseSlidingDisabled]&#x3D;&quot;thumbMouseSlidingDisabled&quot;
-    /&gt;
-  &#x60;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [CommonModule, GalleryModule]
-})
-export class GalleryExampleComponent {
-
-  readonly items$: Observable&lt;GalleryItem[]&gt;;
-
-  @Input() nav: boolean;
-  @Input() dots: boolean;
-  @Input() loop: boolean;
-  @Input() debug: boolean;
-  @Input() thumb: boolean;
-  @Input() counter: boolean;
-  @Input() thumbDetached: boolean;
-  @Input() thumbAutosize: boolean;
-  @Input() itemAutosize: boolean;
-
-  /** This is a test */
-  @Input() autoHeight: boolean;
-
-  @Input() autoplay: boolean;
-
-  @Input() disableThumb: boolean;
-
-  @Input() slidingDisabled: boolean;
-  @Input() thumbSlidingDisabled: boolean;
-  @Input() mouseSlidingDisabled: boolean;
-  @Input() thumbMouseSlidingDisabled: boolean;
-  @Input() dotsSize: number &#x3D; 6;
-  @Input() thumbWidth: number &#x3D; 120;
-  @Input() thumbHeight: number &#x3D; 90;
-  @Input() playerInterval: number &#x3D; 3000;
-  @Input() slidingDuration: number &#x3D; 468;
-  @Input() resizeDebounceTime: number &#x3D; 0;
-  @Input() scrollBehavior: &#x27;smooth&#x27; | &#x27;auto&#x27; &#x3D; &#x27;smooth&#x27;;
-  @Input() navScrollBehavior: &#x27;smooth&#x27; | &#x27;auto&#x27; &#x3D; &#x27;smooth&#x27;;
-  @Input() slidingEase: BezierEasingOptions &#x3D; {
-    x1: 0.42,
-    y1: 0,
-    x2: 0.58,
-    y2: 1
-  };
-  @Input() imageSize: &#x27;cover&#x27; | &#x27;contain&#x27; &#x3D; ImageSize.Contain;
-  @Input() thumbImageSize: &#x27;cover&#x27; | &#x27;contain&#x27; &#x3D; ImageSize.Cover;
-  @Input() bulletsPosition: &#x27;top&#x27; | &#x27;bottom&#x27; &#x3D; bulletsPosition.Bottom;
-  @Input() counterPosition: &#x27;top&#x27; | &#x27;bottom&#x27; &#x3D; CounterPosition.Top;
-  @Input() slidingDirection: &#x27;horizontal&#x27; | &#x27;vertical&#x27; &#x3D; SlidingDirection.Horizontal;
-  @Input() loadingAttr: &#x27;eager&#x27; | &#x27;lazy&#x27; &#x3D; LoadingAttr.Lazy;
-  @Input() loadingStrategy: &#x27;preload&#x27; | &#x27;lazy&#x27; | &#x27;default&#x27; &#x3D; LoadingStrategy.Default;
-  @Input() thumbPosition: &#x27;top&#x27; | &#x27;left&#x27; | &#x27;right&#x27; | &#x27;bottom&#x27; &#x3D; ThumbnailsPosition.Bottom;
-  @Input() thumbView: &#x27;default&#x27; | &#x27;contain&#x27; &#x3D; ThumbnailsView.Default;
-
-  constructor(pixabay: Pixabay) {
-    this.items$ &#x3D; pixabay.getHDImages(&#x27;vegetables&#x27;);
-  }
-}
-</code></pre>
-    </div>
-
-
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><gallery [items]="items$ | async"         [imageSize]="imageSize"         [thumbImageSize]="thumbImageSize"         [bulletPosition]="bulletsPosition"         [counterPosition]="counterPosition"         [orientation]="slidingDirection"         [loadingAttr]="loadingAttr"         [loadingStrategy]="loadingStrategy"         [thumbPosition]="thumbPosition"         [thumbCentralized]="thumbView"         [scrollBehavior]="scrollBehavior"         [navScrollBehavior]="navScrollBehavior"         [bulletSize]="dotsSize"         [thumbWidth]="thumbWidth"         [thumbHeight]="thumbHeight"         [autoplayInterval]="playerInterval"         [scrollDuration]="slidingDuration"         [resizeDebounceTime]="resizeDebounceTime"         [nav]="nav"         [bullets]="dots"         [loop]="loop"         [debug]="debug"         [thumbs]="thumb"         [counter]="counter"         [autoplay]="autoplay"         [autoHeight]="autoHeight"         [itemAutosize]="itemAutosize"         [disableThumbs]="disableThumb"         [detachThumbs]="thumbDetached"         [thumbAutosize]="thumbAutosize"         [disableScroll]="slidingDisabled"         [disableThumbScroll]="thumbSlidingDisabled"         [disableMouseScroll]="mouseSlidingDisabled"         [disableThumbMouseScroll]="thumbMouseSlidingDisabled"/></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryExampleComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryExampleComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryIframeComponent.html b/documentation/components/GalleryIframeComponent.html
deleted file mode 100644
index ea80259d..00000000
--- a/documentation/components/GalleryIframeComponent.html
+++ /dev/null
@@ -1,733 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryIframeComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts</code>
-</p>
-
-
-
-
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-iframe</code></td>
-            </tr>
-
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;iframe *ngIf&#x3D;&quot;autoplay; else default&quot;
-        #iframe
-        [attr.loading]&#x3D;&quot;loadingAttr&quot;
-        allowfullscreen
-        allow
-        style&#x3D;&quot;border:none&quot;
-        [src]&#x3D;&quot;iframeSrc&quot;&gt;
-&lt;/iframe&gt;
-&lt;ng-template #default&gt;
-  &lt;iframe #iframe
-          [attr.loading]&#x3D;&quot;loadingAttr&quot;
-          allowfullscreen
-          style&#x3D;&quot;border:none&quot;
-          [src]&#x3D;&quot;iframeSrc&quot;&gt;
-  &lt;/iframe&gt;
-&lt;/ng-template&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#iframe" >iframe</a>
-                            </li>
-                            <li>
-                                <a href="#iframeSrc" >iframeSrc</a>
-                            </li>
-                            <li>
-                                <a href="#videoSrc" >videoSrc</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#autoplay" >autoplay</a>
-                            </li>
-                            <li>
-                                <a href="#loadingAttr" >loadingAttr</a>
-                            </li>
-                            <li>
-                                <a href="#pause" >pause</a>
-                            </li>
-                            <li>
-                                <a href="#src" >src</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#src" >src</a>
-                                </li>
-                                <li>
-                                    <a href="#pauseVideo" >pauseVideo</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_sanitizer: <a href="https://angular.io/api/platform-browser/DomSanitizer" target="_blank">DomSanitizer</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:56</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_sanitizer</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/platform-browser/DomSanitizer" target="_blank" >DomSanitizer</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="autoplay"></a>
-                        <b>autoplay</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:52</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loadingAttr"></a>
-                        <b>loadingAttr</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;eager&quot; | &quot;lazy&quot;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:54</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="pause"></a>
-                        <b>pause</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:39</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="src"></a>
-                        <b>src</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:34</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-
-    <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="iframe"></a>
-                    <span class="name">
-                        <span ><b>iframe</b></span>
-                        <a href="#iframe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ViewChild(&#x27;iframe&#x27;)<br />
-                        </code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:56</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="iframeSrc"></a>
-                    <span class="name">
-                        <span ><b>iframeSrc</b></span>
-                        <a href="#iframeSrc"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.io/api/platform-browser/SafeResourceUrl" target="_blank" >SafeResourceUrl</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:31</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="videoSrc"></a>
-                    <span class="name">
-                        <span ><b>videoSrc</b></span>
-                        <a href="#videoSrc"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:32</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="src"></a>
-                        <span class="name"><b>src</b><a href="#src"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>set</b><code>src(src: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:34</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-
-                                <div class="io-description">
-                                        <b>Parameters :</b>
-                                        <table class="params">
-                                            <thead>
-                                                <tr>
-                                                    <td>Name</td>
-                                                        <td>Type</td>
-                                                    <td>Optional</td>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                    <tr>
-                                                            <td>src</td>
-                                                    
-                                                            <td>
-                                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                                            </td>
-                                                    
-                                                        <td>
-                                                                No
-                                                        </td>
-                                                        
-                                                    </tr>
-                                            </tbody>
-                                        </table>
-                                </div>
-                                <div>
-                                </div>
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="pauseVideo"></a>
-                        <span class="name"><b>pauseVideo</b><a href="#pauseVideo"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>set</b><code>pauseVideo(shouldPause: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:39</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-
-                                <div class="io-description">
-                                        <b>Parameters :</b>
-                                        <table class="params">
-                                            <thead>
-                                                <tr>
-                                                    <td>Name</td>
-                                                        <td>Type</td>
-                                                    <td>Optional</td>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                    <tr>
-                                                            <td>shouldPause</td>
-                                                    
-                                                            <td>
-                                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                                            </td>
-                                                    
-                                                        <td>
-                                                                No
-                                                        </td>
-                                                        
-                                                    </tr>
-                                            </tbody>
-                                        </table>
-                                </div>
-                                <div>
-                                </div>
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-            </tbody>
-        </table>
-</section>
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, Input, ViewChild, ElementRef, ChangeDetectionStrategy } from &#x27;@angular/core&#x27;;
-import { NgIf } from &#x27;@angular/common&#x27;;
-import { DomSanitizer, SafeResourceUrl } from &#x27;@angular/platform-browser&#x27;;
-
-@Component({
-  selector: &#x27;gallery-iframe&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: &#x60;
-    &lt;iframe *ngIf&#x3D;&quot;autoplay; else default&quot;
-            #iframe
-            [attr.loading]&#x3D;&quot;loadingAttr&quot;
-            allowfullscreen
-            allow
-            style&#x3D;&quot;border:none&quot;
-            [src]&#x3D;&quot;iframeSrc&quot;&gt;
-    &lt;/iframe&gt;
-    &lt;ng-template #default&gt;
-      &lt;iframe #iframe
-              [attr.loading]&#x3D;&quot;loadingAttr&quot;
-              allowfullscreen
-              style&#x3D;&quot;border:none&quot;
-              [src]&#x3D;&quot;iframeSrc&quot;&gt;
-      &lt;/iframe&gt;
-    &lt;/ng-template&gt;
-  &#x60;,
-  standalone: true,
-  imports: [NgIf]
-})
-export class GalleryIframeComponent {
-
-  iframeSrc: SafeResourceUrl;
-  videoSrc: string;
-
-  @Input(&#x27;src&#x27;) set src(src: string) {
-    this.videoSrc &#x3D; src;
-    this.iframeSrc &#x3D; this._sanitizer.bypassSecurityTrustResourceUrl(src);
-  }
-
-  @Input(&#x27;pause&#x27;) set pauseVideo(shouldPause: boolean) {
-    if (this.iframe?.nativeElement) {
-      if (shouldPause) {
-        const iframe: HTMLIFrameElement &#x3D; this.iframe.nativeElement;
-        iframe.src &#x3D; null;
-
-        if (!this.autoplay &amp;&amp; this.videoSrc) {
-          this.iframeSrc &#x3D; this._sanitizer.bypassSecurityTrustResourceUrl(this.videoSrc);
-        }
-      }
-    }
-  }
-
-  @Input() autoplay: boolean;
-
-  @Input() loadingAttr: &#x27;eager&#x27; | &#x27;lazy&#x27;;
-
-  @ViewChild(&#x27;iframe&#x27;) iframe: ElementRef;
-
-  constructor(private _sanitizer: DomSanitizer) {
-  }
-}
-</code></pre>
-    </div>
-
-
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><iframe *ngIf="autoplay; else default"        #iframe        [attr.loading]="loadingAttr"        allowfullscreen        allow        style="border:none"        [src]="iframeSrc"></iframe><ng-template #default>  <iframe #iframe          [attr.loading]="loadingAttr"          allowfullscreen          style="border:none"          [src]="iframeSrc">  </iframe></ng-template></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryIframeComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryIframeComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryImageComponent.html b/documentation/components/GalleryImageComponent.html
deleted file mode 100644
index b8017d2c..00000000
--- a/documentation/components/GalleryImageComponent.html
+++ /dev/null
@@ -1,1203 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryImageComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts</code>
-</p>
-
-
-
-
-    <p class="comment">
-        <h3>Implements</h3>
-    </p>
-    <p class="comment">
-                    <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
-    </p>
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-image</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./gallery-image.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;ng-container [ngSwitch]&#x3D;&quot;state&quot;&gt;
-
-  &lt;ng-container *ngIf&#x3D;&quot;isThumbnail; else main&quot;&gt;
-    &lt;img [@fadeIn]&#x3D;&quot;state&quot;
-         [src]&#x3D;&quot;src&quot;
-         [attr.alt]&#x3D;&quot;alt&quot;
-         [attr.loading]&#x3D;&quot;loadingAttr&quot;
-         [style.visibility]&#x3D;&quot;state &#x3D;&#x3D;&#x3D; &#x27;success&#x27; ? &#x27;visible&#x27; : &#x27;hidden&#x27;&quot;
-         class&#x3D;&quot;g-image-item&quot;
-         (load)&#x3D;&quot;state &#x3D; &#x27;success&#x27;&quot;
-         (error)&#x3D;&quot;state &#x3D; &#x27;failed&#x27;; error.emit($event)&quot;/&gt;
-  &lt;/ng-container&gt;
-  &lt;ng-template #main&gt;
-    &lt;img [galleryImage]&#x3D;&quot;index&quot;
-         [@fadeIn]&#x3D;&quot;state&quot;
-         [src]&#x3D;&quot;src&quot;
-         [attr.alt]&#x3D;&quot;alt&quot;
-         [attr.loading]&#x3D;&quot;loadingAttr&quot;
-         [style.visibility]&#x3D;&quot;state &#x3D;&#x3D;&#x3D; &#x27;success&#x27; ? &#x27;visible&#x27; : &#x27;hidden&#x27;&quot;
-         class&#x3D;&quot;g-image-item&quot;
-         (load)&#x3D;&quot;state &#x3D; &#x27;success&#x27;&quot;
-         (error)&#x3D;&quot;state &#x3D; &#x27;failed&#x27;; error.emit($event)&quot;/&gt;
-  &lt;/ng-template&gt;
-
-  &lt;div *ngSwitchCase&#x3D;&quot;&#x27;failed&#x27;&quot;
-       class&#x3D;&quot;g-image-error-message&quot;&gt;
-    &lt;div *ngIf&#x3D;&quot;errorTemplate; else defaultError&quot;
-         [innerHTML]&#x3D;&quot;errorTemplate&quot;&gt;&lt;/div&gt;
-    &lt;ng-template #defaultError&gt;
-      &lt;ng-container *ngIf&#x3D;&quot;isThumbnail; else isLarge&quot;&gt;
-        &lt;h4&gt;
-          &lt;div class&#x3D;&quot;gallery-thumb-error&quot; [innerHTML]&#x3D;&quot;errorSvg&quot;&gt;&lt;/div&gt;
-        &lt;/h4&gt;
-      &lt;/ng-container&gt;
-      &lt;ng-template #isLarge&gt;
-        &lt;h2&gt;
-          &lt;div class&#x3D;&quot;gallery-image-error&quot; [innerHTML]&#x3D;&quot;errorSvg&quot;&gt;&lt;/div&gt;
-        &lt;/h2&gt;
-        &lt;p&gt;Unable to load the image!&lt;/p&gt;
-      &lt;/ng-template&gt;
-    &lt;/ng-template&gt;
-  &lt;/div&gt;
-
-  &lt;ng-container *ngSwitchCase&#x3D;&quot;&#x27;loading&#x27;&quot;&gt;
-    &lt;div *ngIf&#x3D;&quot;loaderTemplate; else defaultLoader&quot;
-         class&#x3D;&quot;g-loading&quot;
-         [innerHTML]&#x3D;&quot;loaderTemplate&quot;&gt;
-    &lt;/div&gt;
-    &lt;ng-template #defaultLoader&gt;
-      &lt;div *ngIf&#x3D;&quot;isThumbnail&quot; class&#x3D;&quot;g-thumb-loading&quot;&gt;&lt;/div&gt;
-    &lt;/ng-template&gt;
-  &lt;/ng-container&gt;
-&lt;/ng-container&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#errorSvg" >errorSvg</a>
-                            </li>
-                            <li>
-                                <a href="#errorTemplate" >errorTemplate</a>
-                            </li>
-                            <li>
-                                <a href="#loaderTemplate" >loaderTemplate</a>
-                            </li>
-                            <li>
-                                <a href="#state" >state</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#alt" >alt</a>
-                            </li>
-                            <li>
-                                <a href="#errorIcon" >errorIcon</a>
-                            </li>
-                            <li>
-                                <a href="#index" >index</a>
-                            </li>
-                            <li>
-                                <a href="#isThumbnail" >isThumbnail</a>
-                            </li>
-                            <li>
-                                <a href="#loadingAttr" >loadingAttr</a>
-                            </li>
-                            <li>
-                                <a href="#loadingError" >loadingError</a>
-                            </li>
-                            <li>
-                                <a href="#loadingIcon" >loadingIcon</a>
-                            </li>
-                            <li>
-                                <a href="#src" >src</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#error" >error</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>HostBindings</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#attr.imageState" >attr.imageState</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#imageState" >imageState</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_sanitizer: <a href="https://angular.io/api/platform-browser/DomSanitizer" target="_blank">DomSanitizer</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:124</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_sanitizer</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/platform-browser/DomSanitizer" target="_blank" >DomSanitizer</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="alt"></a>
-                        <b>alt</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:101</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Image alt</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="errorIcon"></a>
-                        <b>errorIcon</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>imageFailedSvg</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:116</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="index"></a>
-                        <b>index</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:95</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isThumbnail"></a>
-                        <b>isThumbnail</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:93</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Is thumbnail</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loadingAttr"></a>
-                        <b>loadingAttr</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;eager&quot; | &quot;lazy&quot;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:98</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Image loading attribute</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loadingError"></a>
-                        <b>loadingError</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:112</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Custom error template</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loadingIcon"></a>
-                        <b>loadingIcon</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:107</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Custom loader template</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="src"></a>
-                        <b>src</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:104</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Image source URL</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="error"></a>
-                        <b>error</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;ErrorEvent&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:120</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Stream that emits when an error occurs</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.imageState"></a>
-                    <span class="name">
-                        <span ><b>attr.imageState</b></span>
-                        <a href="#attr.imageState"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:122</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-    <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="129"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:129</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="errorSvg"></a>
-                    <span class="name">
-                        <span ><b>errorSvg</b></span>
-                        <a href="#errorSvg"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.io/api/platform-browser/SafeHtml" target="_blank" >SafeHtml</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:117</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="errorTemplate"></a>
-                    <span class="name">
-                        <span ><b>errorTemplate</b></span>
-                        <a href="#errorTemplate"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.io/api/platform-browser/SafeHtml" target="_blank" >SafeHtml</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:114</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Custom error safe template</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="loaderTemplate"></a>
-                    <span class="name">
-                        <span ><b>loaderTemplate</b></span>
-                        <a href="#loaderTemplate"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.io/api/platform-browser/SafeHtml" target="_blank" >SafeHtml</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:109</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Custom loader safe template</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="state"></a>
-                    <span class="name">
-                        <span ><b>state</b></span>
-                        <a href="#state"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#ItemState" target="_self" >ItemState</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;loading&#x27;</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:90</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="imageState"></a>
-                        <span class="name"><b>imageState</b><a href="#imageState"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>imageState()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:122</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Component,
-  Input,
-  Output,
-  HostBinding,
-  EventEmitter,
-  OnInit,
-  ChangeDetectionStrategy
-} from &#x27;@angular/core&#x27;;
-import { NgSwitch, NgSwitchCase, NgIf } from &#x27;@angular/common&#x27;;
-import { DomSanitizer, SafeHtml } from &#x27;@angular/platform-browser&#x27;;
-import { animate, style, transition, trigger } from &#x27;@angular/animations&#x27;;
-import { imageFailedSvg } from &#x27;./svg-assets&#x27;;
-import { ImgRecognizer } from &#x27;../../utils/img-recognizer&#x27;;
-import { ItemState } from &#x27;./items.model&#x27;;
-
-@Component({
-  selector: &#x27;gallery-image&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: [&#x27;./gallery-image.scss&#x27;],
-  animations: [
-    trigger(&#x27;fadeIn&#x27;, [
-      transition(&#x27;* &#x3D;&gt; success&#x27;, [
-        style({ opacity: 0 }),
-        animate(&#x27;300ms ease-in&#x27;, style({ opacity: 1 }))
-      ])
-    ])
-  ],
-  template: &#x60;
-    &lt;ng-container [ngSwitch]&#x3D;&quot;state&quot;&gt;
-
-      &lt;ng-container *ngIf&#x3D;&quot;isThumbnail; else main&quot;&gt;
-        &lt;img [@fadeIn]&#x3D;&quot;state&quot;
-             [src]&#x3D;&quot;src&quot;
-             [attr.alt]&#x3D;&quot;alt&quot;
-             [attr.loading]&#x3D;&quot;loadingAttr&quot;
-             [style.visibility]&#x3D;&quot;state &#x3D;&#x3D;&#x3D; &#x27;success&#x27; ? &#x27;visible&#x27; : &#x27;hidden&#x27;&quot;
-             class&#x3D;&quot;g-image-item&quot;
-             (load)&#x3D;&quot;state &#x3D; &#x27;success&#x27;&quot;
-             (error)&#x3D;&quot;state &#x3D; &#x27;failed&#x27;; error.emit($event)&quot;/&gt;
-      &lt;/ng-container&gt;
-      &lt;ng-template #main&gt;
-        &lt;img [galleryImage]&#x3D;&quot;index&quot;
-             [@fadeIn]&#x3D;&quot;state&quot;
-             [src]&#x3D;&quot;src&quot;
-             [attr.alt]&#x3D;&quot;alt&quot;
-             [attr.loading]&#x3D;&quot;loadingAttr&quot;
-             [style.visibility]&#x3D;&quot;state &#x3D;&#x3D;&#x3D; &#x27;success&#x27; ? &#x27;visible&#x27; : &#x27;hidden&#x27;&quot;
-             class&#x3D;&quot;g-image-item&quot;
-             (load)&#x3D;&quot;state &#x3D; &#x27;success&#x27;&quot;
-             (error)&#x3D;&quot;state &#x3D; &#x27;failed&#x27;; error.emit($event)&quot;/&gt;
-      &lt;/ng-template&gt;
-
-      &lt;div *ngSwitchCase&#x3D;&quot;&#x27;failed&#x27;&quot;
-           class&#x3D;&quot;g-image-error-message&quot;&gt;
-        &lt;div *ngIf&#x3D;&quot;errorTemplate; else defaultError&quot;
-             [innerHTML]&#x3D;&quot;errorTemplate&quot;&gt;&lt;/div&gt;
-        &lt;ng-template #defaultError&gt;
-          &lt;ng-container *ngIf&#x3D;&quot;isThumbnail; else isLarge&quot;&gt;
-            &lt;h4&gt;
-              &lt;div class&#x3D;&quot;gallery-thumb-error&quot; [innerHTML]&#x3D;&quot;errorSvg&quot;&gt;&lt;/div&gt;
-            &lt;/h4&gt;
-          &lt;/ng-container&gt;
-          &lt;ng-template #isLarge&gt;
-            &lt;h2&gt;
-              &lt;div class&#x3D;&quot;gallery-image-error&quot; [innerHTML]&#x3D;&quot;errorSvg&quot;&gt;&lt;/div&gt;
-            &lt;/h2&gt;
-            &lt;p&gt;Unable to load the image!&lt;/p&gt;
-          &lt;/ng-template&gt;
-        &lt;/ng-template&gt;
-      &lt;/div&gt;
-
-      &lt;ng-container *ngSwitchCase&#x3D;&quot;&#x27;loading&#x27;&quot;&gt;
-        &lt;div *ngIf&#x3D;&quot;loaderTemplate; else defaultLoader&quot;
-             class&#x3D;&quot;g-loading&quot;
-             [innerHTML]&#x3D;&quot;loaderTemplate&quot;&gt;
-        &lt;/div&gt;
-        &lt;ng-template #defaultLoader&gt;
-          &lt;div *ngIf&#x3D;&quot;isThumbnail&quot; class&#x3D;&quot;g-thumb-loading&quot;&gt;&lt;/div&gt;
-        &lt;/ng-template&gt;
-      &lt;/ng-container&gt;
-    &lt;/ng-container&gt;
-  &#x60;,
-  standalone: true,
-  imports: [NgSwitch, NgSwitchCase, NgIf, ImgRecognizer]
-})
-
-export class GalleryImageComponent implements OnInit {
-
-  state: ItemState &#x3D; &#x27;loading&#x27;;
-
-  /** Is thumbnail */
-  @Input() isThumbnail: boolean;
-
-  @Input() index: number;
-
-  /** Image loading attribute */
-  @Input() loadingAttr: &#x27;eager&#x27; | &#x27;lazy&#x27;;
-
-  /** Image alt */
-  @Input() alt: string;
-
-  /** Image source URL */
-  @Input() src: string;
-
-  /** Custom loader template */
-  @Input() loadingIcon: string;
-  /** Custom loader safe template */
-  loaderTemplate: SafeHtml;
-
-  /** Custom error template */
-  @Input() loadingError: string;
-  /** Custom error safe template */
-  errorTemplate: SafeHtml;
-
-  @Input() errorIcon: string &#x3D; imageFailedSvg;
-  errorSvg: SafeHtml;
-
-  /** Stream that emits when an error occurs */
-  @Output() error: EventEmitter&lt;ErrorEvent&gt; &#x3D; new EventEmitter&lt;ErrorEvent&gt;();
-
-  @HostBinding(&#x27;attr.imageState&#x27;) get imageState(): string {
-    return this.state;
-  }
-
-  constructor(private _sanitizer: DomSanitizer) {
-  }
-
-  ngOnInit() {
-    if (this.loadingIcon) {
-      this.loaderTemplate &#x3D; this._sanitizer.bypassSecurityTrustHtml(this.loadingIcon);
-    }
-    if (this.loadingError) {
-      this.errorTemplate &#x3D; this._sanitizer.bypassSecurityTrustHtml(this.loadingError);
-    }
-    if (this.errorIcon) {
-      this.errorSvg &#x3D; this._sanitizer.bypassSecurityTrustHtml(this.errorIcon);
-    }
-  }
-}
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./gallery-image.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">:host {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  max-height: 100%;
-  max-width: 100%;
-  transition: opacity 300ms cubic-bezier(0.5, 0, 0.5, 1);
-  opacity: var(--g-thumb-opacity);
-
-  &amp;[imageState&#x3D;&#x27;success&#x27;] {
-    align-self: center;
-  }
-
-  ::ng-deep {
-    svg {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
-
-.gallery-image-error {
-  width: 100px;
-  height: 100px;
-}
-
-.gallery-thumb-error {
-  width: 40px;
-  height: 40px;
-}
-
-img.g-image-item {
-  object-fit: var(--image-object-fit);
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  max-height: 100%;
-  max-width: 100%;
-}
-
-.g-image-error-message {
-  position: absolute;
-  z-index: 10;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-
-h2, h4 {
-  color: coral;
-  margin: 0;
-}
-
-h2 {
-  font-size: 3.5em;
-  margin-bottom: 0.3em;
-}
-
-h4 {
-  font-size: 1.6em;
-}
-
-.g-loading {
-  position: absolute;
-  transform: translate3d(-50%, -50%, 0);
-  left: 50%;
-  top: 50%;
-  width: 80px;
-  height: 80px;
-}
-
-// Thumbnail loading
-
-$loading-color: #fff !default;
-$placeholder-ng: #262626 !default;
-
-.g-active-thumb {
-  .g-thumb-loading {
-    background-color: #464646;
-  }
-}
-
-.g-thumb-loading {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  background-color: $placeholder-ng;
-
-  &amp;::before {
-    content: &quot;&quot;;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 50%;
-    z-index: 1;
-    width: 500%;
-    margin-left: -250%;
-    animation: phAnimation .8s linear infinite;
-    background: linear-gradient(to right, rgba($loading-color, 0) 46%, rgba($loading-color, .35) 50%, rgba($loading-color, 0) 54%) 50% 50%;
-  }
-}
-
-@keyframes phAnimation {
-  0% {
-    transform: translate3d(-30%, 0, 0);
-  }
-  100% {
-    transform: translate3d(30%, 0, 0);
-  }
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><ng-container [ngSwitch]="state">  <ng-container *ngIf="isThumbnail; else main">    <img [@fadeIn]="state"         [src]="src"         [attr.alt]="alt"         [attr.loading]="loadingAttr"         [style.visibility]="state === \'success\' ? \'visible\' : \'hidden\'"         class="g-image-item"         (load)="state = \'success\'"         (error)="state = \'failed\'; error.emit($event)"/>  </ng-container>  <ng-template #main>    <img [galleryImage]="index"         [@fadeIn]="state"         [src]="src"         [attr.alt]="alt"         [attr.loading]="loadingAttr"         [style.visibility]="state === \'success\' ? \'visible\' : \'hidden\'"         class="g-image-item"         (load)="state = \'success\'"         (error)="state = \'failed\'; error.emit($event)"/>  </ng-template>  <div *ngSwitchCase="\'failed\'"       class="g-image-error-message">    <div *ngIf="errorTemplate; else defaultError"         [innerHTML]="errorTemplate"></div>    <ng-template #defaultError>      <ng-container *ngIf="isThumbnail; else isLarge">        <h4>          <div class="gallery-thumb-error" [innerHTML]="errorSvg"></div>        </h4>      </ng-container>      <ng-template #isLarge>        <h2>          <div class="gallery-image-error" [innerHTML]="errorSvg"></div>        </h2>        <p>Unable to load the image!</p>      </ng-template>    </ng-template>  </div>  <ng-container *ngSwitchCase="\'loading\'">    <div *ngIf="loaderTemplate; else defaultLoader"         class="g-loading"         [innerHTML]="loaderTemplate">    </div>    <ng-template #defaultLoader>      <div *ngIf="isThumbnail" class="g-thumb-loading"></div>    </ng-template>  </ng-container></ng-container></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryImageComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryImageComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryItemComponent.html b/documentation/components/GalleryItemComponent.html
deleted file mode 100644
index e704b185..00000000
--- a/documentation/components/GalleryItemComponent.html
+++ /dev/null
@@ -1,1414 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryItemComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/gallery-item.component.ts</code>
-</p>
-
-
-
-
-    <p class="comment">
-        <h3>Implements</h3>
-    </p>
-    <p class="comment">
-                    <code><a href="../miscellaneous/functions.html#A" target="_self" >AfterViewInit</a></code>
-    </p>
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-item</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./gallery-item.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;ng-container *ngIf&#x3D;&quot;load&quot; [ngSwitch]&#x3D;&quot;type&quot;&gt;
-  &lt;ng-container *ngSwitchCase&#x3D;&quot;Types.Image&quot;&gt;
-    &lt;gallery-image [src]&#x3D;&quot;imageData.src&quot;
-                   [alt]&#x3D;&quot;imageData.alt&quot;
-                   [index]&#x3D;&quot;index&quot;
-                   [loadingAttr]&#x3D;&quot;config.loadingAttr&quot;
-                   [loadingIcon]&#x3D;&quot;config.loadingIcon&quot;
-                   [loadingError]&#x3D;&quot;config.loadingError&quot;
-                   (error)&#x3D;&quot;error.emit($event)&quot;&gt;&lt;/gallery-image&gt;
-
-    &lt;div *ngIf&#x3D;&quot;config.imageTemplate&quot; class&#x3D;&quot;g-template g-item-template&quot;&gt;
-      &lt;ng-container *ngTemplateOutlet&#x3D;&quot;config.imageTemplate; context: imageContext&quot;&gt;&lt;/ng-container&gt;
-    &lt;/div&gt;
-  &lt;/ng-container&gt;
-
-  &lt;gallery-video *ngSwitchCase&#x3D;&quot;Types.Video&quot;
-                 [src]&#x3D;&quot;videoData.src&quot;
-                 [mute]&#x3D;&quot;videoData.mute&quot;
-                 [poster]&#x3D;&quot;videoData.poster&quot;
-                 [controls]&#x3D;&quot;videoData.controls&quot;
-                 [controlsList]&#x3D;&quot;videoData.controlsList&quot;
-                 [disablePictureInPicture]&#x3D;&quot;videoData.disablePictureInPicture&quot;
-                 [play]&#x3D;&quot;isAutoPlay&quot;
-                 [pause]&#x3D;&quot;currIndex !&#x3D;&#x3D; index&quot;
-                 (error)&#x3D;&quot;error.emit($event)&quot;&gt;&lt;/gallery-video&gt;
-
-  &lt;gallery-iframe *ngSwitchCase&#x3D;&quot;Types.Youtube&quot;
-                  [src]&#x3D;&quot;youtubeSrc&quot;
-                  [autoplay]&#x3D;&quot;isAutoPlay&quot;
-                  [loadingAttr]&#x3D;&quot;config.loadingAttr&quot;
-                  [pause]&#x3D;&quot;currIndex !&#x3D;&#x3D; index&quot;&gt;&lt;/gallery-iframe&gt;
-
-  &lt;gallery-iframe *ngSwitchCase&#x3D;&quot;Types.Iframe&quot;
-                  [src]&#x3D;&quot;data.src&quot;
-                  [loadingAttr]&#x3D;&quot;config.loadingAttr&quot;&gt;&lt;/gallery-iframe&gt;
-
-  &lt;ng-container *ngSwitchDefault&gt;
-    &lt;div *ngIf&#x3D;&quot;config.itemTemplate&quot; class&#x3D;&quot;g-template g-item-template&quot;&gt;
-      &lt;ng-container *ngTemplateOutlet&#x3D;&quot;config.itemTemplate; context: itemContext&quot;&gt;&lt;/ng-container&gt;
-    &lt;/div&gt;
-  &lt;/ng-container&gt;
-&lt;/ng-container&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#isItemContainImage" >isItemContainImage</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#state$" >state$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#Types" >Types</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#ngAfterViewInit" >ngAfterViewInit</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#count" >count</a>
-                            </li>
-                            <li>
-                                <a href="#currIndex" >currIndex</a>
-                            </li>
-                            <li>
-                                <a href="#data" >data</a>
-                            </li>
-                            <li>
-                                <a href="#index" >index</a>
-                            </li>
-                            <li>
-                                <a href="#type" >type</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#error" >error</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>HostBindings</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#attr.galleryIndex" >attr.galleryIndex</a>
-                            </li>
-                            <li>
-                                <a href="#attr.itemState" >attr.itemState</a>
-                            </li>
-                            <li>
-                                <a href="#class.g-active-item" >class.g-active-item</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#isActive" >isActive</a>
-                                </li>
-                                <li>
-                                    <a href="#isIndexAttr" >isIndexAttr</a>
-                                </li>
-                                <li>
-                                    <a href="#itemState" >itemState</a>
-                                </li>
-                                <li>
-                                    <a href="#imageContext" >imageContext</a>
-                                </li>
-                                <li>
-                                    <a href="#itemContext" >itemContext</a>
-                                </li>
-                                <li>
-                                    <a href="#nativeElement" >nativeElement</a>
-                                </li>
-                                <li>
-                                    <a href="#isAutoPlay" >isAutoPlay</a>
-                                </li>
-                                <li>
-                                    <a href="#youtubeSrc" >youtubeSrc</a>
-                                </li>
-                                <li>
-                                    <a href="#load" >load</a>
-                                </li>
-                                <li>
-                                    <a href="#imageData" >imageData</a>
-                                </li>
-                                <li>
-                                    <a href="#videoData" >videoData</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(el: <a href="https://angular.io/api/core/ElementRef" target="_blank">ElementRef</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="183" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:183</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>el</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:84</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Gallery config</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="count"></a>
-                        <b>count</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:90</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>The number of total items</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="currIndex"></a>
-                        <b>currIndex</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:93</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Gallery current index</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="data"></a>
-                        <b>data</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemData</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:99</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Item&#39;s data, this object contains the data required to display the content (e.g. src path)</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="index"></a>
-                        <b>index</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:87</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Item&#39;s index in the gallery</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="type"></a>
-                        <b>type</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemType</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:96</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Item&#39;s type &#39;image&#39;, &#39;video&#39;, &#39;youtube&#39;, &#39;iframe&#39;</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="error"></a>
-                        <b>error</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;ErrorEvent&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="102" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:102</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Stream that emits when an error occurs</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.galleryIndex"></a>
-                    <span class="name">
-                        <span ><b>attr.galleryIndex</b></span>
-                        <a href="#attr.galleryIndex"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:108</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.itemState"></a>
-                    <span class="name">
-                        <span ><b>attr.itemState</b></span>
-                        <a href="#attr.itemState"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#ItemState" target="_self" >ItemState</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:112</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class.g-active-item"></a>
-                    <span class="name">
-                        <span ><b>class.g-active-item</b></span>
-                        <a href="#class.g-active-item"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:104</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-    <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngAfterViewInit"></a>
-                    <span class="name">
-                        <span ><b>ngAfterViewInit</b></span>
-                        <a href="#ngAfterViewInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngAfterViewInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="188"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:188</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isItemContainImage"></a>
-                    <span class="name">
-                        <span ><b>isItemContainImage</b></span>
-                        <a href="#isItemContainImage"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="81" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:81</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>A flag that indicates if the item is type of image, it can be a custom template by the user,
-The img recognizer directive will set it to true</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="state$"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>state$</b></span>
-                        <a href="#state$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/functions.html#B" target="_self" >BehaviorSubject&lt;ItemState&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new BehaviorSubject&lt;ItemState&gt;(&#x27;loading&#x27;)</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:77</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>A stream that indicates that the height was emitted after the image is loaded, used only for gallery image types</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Types"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>Types</b></span>
-                        <a href="#Types"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>GalleryItemTypes</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:74</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isActive"></a>
-                        <span class="name"><b>isActive</b><a href="#isActive"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>isActive()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:104</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isIndexAttr"></a>
-                        <span class="name"><b>isIndexAttr</b><a href="#isIndexAttr"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>isIndexAttr()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:108</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="itemState"></a>
-                        <span class="name"><b>itemState</b><a href="#itemState"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>itemState()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:112</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="imageContext"></a>
-                        <span class="name"><b>imageContext</b><a href="#imageContext"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>imageContext()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:116</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="itemContext"></a>
-                        <span class="name"><b>itemContext</b><a href="#itemContext"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>itemContext()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="128" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:128</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="nativeElement"></a>
-                        <span class="name"><b>nativeElement</b><a href="#nativeElement"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>nativeElement()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:140</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isAutoPlay"></a>
-                        <span class="name"><b>isAutoPlay</b><a href="#isAutoPlay"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>isAutoPlay()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="144" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:144</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="youtubeSrc"></a>
-                        <span class="name"><b>youtubeSrc</b><a href="#youtubeSrc"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>youtubeSrc()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="152" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:152</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="load"></a>
-                        <span class="name"><b>load</b><a href="#load"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>load()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:166</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="imageData"></a>
-                        <span class="name"><b>imageData</b><a href="#imageData"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>imageData()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="177" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:177</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="videoData"></a>
-                        <span class="name"><b>videoData</b><a href="#videoData"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>videoData()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="181" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-item.component.ts:181</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Component,
-  HostBinding,
-  Input,
-  Output,
-  EventEmitter,
-  ElementRef,
-  AfterViewInit,
-  ChangeDetectionStrategy
-} from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular/common&#x27;;
-import { BehaviorSubject } from &#x27;rxjs&#x27;;
-import { GalleryItemContext } from &#x27;../directives/gallery-item-def.directive&#x27;;
-import { GalleryIframeComponent } from &#x27;./templates/gallery-iframe.component&#x27;;
-import { GalleryVideoComponent } from &#x27;./templates/gallery-video.component&#x27;;
-import { GalleryImageComponent } from &#x27;./templates/gallery-image.component&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { GalleryItemType, GalleryItemTypes, LoadingStrategy } from &#x27;../models/constants&#x27;;
-import { GalleryItemData, ImageItemData, ItemState, VideoItemData, YoutubeItemData } from &#x27;./templates/items.model&#x27;;
-
-@Component({
-  selector: &#x27;gallery-item&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: [&#x27;./gallery-item.scss&#x27;],
-  template: &#x60;
-    &lt;ng-container *ngIf&#x3D;&quot;load&quot; [ngSwitch]&#x3D;&quot;type&quot;&gt;
-      &lt;ng-container *ngSwitchCase&#x3D;&quot;Types.Image&quot;&gt;
-        &lt;gallery-image [src]&#x3D;&quot;imageData.src&quot;
-                       [alt]&#x3D;&quot;imageData.alt&quot;
-                       [index]&#x3D;&quot;index&quot;
-                       [loadingAttr]&#x3D;&quot;config.loadingAttr&quot;
-                       [loadingIcon]&#x3D;&quot;config.loadingIcon&quot;
-                       [loadingError]&#x3D;&quot;config.loadingError&quot;
-                       (error)&#x3D;&quot;error.emit($event)&quot;&gt;&lt;/gallery-image&gt;
-
-        &lt;div *ngIf&#x3D;&quot;config.imageTemplate&quot; class&#x3D;&quot;g-template g-item-template&quot;&gt;
-          &lt;ng-container *ngTemplateOutlet&#x3D;&quot;config.imageTemplate; context: imageContext&quot;&gt;&lt;/ng-container&gt;
-        &lt;/div&gt;
-      &lt;/ng-container&gt;
-
-      &lt;gallery-video *ngSwitchCase&#x3D;&quot;Types.Video&quot;
-                     [src]&#x3D;&quot;videoData.src&quot;
-                     [mute]&#x3D;&quot;videoData.mute&quot;
-                     [poster]&#x3D;&quot;videoData.poster&quot;
-                     [controls]&#x3D;&quot;videoData.controls&quot;
-                     [controlsList]&#x3D;&quot;videoData.controlsList&quot;
-                     [disablePictureInPicture]&#x3D;&quot;videoData.disablePictureInPicture&quot;
-                     [play]&#x3D;&quot;isAutoPlay&quot;
-                     [pause]&#x3D;&quot;currIndex !&#x3D;&#x3D; index&quot;
-                     (error)&#x3D;&quot;error.emit($event)&quot;&gt;&lt;/gallery-video&gt;
-
-      &lt;gallery-iframe *ngSwitchCase&#x3D;&quot;Types.Youtube&quot;
-                      [src]&#x3D;&quot;youtubeSrc&quot;
-                      [autoplay]&#x3D;&quot;isAutoPlay&quot;
-                      [loadingAttr]&#x3D;&quot;config.loadingAttr&quot;
-                      [pause]&#x3D;&quot;currIndex !&#x3D;&#x3D; index&quot;&gt;&lt;/gallery-iframe&gt;
-
-      &lt;gallery-iframe *ngSwitchCase&#x3D;&quot;Types.Iframe&quot;
-                      [src]&#x3D;&quot;data.src&quot;
-                      [loadingAttr]&#x3D;&quot;config.loadingAttr&quot;&gt;&lt;/gallery-iframe&gt;
-
-      &lt;ng-container *ngSwitchDefault&gt;
-        &lt;div *ngIf&#x3D;&quot;config.itemTemplate&quot; class&#x3D;&quot;g-template g-item-template&quot;&gt;
-          &lt;ng-container *ngTemplateOutlet&#x3D;&quot;config.itemTemplate; context: itemContext&quot;&gt;&lt;/ng-container&gt;
-        &lt;/div&gt;
-      &lt;/ng-container&gt;
-    &lt;/ng-container&gt;
-  &#x60;,
-  standalone: true,
-  imports: [CommonModule, GalleryImageComponent, GalleryVideoComponent, GalleryIframeComponent]
-})
-export class GalleryItemComponent implements AfterViewInit {
-
-  readonly Types &#x3D; GalleryItemTypes;
-
-  /** A stream that indicates that the height was emitted after the image is loaded, used only for gallery image types */
-  readonly state$: BehaviorSubject&lt;ItemState&gt; &#x3D; new BehaviorSubject&lt;ItemState&gt;(&#x27;loading&#x27;);
-
-  /** A flag that indicates if the item is type of image, it can be a custom template by the user,
-   * The img recognizer directive will set it to true*/
-  isItemContainImage: boolean;
-
-  /** Gallery config */
-  @Input() config: GalleryConfig;
-
-  /** Item&#x27;s index in the gallery */
-  @Input() index: number;
-
-  /** The number of total items */
-  @Input() count: number;
-
-  /** Gallery current index */
-  @Input() currIndex: number;
-
-  /** Item&#x27;s type &#x27;image&#x27;, &#x27;video&#x27;, &#x27;youtube&#x27;, &#x27;iframe&#x27; */
-  @Input() type: GalleryItemType;
-
-  /** Item&#x27;s data, this object contains the data required to display the content (e.g. src path) */
-  @Input() data: GalleryItemData;
-
-  /** Stream that emits when an error occurs */
-  @Output() error: EventEmitter&lt;ErrorEvent&gt; &#x3D; new EventEmitter&lt;ErrorEvent&gt;();
-
-  @HostBinding(&#x27;class.g-active-item&#x27;) get isActive(): boolean {
-    return this.index &#x3D;&#x3D;&#x3D; this.currIndex;
-  }
-
-  @HostBinding(&#x27;attr.galleryIndex&#x27;) get isIndexAttr(): number {
-    return this.index;
-  }
-
-  @HostBinding(&#x27;attr.itemState&#x27;) get itemState(): ItemState {
-    return this.state$.value;
-  }
-
-  get imageContext(): GalleryItemContext&lt;ImageItemData&gt; {
-    return {
-      $implicit: this.imageData,
-      index: this.index,
-      type: this.type,
-      active: this.isActive,
-      count: this.count,
-      first: this.index &#x3D;&#x3D;&#x3D; 0,
-      last: this.index &#x3D;&#x3D;&#x3D; this.count - 1
-    };
-  }
-
-  get itemContext(): GalleryItemContext&lt;GalleryItemData&gt; {
-    return {
-      $implicit: this.data,
-      index: this.index,
-      type: this.type,
-      active: this.isActive,
-      count: this.count,
-      first: this.index &#x3D;&#x3D;&#x3D; 0,
-      last: this.index &#x3D;&#x3D;&#x3D; this.count - 1
-    };
-  }
-
-  get nativeElement(): HTMLElement {
-    return this.el.nativeElement;
-  }
-
-  get isAutoPlay(): boolean {
-    if (this.isActive) {
-      if (this.type &#x3D;&#x3D;&#x3D; GalleryItemTypes.Video || this.type &#x3D;&#x3D;&#x3D; GalleryItemTypes.Youtube) {
-        return this.videoData.autoplay;
-      }
-    }
-  }
-
-  get youtubeSrc(): string {
-    let autoplay: 1 | 0 &#x3D; 0;
-    if (this.isActive &amp;&amp; this.type &#x3D;&#x3D;&#x3D; GalleryItemTypes.Youtube &amp;&amp; (this.data as YoutubeItemData).autoplay) {
-      autoplay &#x3D; 1;
-    }
-    const url: URL &#x3D; new URL(this.data.src as string);
-    url.search &#x3D; new URLSearchParams({
-      wmode: &#x27;transparent&#x27;,
-      ...(this.data as YoutubeItemData).params,
-      autoplay
-    }).toString();
-    return url.href;
-  }
-
-  get load(): boolean {
-    switch (this.config.loadingStrategy) {
-      case LoadingStrategy.Preload:
-        return true;
-      case LoadingStrategy.Lazy:
-        return this.currIndex &#x3D;&#x3D;&#x3D; this.index;
-      default:
-        return this.currIndex &#x3D;&#x3D;&#x3D; this.index || this.currIndex &#x3D;&#x3D;&#x3D; this.index - 1 || this.currIndex &#x3D;&#x3D;&#x3D; this.index + 1;
-    }
-  }
-
-  get imageData(): ImageItemData {
-    return this.data;
-  }
-
-  get videoData(): VideoItemData {
-    return this.data;
-  }
-
-  constructor(private el: ElementRef) {
-  }
-
-  ngAfterViewInit(): void {
-    // If item does not contain an image, then set the state to DONE
-    if (!this.isItemContainImage) {
-      this.state$.next(&#x27;success&#x27;);
-    }
-  }
-}
-
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./gallery-item.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">:host {
-  cursor: var(--g-item-cursor);
-  height: var(--g-item-height);
-  width: var(--g-item-width);
-  max-height: var(--g-item-max-height);
-  max-width: var(--slider-width);
-  z-index: 10;
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  flex: 0 0 auto;
-  scroll-snap-align: center;
-
-  // Disable highlighting the elements on mouse move or click
-  user-select: none;
-  -webkit-user-drag: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
-  // In itemAutoSize is true, item size will be zero until it is loaded, fallback to the slider size
-  &amp;[itemState&#x3D;&#x27;loading&#x27;] {
-    width: var(--slider-width);
-    height: var(--slider-height);
-  }
-
-  &gt; * {
-    height: 100%;
-  }
-
-  ::ng-deep {
-    video, iframe {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
-
-gallery-image {
-  width: var(--g-item-width);
-  height: var(--g-item-height);
-}
-
-.g-template {
-  position: absolute;
-  z-index: 10;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><ng-container *ngIf="load" [ngSwitch]="type">  <ng-container *ngSwitchCase="Types.Image">    <gallery-image [src]="imageData.src"                   [alt]="imageData.alt"                   [index]="index"                   [loadingAttr]="config.loadingAttr"                   [loadingIcon]="config.loadingIcon"                   [loadingError]="config.loadingError"                   (error)="error.emit($event)"></gallery-image>    <div *ngIf="config.imageTemplate" class="g-template g-item-template">      <ng-container *ngTemplateOutlet="config.imageTemplate; context: imageContext"></ng-container>    </div>  </ng-container>  <gallery-video *ngSwitchCase="Types.Video"                 [src]="videoData.src"                 [mute]="videoData.mute"                 [poster]="videoData.poster"                 [controls]="videoData.controls"                 [controlsList]="videoData.controlsList"                 [disablePictureInPicture]="videoData.disablePictureInPicture"                 [play]="isAutoPlay"                 [pause]="currIndex !== index"                 (error)="error.emit($event)"></gallery-video>  <gallery-iframe *ngSwitchCase="Types.Youtube"                  [src]="youtubeSrc"                  [autoplay]="isAutoPlay"                  [loadingAttr]="config.loadingAttr"                  [pause]="currIndex !== index"></gallery-iframe>  <gallery-iframe *ngSwitchCase="Types.Iframe"                  [src]="data.src"                  [loadingAttr]="config.loadingAttr"></gallery-iframe>  <ng-container *ngSwitchDefault>    <div *ngIf="config.itemTemplate" class="g-template g-item-template">      <ng-container *ngTemplateOutlet="config.itemTemplate; context: itemContext"></ng-container>    </div>  </ng-container></ng-container></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryItemComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryItemComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryNavComponent.html b/documentation/components/GalleryNavComponent.html
deleted file mode 100644
index 71435d68..00000000
--- a/documentation/components/GalleryNavComponent.html
+++ /dev/null
@@ -1,652 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryNavComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/gallery-nav.component.ts</code>
-</p>
-
-
-
-
-    <p class="comment">
-        <h3>Implements</h3>
-    </p>
-    <p class="comment">
-                    <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
-    </p>
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-nav</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./gallery-nav.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;i *ngIf&#x3D;&quot;config.loop || state.hasPrev&quot;
-   class&#x3D;&quot;g-nav-prev&quot;
-   aria-label&#x3D;&quot;Previous&quot;
-   role&#x3D;&quot;button&quot;
-   (click)&#x3D;&quot;gallery.ref(this.galleryId).prev(config.navScrollBehavior)&quot;
-   [innerHtml]&#x3D;&quot;navIcon&quot;&gt;&lt;/i&gt;
-
-&lt;i *ngIf&#x3D;&quot;config.loop || state.hasNext&quot;
-   class&#x3D;&quot;g-nav-next&quot;
-   aria-label&#x3D;&quot;Next&quot;
-   role&#x3D;&quot;button&quot;
-   (click)&#x3D;&quot;gallery.ref(this.galleryId).next(config.navScrollBehavior)&quot;
-   [innerHtml]&#x3D;&quot;navIcon&quot;&gt;&lt;/i&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#gallery" >gallery</a>
-                            </li>
-                            <li>
-                                <a href="#navIcon" >navIcon</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#galleryId" >galleryId</a>
-                            </li>
-                            <li>
-                                <a href="#state" >state</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(gallery: <a href="../injectables/Gallery.html" target="_self">Gallery</a>, _sanitizer: <a href="https://angular.io/api/platform-browser/DomSanitizer" target="_blank">DomSanitizer</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-nav.component.ts:35</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>gallery</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >Gallery</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_sanitizer</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/platform-browser/DomSanitizer" target="_blank" >DomSanitizer</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-nav.component.ts:35</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="galleryId"></a>
-                        <b>galleryId</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-nav.component.ts:33</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="state"></a>
-                        <b>state</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-nav.component.ts:34</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-    <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="40"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-nav.component.ts:40</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="gallery"></a>
-                    <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>gallery</b></span>
-                        <a href="#gallery"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >Gallery</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-nav.component.ts:37</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="navIcon"></a>
-                    <span class="name">
-                        <span ><b>navIcon</b></span>
-                        <a href="#navIcon"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.io/api/platform-browser/SafeHtml" target="_blank" >SafeHtml</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-nav.component.ts:32</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, OnInit, Input, ChangeDetectionStrategy } from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular/common&#x27;;
-import { DomSanitizer, SafeHtml } from &#x27;@angular/platform-browser&#x27;;
-import { Gallery } from &#x27;../services/gallery.service&#x27;;
-import { GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-
-@Component({
-  selector: &#x27;gallery-nav&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: [&#x27;./gallery-nav.scss&#x27;],
-  template: &#x60;
-    &lt;i *ngIf&#x3D;&quot;config.loop || state.hasPrev&quot;
-       class&#x3D;&quot;g-nav-prev&quot;
-       aria-label&#x3D;&quot;Previous&quot;
-       role&#x3D;&quot;button&quot;
-       (click)&#x3D;&quot;gallery.ref(this.galleryId).prev(config.navScrollBehavior)&quot;
-       [innerHtml]&#x3D;&quot;navIcon&quot;&gt;&lt;/i&gt;
-
-    &lt;i *ngIf&#x3D;&quot;config.loop || state.hasNext&quot;
-       class&#x3D;&quot;g-nav-next&quot;
-       aria-label&#x3D;&quot;Next&quot;
-       role&#x3D;&quot;button&quot;
-       (click)&#x3D;&quot;gallery.ref(this.galleryId).next(config.navScrollBehavior)&quot;
-       [innerHtml]&#x3D;&quot;navIcon&quot;&gt;&lt;/i&gt;
-  &#x60;,
-  standalone: true,
-  imports: [CommonModule]
-})
-export class GalleryNavComponent implements OnInit {
-
-  navIcon: SafeHtml;
-  @Input() galleryId: string;
-  @Input() state: GalleryState;
-  @Input() config: GalleryConfig;
-
-  constructor(public gallery: Gallery, private _sanitizer: DomSanitizer) {
-  }
-
-  ngOnInit() {
-    this.navIcon &#x3D; this._sanitizer.bypassSecurityTrustHtml(this.config.navIcon);
-  }
-}
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./gallery-nav.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">.g-nav-next,
-.g-nav-prev {
-  position: absolute;
-  top: 50%;
-  display: flex;
-  padding: 16px 8px;
-  cursor: pointer;
-  z-index: 999;
-  opacity: 0.6;
-  transition: opacity linear 150ms, right linear 150ms, left linear 150ms;
-
-  &amp;:hover {
-    opacity: 1;
-  }
-
-  ::ng-deep {
-    svg {
-      filter: var(--g-nav-drop-shadow);
-      width: 28px;
-      height: 28px;
-      fill: #fff;
-    }
-  }
-}
-
-.g-nav-next {
-  right: 0.5em;
-  transform: translateY(-50%) perspective(1px);
-
-  &amp;:hover {
-    right: 0.4em;
-  }
-}
-
-.g-nav-prev {
-  left: 0.5em;
-  transform: translateY(-50%) perspective(1px) scale(-1, -1); //invert icon horizontally
-
-  &amp;:hover {
-    left: 0.4em;
-  }
-}
-
-@media only screen and (max-width: 480px) {
-  .g-nav-next {
-    right: 0.2em;
-  }
-
-  .g-nav-prev {
-    left: 0.2em;
-  }
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><i *ngIf="config.loop || state.hasPrev"   class="g-nav-prev"   aria-label="Previous"   role="button"   (click)="gallery.ref(this.galleryId).prev(config.navScrollBehavior)"   [innerHtml]="navIcon"></i><i *ngIf="config.loop || state.hasNext"   class="g-nav-next"   aria-label="Next"   role="button"   (click)="gallery.ref(this.galleryId).next(config.navScrollBehavior)"   [innerHtml]="navIcon"></i></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryNavComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryNavComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GallerySliderComponent.html b/documentation/components/GallerySliderComponent.html
deleted file mode 100644
index 6ff009dc..00000000
--- a/documentation/components/GallerySliderComponent.html
+++ /dev/null
@@ -1,1494 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GallerySliderComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/gallery-slider.component.ts</code>
-</p>
-
-
-
-
-    <p class="comment">
-        <h3>Implements</h3>
-    </p>
-    <p class="comment">
-                    <code><a href="../miscellaneous/functions.html#A" target="_self" >AfterViewInit</a></code>
-                    <code><a href="../miscellaneous/functions.html#C" target="_self" >OnChanges</a></code>
-    </p>
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-slider</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./gallery-slider.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;div #slider
-     class&#x3D;&quot;g-slider&quot;
-     [attr.centralised]&#x3D;&quot;config.itemAutosize&quot;
-     [smoothScroll]&#x3D;&quot;position$ | async&quot;
-     [smoothScrollInterruptOnMousemove]&#x3D;&quot;!config.mouseSlidingDisabled&quot;
-     sliderIntersectionObserver
-     [sliderIntersectionObserverDisabled]&#x3D;&quot;isScrolling || isSliding || isResizing&quot;
-     hammerSliding
-     [adapter]&#x3D;&quot;adapter&quot;
-     [items]&#x3D;&quot;items$ | async&quot;
-     [config]&#x3D;&quot;config&quot;
-     [state]&#x3D;&quot;state&quot;
-     [galleryId]&#x3D;&quot;galleryId&quot;
-     (isScrollingChange)&#x3D;&quot;isScrolling &#x3D; $event&quot;
-     (isSlidingChange)&#x3D;&quot;isSliding &#x3D; $event&quot;
-     (activeIndexChange)&#x3D;&quot;onActiveIndexChange($event)&quot;
-     (isResizingChange)&#x3D;&quot;isResizing &#x3D; $event&quot;
-     sliderResizeObserver&gt;
-  &lt;div class&#x3D;&quot;g-slider-content&quot;&gt;
-    &lt;gallery-item *ngFor&#x3D;&quot;let item of state.items; trackBy: trackByFn index as i&quot;
-                  [attr.galleryId]&#x3D;&quot;galleryId&quot;
-                  [type]&#x3D;&quot;item.type&quot;
-                  [config]&#x3D;&quot;config&quot;
-                  [data]&#x3D;&quot;item.data&quot;
-                  [currIndex]&#x3D;&quot;state.currIndex&quot;
-                  [index]&#x3D;&quot;i&quot;
-                  [count]&#x3D;&quot;state.items.length&quot;
-                  itemIntersectionObserver
-                  [itemIntersectionObserverDisabled]&#x3D;&quot;isScrolling || isSliding || isResizing&quot;
-                  [adapter]&#x3D;&quot;adapter&quot;
-                  (activeIndexChange)&#x3D;&quot;onActiveIndexChange($event)&quot;
-                  (click)&#x3D;&quot;itemClick.emit(i)&quot;
-                  (error)&#x3D;&quot;error.emit({ itemIndex: i, error: $event })&quot;/&gt;
-  &lt;/div&gt;
-
-  &lt;div *ngIf&#x3D;&quot;config.debug&quot; class&#x3D;&quot;g-slider-debug&quot;&gt;
-    &lt;div class&#x3D;&quot;g-slider-resizing&quot;&gt;RESIZING&lt;/div&gt;
-    &lt;div class&#x3D;&quot;g-slider-scrolling&quot;&gt;SCROLLING&lt;/div&gt;
-    &lt;div class&#x3D;&quot;g-slider-sliding&quot;&gt;SLIDING&lt;/div&gt;
-  &lt;/div&gt;
-&lt;/div&gt;
-&lt;ng-content&gt;&lt;/ng-content&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#adapter" >adapter</a>
-                            </li>
-                            <li>
-                                <a href="#isResizing" >isResizing</a>
-                            </li>
-                            <li>
-                                <a href="#isScrolling" >isScrolling</a>
-                            </li>
-                            <li>
-                                <a href="#isSliding" >isSliding</a>
-                            </li>
-                            <li>
-                                <a href="#items" >items</a>
-                            </li>
-                            <li>
-                                <a href="#items$" >items$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#position$" >position$</a>
-                            </li>
-                            <li>
-                                <a href="#sliderEl" >sliderEl</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#ngAfterViewInit" >ngAfterViewInit</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnChanges" >ngOnChanges</a>
-                            </li>
-                            <li>
-                                <a href="#onActiveIndexChange" >onActiveIndexChange</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#scrollToIndex" >scrollToIndex</a>
-                            </li>
-                            <li>
-                                <a href="#trackByFn" >trackByFn</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#galleryId" >galleryId</a>
-                            </li>
-                            <li>
-                                <a href="#state" >state</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#error" >error</a>
-                            </li>
-                            <li>
-                                <a href="#itemClick" >itemClick</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#slider" >slider</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_gallery: <a href="../injectables/Gallery.html" target="_self">Gallery</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:119</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_gallery</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >Gallery</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:104</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Gallery config</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="galleryId"></a>
-                        <b>galleryId</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:98</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Gallery ID</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="state"></a>
-                        <b>state</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:101</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Gallery state</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="error"></a>
-                        <b>error</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >EventEmitter&lt;GalleryError&gt;</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:110</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Stream that emits when an error occurs</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="itemClick"></a>
-                        <b>itemClick</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;number&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:107</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Stream that emits when item is clicked</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-
-    <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngAfterViewInit"></a>
-                    <span class="name">
-                        <span ><b>ngAfterViewInit</b></span>
-                        <a href="#ngAfterViewInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngAfterViewInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="154"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:154</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnChanges"></a>
-                    <span class="name">
-                        <span ><b>ngOnChanges</b></span>
-                        <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnChanges(changes: <a href="../undefineds/C.html" target="_self">SimpleChanges</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="124"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:124</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>changes</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#C" target="_self" >SimpleChanges</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onActiveIndexChange"></a>
-                    <span class="name">
-                        <span ><b>onActiveIndexChange</b></span>
-                        <a href="#onActiveIndexChange"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>onActiveIndexChange(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="167"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:167</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>index</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="scrollToIndex"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>scrollToIndex</b></span>
-                        <a href="#scrollToIndex"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>scrollToIndex(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="176"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:176</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>index</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="trackByFn"></a>
-                    <span class="name">
-                        <span ><b>trackByFn</b></span>
-                        <a href="#trackByFn"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>trackByFn(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, item: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="163"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:163</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>index</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>item</td>
-                                    <td>
-                                                <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="adapter"></a>
-                    <span class="name">
-                        <span ><b>adapter</b></span>
-                        <a href="#adapter"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/SliderAdapter.html" target="_self" >SliderAdapter</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:86</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Slider adapter</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isResizing"></a>
-                    <span class="name">
-                        <span ><b>isResizing</b></span>
-                        <a href="#isResizing"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:95</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isScrolling"></a>
-                    <span class="name">
-                        <span ><b>isScrolling</b></span>
-                        <a href="#isScrolling"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:91</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isSliding"></a>
-                    <span class="name">
-                        <span ><b>isSliding</b></span>
-                        <a href="#isSliding"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:93</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="items"></a>
-                    <span class="name">
-                        <span ><b>items</b></span>
-                        <a href="#items"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >QueryList&lt;GalleryItemComponent&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new QueryList&lt;GalleryItemComponent&gt;()</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ViewChildren(GalleryItemComponent)<br />
-                        </code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:115</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="items$"></a>
-                    <span class="name">
-                        <span ><b>items$</b></span>
-                        <a href="#items$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryItemComponent[]&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:89</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits the item components once they&#39;re initialized</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="position$"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>position$</b></span>
-                        <a href="#position$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../directives/SmoothScroll.html" target="_self" >Subject&lt;SmoothScrollToOptions&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Subject&lt;SmoothScrollToOptions&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:83</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits the slider position</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="sliderEl"></a>
-                    <span class="name">
-                        <span ><b>sliderEl</b></span>
-                        <a href="#sliderEl"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>ElementRef&lt;HTMLElement&gt;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ViewChild(&#x27;slider&#x27;, {static: true})<br />
-                        </code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:113</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Slider ElementRef</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="slider"></a>
-                        <span class="name"><b>slider</b><a href="#slider"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>slider()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-slider.component.ts:117</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Component,
-  Input,
-  Output,
-  ViewChild,
-  ViewChildren,
-  EventEmitter,
-  AfterViewInit,
-  OnChanges,
-  SimpleChanges,
-  ElementRef,
-  QueryList,
-  ChangeDetectionStrategy
-} from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular/common&#x27;;
-import { Observable, Subject, map, startWith } from &#x27;rxjs&#x27;;
-import { Gallery } from &#x27;../services/gallery.service&#x27;;
-import { GalleryState, GalleryError } from &#x27;../models/gallery.model&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { SlidingDirection } from &#x27;../models/constants&#x27;;
-import { SliderAdapter, HorizontalAdapter, VerticalAdapter } from &#x27;./adapters&#x27;;
-import { SmoothScroll, SmoothScrollToOptions } from &#x27;../smooth-scroll&#x27;;
-import { HammerSliding } from &#x27;../gestures/hammer-sliding.directive&#x27;;
-import { SliderIntersectionObserver } from &#x27;../observers/slider-intersection-observer.directive&#x27;;
-import { ItemIntersectionObserver } from &#x27;../observers/item-intersection-observer.directive&#x27;;
-import { GalleryItemComponent } from &#x27;./gallery-item.component&#x27;;
-import { SliderResizeObserver } from &#x27;../observers/slider-resize-observer.directive&#x27;;
-
-@Component({
-  selector: &#x27;gallery-slider&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: [&#x27;./gallery-slider.scss&#x27;],
-  template: &#x60;
-    &lt;div #slider
-         class&#x3D;&quot;g-slider&quot;
-         [attr.centralised]&#x3D;&quot;config.itemAutosize&quot;
-         [smoothScroll]&#x3D;&quot;position$ | async&quot;
-         [smoothScrollInterruptOnMousemove]&#x3D;&quot;!config.mouseSlidingDisabled&quot;
-         sliderIntersectionObserver
-         [sliderIntersectionObserverDisabled]&#x3D;&quot;isScrolling || isSliding || isResizing&quot;
-         hammerSliding
-         [adapter]&#x3D;&quot;adapter&quot;
-         [items]&#x3D;&quot;items$ | async&quot;
-         [config]&#x3D;&quot;config&quot;
-         [state]&#x3D;&quot;state&quot;
-         [galleryId]&#x3D;&quot;galleryId&quot;
-         (isScrollingChange)&#x3D;&quot;isScrolling &#x3D; $event&quot;
-         (isSlidingChange)&#x3D;&quot;isSliding &#x3D; $event&quot;
-         (activeIndexChange)&#x3D;&quot;onActiveIndexChange($event)&quot;
-         (isResizingChange)&#x3D;&quot;isResizing &#x3D; $event&quot;
-         sliderResizeObserver&gt;
-      &lt;div class&#x3D;&quot;g-slider-content&quot;&gt;
-        &lt;gallery-item *ngFor&#x3D;&quot;let item of state.items; trackBy: trackByFn index as i&quot;
-                      [attr.galleryId]&#x3D;&quot;galleryId&quot;
-                      [type]&#x3D;&quot;item.type&quot;
-                      [config]&#x3D;&quot;config&quot;
-                      [data]&#x3D;&quot;item.data&quot;
-                      [currIndex]&#x3D;&quot;state.currIndex&quot;
-                      [index]&#x3D;&quot;i&quot;
-                      [count]&#x3D;&quot;state.items.length&quot;
-                      itemIntersectionObserver
-                      [itemIntersectionObserverDisabled]&#x3D;&quot;isScrolling || isSliding || isResizing&quot;
-                      [adapter]&#x3D;&quot;adapter&quot;
-                      (activeIndexChange)&#x3D;&quot;onActiveIndexChange($event)&quot;
-                      (click)&#x3D;&quot;itemClick.emit(i)&quot;
-                      (error)&#x3D;&quot;error.emit({ itemIndex: i, error: $event })&quot;/&gt;
-      &lt;/div&gt;
-
-      &lt;div *ngIf&#x3D;&quot;config.debug&quot; class&#x3D;&quot;g-slider-debug&quot;&gt;
-        &lt;div class&#x3D;&quot;g-slider-resizing&quot;&gt;RESIZING&lt;/div&gt;
-        &lt;div class&#x3D;&quot;g-slider-scrolling&quot;&gt;SCROLLING&lt;/div&gt;
-        &lt;div class&#x3D;&quot;g-slider-sliding&quot;&gt;SLIDING&lt;/div&gt;
-      &lt;/div&gt;
-    &lt;/div&gt;
-    &lt;ng-content&gt;&lt;/ng-content&gt;
-  &#x60;,
-  standalone: true,
-  imports: [CommonModule, GalleryItemComponent, SmoothScroll, HammerSliding, SliderIntersectionObserver, ItemIntersectionObserver, SliderResizeObserver]
-})
-export class GallerySliderComponent implements AfterViewInit, OnChanges {
-
-  /** Stream that emits the slider position */
-  readonly position$: Subject&lt;SmoothScrollToOptions&gt; &#x3D; new Subject&lt;SmoothScrollToOptions&gt;();
-
-  /** Slider adapter */
-  adapter: SliderAdapter;
-
-  /** Stream that emits the item components once they&#x27;re initialized */
-  items$: Observable&lt;GalleryItemComponent[]&gt;;
-
-  isScrolling: boolean;
-
-  isSliding: boolean;
-
-  isResizing: boolean;
-
-  /** Gallery ID */
-  @Input() galleryId: string;
-
-  /** Gallery state */
-  @Input() state: GalleryState;
-
-  /** Gallery config */
-  @Input() config: GalleryConfig;
-
-  /** Stream that emits when item is clicked */
-  @Output() itemClick: EventEmitter&lt;number&gt; &#x3D; new EventEmitter&lt;number&gt;();
-
-  /** Stream that emits when an error occurs */
-  @Output() error: EventEmitter&lt;GalleryError&gt; &#x3D; new EventEmitter&lt;GalleryError&gt;();
-
-  /** Slider ElementRef */
-  @ViewChild(&#x27;slider&#x27;, { static: true }) sliderEl: ElementRef&lt;HTMLElement&gt;;
-
-  @ViewChildren(GalleryItemComponent) items: QueryList&lt;GalleryItemComponent&gt; &#x3D; new QueryList&lt;GalleryItemComponent&gt;();
-
-  get slider(): HTMLElement {
-    return this.sliderEl.nativeElement;
-  }
-
-  constructor(private _gallery: Gallery) {
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.config) {
-      if (changes.config.currentValue?.slidingDirection !&#x3D;&#x3D; changes.config.previousValue?.slidingDirection) {
-        switch (this.config.slidingDirection) {
-          case SlidingDirection.Horizontal:
-            this.adapter &#x3D; new HorizontalAdapter(this.slider, this.config);
-            break;
-          case SlidingDirection.Vertical:
-            this.adapter &#x3D; new VerticalAdapter(this.slider, this.config);
-            break;
-        }
-      }
-      if (!changes.config.firstChange) {
-        // Keep the correct sliding position when direction changes
-        requestAnimationFrame(() &#x3D;&gt; {
-          this.scrollToIndex(this.state.currIndex, &#x27;auto&#x27;);
-        });
-      }
-    }
-
-    // Scroll to current index
-    if (changes.state) {
-      if(changes.state.currentValue?.currIndex !&#x3D;&#x3D; changes.state.previousValue?.currIndex) {
-        requestAnimationFrame(() &#x3D;&gt; {
-          this.scrollToIndex(this.state.currIndex, changes.state.firstChange ? &#x27;auto&#x27; : this.state.behavior);
-        });
-      }
-    }
-  }
-
-  ngAfterViewInit(): void {
-    this.items.notifyOnChanges();
-    this.items$ &#x3D; this.items.changes.pipe(
-      // In some cases, items is not notified at first, need to force start the stream
-      startWith(null),
-      map(() &#x3D;&gt; this.items.toArray())
-    );
-  }
-
-  trackByFn(index: number, item: any) {
-    return item.type;
-  }
-
-  onActiveIndexChange(index: number): void {
-    if (index &#x3D;&#x3D;&#x3D; -1) {
-      // Reset active index position
-      this.scrollToIndex(this.state.currIndex, &#x27;smooth&#x27;);
-    } else {
-      this._gallery.ref(this.galleryId).set(index, &#x27;smooth&#x27;);
-    }
-  }
-
-  private scrollToIndex(index: number, behavior: ScrollBehavior): void {
-    const el: HTMLElement &#x3D; this.items.get(index)?.nativeElement;
-    if (el) {
-      console.log(&#x27;🟢 Scroll to&#x27;, index)
-      const pos: SmoothScrollToOptions &#x3D; this.adapter.getScrollToValue(el, behavior || this.config.scrollBehavior);
-      this.position$.next(pos);
-    }
-  }
-}
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./gallery-slider.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">:host {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  order: 1;
-  flex: 1;
-}
-
-.g-slider {
-  display: flex;
-  align-items: center;
-  transition: var(--g-height-transition);
-  min-height: 100%;
-  min-width: 100%;
-  max-height: 100%;
-  max-width: 100%;
-  height: var(--slider-height, 100%);
-  width: var(--slider-width, 100%);
-
-  overflow: var(--slider-overflow);
-  scroll-snap-type: var(--slider-scroll-snap-type);
-  flex-direction: var(--slider-flex-direction);
-
-  scrollbar-width: none;
-
-  &amp;::-webkit-scrollbar {
-    display: none;
-  }
-
-  &amp;.g-sliding, &amp;.g-scrolling {
-    // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse
-    .g-slider-content {
-      pointer-events: none;
-    }
-  }
-
-  &amp;[centralised&#x3D;&quot;true&quot;] {
-    &amp;:before, &amp;:after {
-      content: &#x27;&#x27;;
-    }
-
-    &amp;:before {
-      flex: 0 0 var(--slider-centralize-start-size);
-    }
-
-    &amp;:after {
-      flex: 0 0 var(--slider-centralize-end-size);
-    }
-  }
-}
-
-.g-slider-content {
-  flex: 0 0 auto;
-  display: flex;
-  align-items: center;
-  gap: 1px;
-  width: var(--slider-content-width, unset);
-  height: var(--slider-content-height, unset);
-  flex-direction: var(--slider-flex-direction);
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><div #slider     class="g-slider"     [attr.centralised]="config.itemAutosize"     [smoothScroll]="position$ | async"     [smoothScrollInterruptOnMousemove]="!config.mouseSlidingDisabled"     sliderIntersectionObserver     [sliderIntersectionObserverDisabled]="isScrolling || isSliding || isResizing"     hammerSliding     [adapter]="adapter"     [items]="items$ | async"     [config]="config"     [state]="state"     [galleryId]="galleryId"     (isScrollingChange)="isScrolling = $event"     (isSlidingChange)="isSliding = $event"     (activeIndexChange)="onActiveIndexChange($event)"     (isResizingChange)="isResizing = $event"     sliderResizeObserver>  <div class="g-slider-content">    <gallery-item *ngFor="let item of state.items; trackBy: trackByFn index as i"                  [attr.galleryId]="galleryId"                  [type]="item.type"                  [config]="config"                  [data]="item.data"                  [currIndex]="state.currIndex"                  [index]="i"                  [count]="state.items.length"                  itemIntersectionObserver                  [itemIntersectionObserverDisabled]="isScrolling || isSliding || isResizing"                  [adapter]="adapter"                  (activeIndexChange)="onActiveIndexChange($event)"                  (click)="itemClick.emit(i)"                  (error)="error.emit({ itemIndex: i, error: $event })"/>  </div>  <div *ngIf="config.debug" class="g-slider-debug">    <div class="g-slider-resizing">RESIZING</div>    <div class="g-slider-scrolling">SCROLLING</div>    <div class="g-slider-sliding">SLIDING</div>  </div></div><ng-content></ng-content></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GallerySliderComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GallerySliderComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryThumbComponent.html b/documentation/components/GalleryThumbComponent.html
deleted file mode 100644
index 7243fad0..00000000
--- a/documentation/components/GalleryThumbComponent.html
+++ /dev/null
@@ -1,851 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryThumbComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/gallery-thumb.component.ts</code>
-</p>
-
-
-
-
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-thumb</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./gallery-thumb.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;gallery-image [src]&#x3D;&quot;data.thumb&quot;
-               [alt]&#x3D;&quot;data.alt + &#x27;-thumbnail&#x27;&quot;
-               [isThumbnail]&#x3D;&quot;true&quot;
-               [loadingIcon]&#x3D;&quot;config.thumbLoadingIcon&quot;
-               [loadingError]&#x3D;&quot;config.thumbLoadingError&quot;
-               (error)&#x3D;&quot;error.emit($event)&quot;&gt;&lt;/gallery-image&gt;
-
-&lt;div *ngIf&#x3D;&quot;config.thumbTemplate&quot; class&#x3D;&quot;g-template g-thumb-template&quot;&gt;
-  &lt;ng-container *ngTemplateOutlet&#x3D;&quot;config.thumbTemplate; context: imageContext&quot;&gt;&lt;/ng-container&gt;
-&lt;/div&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#count" >count</a>
-                            </li>
-                            <li>
-                                <a href="#currIndex" >currIndex</a>
-                            </li>
-                            <li>
-                                <a href="#data" >data</a>
-                            </li>
-                            <li>
-                                <a href="#index" >index</a>
-                            </li>
-                            <li>
-                                <a href="#type" >type</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#error" >error</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>HostBindings</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#attr.galleryIndex" >attr.galleryIndex</a>
-                            </li>
-                            <li>
-                                <a href="#class.g-active-thumb" >class.g-active-thumb</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#isActive" >isActive</a>
-                                </li>
-                                <li>
-                                    <a href="#isIndexAttr" >isIndexAttr</a>
-                                </li>
-                                <li>
-                                    <a href="#imageContext" >imageContext</a>
-                                </li>
-                                <li>
-                                    <a href="#nativeElement" >nativeElement</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(el: ElementRef<HTMLElement>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:79</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>el</td>
-                                                  
-                                                        <td>
-                                                                    <code>ElementRef&lt;HTMLElement&gt;</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:38</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="count"></a>
-                        <b>count</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:44</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>The number of total items</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="currIndex"></a>
-                        <b>currIndex</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:47</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Gallery current index</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="data"></a>
-                        <b>data</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/ImageItem.html" target="_self" >ImageItemData</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:53</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Item&#39;s data, this object contains the data required to display the content (e.g. src path)</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="index"></a>
-                        <b>index</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:41</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Item&#39;s index in the gallery</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="type"></a>
-                        <b>type</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemType</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:50</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Item&#39;s type &#39;image&#39;, &#39;video&#39;, &#39;youtube&#39;, &#39;iframe&#39;</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="error"></a>
-                        <b>error</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;ErrorEvent&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:55</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.galleryIndex"></a>
-                    <span class="name">
-                        <span ><b>attr.galleryIndex</b></span>
-                        <a href="#attr.galleryIndex"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:61</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class.g-active-thumb"></a>
-                    <span class="name">
-                        <span ><b>class.g-active-thumb</b></span>
-                        <a href="#class.g-active-thumb"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:57</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-
-
-    <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isActive"></a>
-                        <span class="name"><b>isActive</b><a href="#isActive"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>isActive()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:57</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isIndexAttr"></a>
-                        <span class="name"><b>isIndexAttr</b><a href="#isIndexAttr"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>isIndexAttr()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:61</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="imageContext"></a>
-                        <span class="name"><b>imageContext</b><a href="#imageContext"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>imageContext()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:65</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="nativeElement"></a>
-                        <span class="name"><b>nativeElement</b><a href="#nativeElement"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>nativeElement()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:77</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Component,
-  Input,
-  Output,
-  HostBinding,
-  EventEmitter,
-  ElementRef,
-  ChangeDetectionStrategy
-} from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular/common&#x27;;
-import { GalleryItemContext } from &#x27;../directives/gallery-item-def.directive&#x27;;
-import { GalleryImageComponent } from &#x27;./templates/gallery-image.component&#x27;;
-import { ImageItemData } from &#x27;./templates/items.model&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { GalleryItemType } from &#x27;../models/constants&#x27;;
-
-@Component({
-  selector: &#x27;gallery-thumb&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: [&#x27;./gallery-thumb.scss&#x27;],
-  template: &#x60;
-    &lt;gallery-image [src]&#x3D;&quot;data.thumb&quot;
-                   [alt]&#x3D;&quot;data.alt + &#x27;-thumbnail&#x27;&quot;
-                   [isThumbnail]&#x3D;&quot;true&quot;
-                   [loadingIcon]&#x3D;&quot;config.thumbLoadingIcon&quot;
-                   [loadingError]&#x3D;&quot;config.thumbLoadingError&quot;
-                   (error)&#x3D;&quot;error.emit($event)&quot;&gt;&lt;/gallery-image&gt;
-
-    &lt;div *ngIf&#x3D;&quot;config.thumbTemplate&quot; class&#x3D;&quot;g-template g-thumb-template&quot;&gt;
-      &lt;ng-container *ngTemplateOutlet&#x3D;&quot;config.thumbTemplate; context: imageContext&quot;&gt;&lt;/ng-container&gt;
-    &lt;/div&gt;
-  &#x60;,
-  standalone: true,
-  imports: [CommonModule, GalleryImageComponent]
-})
-export class GalleryThumbComponent {
-
-  @Input() config: GalleryConfig;
-
-  /** Item&#x27;s index in the gallery */
-  @Input() index: number;
-
-  /** The number of total items */
-  @Input() count: number;
-
-  /** Gallery current index */
-  @Input() currIndex: number;
-
-  /** Item&#x27;s type &#x27;image&#x27;, &#x27;video&#x27;, &#x27;youtube&#x27;, &#x27;iframe&#x27; */
-  @Input() type: GalleryItemType;
-
-  /** Item&#x27;s data, this object contains the data required to display the content (e.g. src path) */
-  @Input() data: ImageItemData;
-
-  @Output() error: EventEmitter&lt;ErrorEvent&gt; &#x3D; new EventEmitter&lt;ErrorEvent&gt;();
-
-  @HostBinding(&#x27;class.g-active-thumb&#x27;) get isActive() {
-    return this.index &#x3D;&#x3D;&#x3D; this.currIndex;
-  }
-
-  @HostBinding(&#x27;attr.galleryIndex&#x27;) get isIndexAttr(): number {
-    return this.index;
-  }
-
-  get imageContext(): GalleryItemContext&lt;ImageItemData&gt; {
-    return {
-      $implicit: this.data,
-      index: this.index,
-      type: this.type,
-      active: this.isActive,
-      count: this.count,
-      first: this.index &#x3D;&#x3D;&#x3D; 0,
-      last: this.index &#x3D;&#x3D;&#x3D; this.count - 1
-    }
-  }
-
-  get nativeElement(): HTMLElement {
-    return this.el.nativeElement;
-  }
-
-  constructor(private el: ElementRef&lt;HTMLElement&gt;) {
-  }
-}
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./gallery-thumb.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">:host {
-  cursor: var(--g-thumb-cursor);
-  height: var(--g-thumb-height);
-  width: var(--g-thumb-width);
-  max-height: var(--g-thumb-height);
-  max-width: var(--g-thumb-width);
-  align-self: center;
-  background: black;
-  position: relative;
-  display: flex;
-  overflow: hidden;
-  flex-direction: column;
-  flex: 0 0 auto;
-  scroll-snap-align: center;
-  // Disable highlighting the elements on mouse move or click
-  user-select: none;
-  -webkit-user-drag: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
-  --g-thumb-opacity: 0.5;
-
-  &amp;.g-active-thumb {
-    --g-thumb-opacity: 1;
-  }
-}
-
-.g-template {
-  position: absolute;
-  z-index: 10;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><gallery-image [src]="data.thumb"               [alt]="data.alt + \'-thumbnail\'"               [isThumbnail]="true"               [loadingIcon]="config.thumbLoadingIcon"               [loadingError]="config.thumbLoadingError"               (error)="error.emit($event)"></gallery-image><div *ngIf="config.thumbTemplate" class="g-template g-thumb-template">  <ng-container *ngTemplateOutlet="config.thumbTemplate; context: imageContext"></ng-container></div></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryThumbComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryThumbComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryThumbsComponent.html b/documentation/components/GalleryThumbsComponent.html
deleted file mode 100644
index c67ec37c..00000000
--- a/documentation/components/GalleryThumbsComponent.html
+++ /dev/null
@@ -1,1350 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryThumbsComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts</code>
-</p>
-
-
-
-
-    <p class="comment">
-        <h3>Implements</h3>
-    </p>
-    <p class="comment">
-                    <code><a href="../miscellaneous/functions.html#A" target="_self" >AfterViewInit</a></code>
-                    <code><a href="../miscellaneous/functions.html#C" target="_self" >OnChanges</a></code>
-    </p>
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-thumbs</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./gallery-thumbs.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;div #slider
-     class&#x3D;&quot;g-slider&quot;
-     [smoothScroll]&#x3D;&quot;position$ | async&quot;
-     [smoothScrollInterruptOnMousemove]&#x3D;&quot;!config.thumbMouseSlidingDisabled&quot;
-     [attr.centralised]&#x3D;&quot;config.thumbView &#x3D;&#x3D;&#x3D; thumbnailsView.Contain || adapter.isContentLessThanContainer&quot;
-     hammerSliding
-     [galleryId]&#x3D;&quot;galleryId&quot;
-     [items]&#x3D;&quot;items$ | async&quot;
-     [state]&#x3D;&quot;state&quot;
-     [config]&#x3D;&quot;config&quot;
-     [adapter]&#x3D;&quot;adapter&quot;
-     (thumbResizeObserver)&#x3D;&quot;scrollToIndex(state.currIndex, &#x27;auto&#x27;)&quot;
-     (activeIndexChange)&#x3D;&quot;onActiveIndexChange($event)&quot;&gt;
-  &lt;div class&#x3D;&quot;g-slider-content&quot;&gt;
-    &lt;gallery-thumb *ngFor&#x3D;&quot;let item of state.items; trackBy: trackByFn; index as i&quot;
-                   [attr.galleryId]&#x3D;&quot;galleryId&quot;
-                   [type]&#x3D;&quot;item.type&quot;
-                   [config]&#x3D;&quot;config&quot;
-                   [data]&#x3D;&quot;item.data&quot;
-                   [currIndex]&#x3D;&quot;state.currIndex&quot;
-                   [index]&#x3D;&quot;i&quot;
-                   [count]&#x3D;&quot;state.items.length&quot;
-                   (click)&#x3D;&quot;config.disableThumb ? null : thumbClick.emit(i)&quot;
-                   (error)&#x3D;&quot;error.emit({ itemIndex: i, error: $event })&quot;/&gt;
-  &lt;/div&gt;
-&lt;/div&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#adapter" >adapter</a>
-                            </li>
-                            <li>
-                                <a href="#items" >items</a>
-                            </li>
-                            <li>
-                                <a href="#items$" >items$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#position$" >position$</a>
-                            </li>
-                            <li>
-                                <a href="#sliderEl" >sliderEl</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#thumbnailsView" >thumbnailsView</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#ngAfterViewInit" >ngAfterViewInit</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnChanges" >ngOnChanges</a>
-                            </li>
-                            <li>
-                                <a href="#onActiveIndexChange" >onActiveIndexChange</a>
-                            </li>
-                            <li>
-                                <a href="#scrollToIndex" >scrollToIndex</a>
-                            </li>
-                            <li>
-                                <a href="#trackByFn" >trackByFn</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#galleryId" >galleryId</a>
-                            </li>
-                            <li>
-                                <a href="#state" >state</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#error" >error</a>
-                            </li>
-                            <li>
-                                <a href="#thumbClick" >thumbClick</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#slider" >slider</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:82</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Gallery config</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="galleryId"></a>
-                        <b>galleryId</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:76</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Gallery ID</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="state"></a>
-                        <b>state</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:79</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Gallery state</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="error"></a>
-                        <b>error</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >EventEmitter&lt;GalleryError&gt;</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:88</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Stream that emits when an error occurs</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbClick"></a>
-                        <b>thumbClick</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;number&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:85</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Stream that emits when thumb is clicked</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-
-    <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngAfterViewInit"></a>
-                    <span class="name">
-                        <span ><b>ngAfterViewInit</b></span>
-                        <a href="#ngAfterViewInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngAfterViewInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="133"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:133</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnChanges"></a>
-                    <span class="name">
-                        <span ><b>ngOnChanges</b></span>
-                        <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnChanges(changes: <a href="../undefineds/C.html" target="_self">SimpleChanges</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="99"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:99</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>changes</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#C" target="_self" >SimpleChanges</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onActiveIndexChange"></a>
-                    <span class="name">
-                        <span ><b>onActiveIndexChange</b></span>
-                        <a href="#onActiveIndexChange"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>onActiveIndexChange(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="146"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:146</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>index</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="scrollToIndex"></a>
-                    <span class="name">
-                        <span ><b>scrollToIndex</b></span>
-                        <a href="#scrollToIndex"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>scrollToIndex(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, behavior: <a href="../undefineds/B.html" target="_self">ScrollBehavior</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="155"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:155</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>value</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>behavior</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="trackByFn"></a>
-                    <span class="name">
-                        <span ><b>trackByFn</b></span>
-                        <a href="#trackByFn"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>trackByFn(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, item: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="142"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:142</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>index</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>item</td>
-                                    <td>
-                                                <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="adapter"></a>
-                    <span class="name">
-                        <span ><b>adapter</b></span>
-                        <a href="#adapter"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/SliderAdapter.html" target="_self" >SliderAdapter</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:70</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Slider adapter</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="items"></a>
-                    <span class="name">
-                        <span ><b>items</b></span>
-                        <a href="#items"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >QueryList&lt;GalleryThumbComponent&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new QueryList&lt;GalleryThumbComponent&gt;()</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ViewChildren(GalleryThumbComponent)<br />
-                        </code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:93</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="items$"></a>
-                    <span class="name">
-                        <span ><b>items$</b></span>
-                        <a href="#items$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryThumbComponent[]&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:73</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits the thumb components once they&#39;re initialized</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="position$"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>position$</b></span>
-                        <a href="#position$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../directives/SmoothScroll.html" target="_self" >Subject&lt;SmoothScrollToOptions&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Subject&lt;SmoothScrollToOptions&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:64</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits the slider position</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="sliderEl"></a>
-                    <span class="name">
-                        <span ><b>sliderEl</b></span>
-                        <a href="#sliderEl"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ViewChild(&#x27;slider&#x27;, {static: true})<br />
-                        </code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:91</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Slider ElementRef</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="thumbnailsView"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>thumbnailsView</b></span>
-                        <a href="#thumbnailsView"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>ThumbnailsView</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:67</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Thumbnails view enum</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="slider"></a>
-                        <span class="name"><b>slider</b><a href="#slider"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>slider()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:95</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Component,
-  Input,
-  Output,
-  ViewChild,
-  ViewChildren,
-  EventEmitter,
-  AfterViewInit,
-  OnChanges,
-  QueryList,
-  SimpleChanges,
-  ElementRef,
-  ChangeDetectionStrategy
-} from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular/common&#x27;;
-import { Observable, Subject, map, startWith } from &#x27;rxjs&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { GalleryState, GalleryError } from &#x27;../models/gallery.model&#x27;;
-import { ThumbnailsPosition, ThumbnailsView } from &#x27;../models/constants&#x27;;
-import { VerticalAdapter, HorizontalAdapter, SliderAdapter } from &#x27;./adapters&#x27;;
-import { SmoothScroll, SmoothScrollToOptions } from &#x27;../smooth-scroll&#x27;;
-import { GalleryThumbComponent } from &#x27;./gallery-thumb.component&#x27;;
-import { HammerSliding } from &#x27;../gestures/hammer-sliding.directive&#x27;;
-import { ThumbResizeObserver } from &#x27;../observers/thumb-resize-observer.directive&#x27;;
-
-@Component({
-  selector: &#x27;gallery-thumbs&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: [&#x27;./gallery-thumbs.scss&#x27;],
-  template: &#x60;
-    &lt;div #slider
-         class&#x3D;&quot;g-slider&quot;
-         [smoothScroll]&#x3D;&quot;position$ | async&quot;
-         [smoothScrollInterruptOnMousemove]&#x3D;&quot;!config.thumbMouseSlidingDisabled&quot;
-         [attr.centralised]&#x3D;&quot;config.thumbView &#x3D;&#x3D;&#x3D; thumbnailsView.Contain || adapter.isContentLessThanContainer&quot;
-         hammerSliding
-         [galleryId]&#x3D;&quot;galleryId&quot;
-         [items]&#x3D;&quot;items$ | async&quot;
-         [state]&#x3D;&quot;state&quot;
-         [config]&#x3D;&quot;config&quot;
-         [adapter]&#x3D;&quot;adapter&quot;
-         (thumbResizeObserver)&#x3D;&quot;scrollToIndex(state.currIndex, &#x27;auto&#x27;)&quot;
-         (activeIndexChange)&#x3D;&quot;onActiveIndexChange($event)&quot;&gt;
-      &lt;div class&#x3D;&quot;g-slider-content&quot;&gt;
-        &lt;gallery-thumb *ngFor&#x3D;&quot;let item of state.items; trackBy: trackByFn; index as i&quot;
-                       [attr.galleryId]&#x3D;&quot;galleryId&quot;
-                       [type]&#x3D;&quot;item.type&quot;
-                       [config]&#x3D;&quot;config&quot;
-                       [data]&#x3D;&quot;item.data&quot;
-                       [currIndex]&#x3D;&quot;state.currIndex&quot;
-                       [index]&#x3D;&quot;i&quot;
-                       [count]&#x3D;&quot;state.items.length&quot;
-                       (click)&#x3D;&quot;config.disableThumb ? null : thumbClick.emit(i)&quot;
-                       (error)&#x3D;&quot;error.emit({ itemIndex: i, error: $event })&quot;/&gt;
-      &lt;/div&gt;
-    &lt;/div&gt;
-  &#x60;,
-  standalone: true,
-  imports: [CommonModule, GalleryThumbComponent, SmoothScroll, HammerSliding, ThumbResizeObserver]
-})
-export class GalleryThumbsComponent implements AfterViewInit, OnChanges {
-
-  /** Stream that emits the slider position */
-  readonly position$: Subject&lt;SmoothScrollToOptions&gt; &#x3D; new Subject&lt;SmoothScrollToOptions&gt;();
-
-  /** Thumbnails view enum */
-  readonly thumbnailsView &#x3D; ThumbnailsView;
-
-  /** Slider adapter */
-  adapter: SliderAdapter;
-
-  /** Stream that emits the thumb components once they&#x27;re initialized */
-  items$: Observable&lt;GalleryThumbComponent[]&gt;;
-
-  /** Gallery ID */
-  @Input() galleryId: string;
-
-  /** Gallery state */
-  @Input() state: GalleryState;
-
-  /** Gallery config */
-  @Input() config: GalleryConfig;
-
-  /** Stream that emits when thumb is clicked */
-  @Output() thumbClick: EventEmitter&lt;number&gt; &#x3D; new EventEmitter&lt;number&gt;();
-
-  /** Stream that emits when an error occurs */
-  @Output() error: EventEmitter&lt;GalleryError&gt; &#x3D; new EventEmitter&lt;GalleryError&gt;();
-
-  /** Slider ElementRef */
-  @ViewChild(&#x27;slider&#x27;, { static: true }) sliderEl: ElementRef;
-
-  @ViewChildren(GalleryThumbComponent) items: QueryList&lt;GalleryThumbComponent&gt; &#x3D; new QueryList&lt;GalleryThumbComponent&gt;();
-
-  get slider(): HTMLElement {
-    return this.sliderEl.nativeElement;
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.config) {
-      // Sets sliding direction
-      if (changes.config.currentValue?.thumbPosition !&#x3D;&#x3D; changes.config.previousValue?.thumbPosition) {
-        switch (this.config.thumbPosition) {
-          case ThumbnailsPosition.Right:
-          case ThumbnailsPosition.Left:
-            this.adapter &#x3D; new VerticalAdapter(this.slider, this.config);
-            break;
-          case ThumbnailsPosition.Top:
-          case ThumbnailsPosition.Bottom:
-            this.adapter &#x3D; new HorizontalAdapter(this.slider, this.config);
-            break;
-        }
-
-        if (!changes.config.firstChange) {
-          // Keep the correct sliding position when direction changes
-          requestAnimationFrame(() &#x3D;&gt; {
-            this.scrollToIndex(this.state.currIndex, &#x27;auto&#x27;);
-          });
-        }
-      }
-    }
-
-    if (changes.state &amp;&amp; (changes.state.firstChange || !this.config.thumbDetached)) {
-      if (changes.state.currentValue?.currIndex !&#x3D;&#x3D; changes.state.previousValue?.currIndex) {
-        // Scroll slide to item when current index changes.
-        requestAnimationFrame(() &#x3D;&gt; {
-          this.scrollToIndex(this.state.currIndex, changes.state?.firstChange ? &#x27;auto&#x27; : &#x27;smooth&#x27;);
-        });
-      }
-    }
-  }
-
-  ngAfterViewInit(): void {
-    this.items.notifyOnChanges();
-    this.items$ &#x3D; this.items.changes.pipe(
-      // In some cases, items is not notified at first, need to force start the stream
-      startWith(null),
-      map(() &#x3D;&gt; this.items.toArray())
-    );
-  }
-
-  trackByFn(index: number, item: any) {
-    return item.type;
-  }
-
-  onActiveIndexChange(index: number): void {
-    if (index &#x3D;&#x3D;&#x3D; -1) {
-      // Reset active index position
-      this.scrollToIndex(this.state.currIndex, &#x27;smooth&#x27;);
-    } else {
-      this.scrollToIndex(index, &#x27;smooth&#x27;);
-    }
-  }
-
-  scrollToIndex(value: number, behavior: ScrollBehavior): void {
-    const el: HTMLElement &#x3D; this.items.get(value)?.nativeElement;
-    if (el) {
-      const pos: SmoothScrollToOptions &#x3D; this.adapter.getScrollToValue(el, behavior);
-      this.position$.next(pos);
-    }
-  }
-}
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./gallery-thumbs.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">:host {
-  max-height: 100%;
-  max-width: 100%;
-  display: block;
-  z-index: 100;
-}
-
-.g-slider {
-  display: flex;
-  align-items: center;
-  transition: var(--g-height-transition);
-  max-height: 100%;
-  min-width: 100%;
-  height: var(--thumb-slider-height);
-  width: var(--thumb-slider-width);
-
-  top: var(--thumb-slider-top);
-  left: var(--thumb-slider-left);
-  overflow: var(--thumb-slider-overflow);
-  scroll-snap-type: var(--slider-scroll-snap-type);
-  flex-direction: var(--thumb-slider-flex-direction);
-
-  scrollbar-width: none;
-
-  &amp;::-webkit-scrollbar {
-    display: none;
-  }
-
-  // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse
-  &amp;.g-sliding {
-    // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse
-    .g-slider-content {
-      pointer-events: none;
-    }
-  }
-
-  &amp;[centralised&#x3D;&quot;true&quot;] {
-    &amp;:before, &amp;:after {
-      content: &#x27;&#x27;;
-    }
-
-    &amp;:before {
-      flex: 0 0 var(--thumb-centralize-start-size);
-    }
-
-    &amp;:after {
-      flex: 0 0 var(--thumb-centralize-end-size);
-    }
-  }
-}
-
-.g-slider-content {
-  flex: 0 0 auto;
-  display: flex;
-  flex-direction: var(--thumb-slider-flex-direction);
-  align-items: center;
-  gap: 1px;
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><div #slider     class="g-slider"     [smoothScroll]="position$ | async"     [smoothScrollInterruptOnMousemove]="!config.thumbMouseSlidingDisabled"     [attr.centralised]="config.thumbView === thumbnailsView.Contain || adapter.isContentLessThanContainer"     hammerSliding     [galleryId]="galleryId"     [items]="items$ | async"     [state]="state"     [config]="config"     [adapter]="adapter"     (thumbResizeObserver)="scrollToIndex(state.currIndex, \'auto\')"     (activeIndexChange)="onActiveIndexChange($event)">  <div class="g-slider-content">    <gallery-thumb *ngFor="let item of state.items; trackBy: trackByFn; index as i"                   [attr.galleryId]="galleryId"                   [type]="item.type"                   [config]="config"                   [data]="item.data"                   [currIndex]="state.currIndex"                   [index]="i"                   [count]="state.items.length"                   (click)="config.disableThumb ? null : thumbClick.emit(i)"                   (error)="error.emit({ itemIndex: i, error: $event })"/>  </div></div></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryThumbsComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryThumbsComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/GalleryVideoComponent.html b/documentation/components/GalleryVideoComponent.html
deleted file mode 100644
index 6e7ef525..00000000
--- a/documentation/components/GalleryVideoComponent.html
+++ /dev/null
@@ -1,917 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  GalleryVideoComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts</code>
-</p>
-
-
-
-
-    <p class="comment">
-        <h3>Implements</h3>
-    </p>
-    <p class="comment">
-                    <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
-    </p>
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>gallery-video</code></td>
-            </tr>
-
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;video #video
-       [attr.mute]&#x3D;&quot;mute&quot;
-       [attr.controlsList]&#x3D;&quot;controlsList&quot;
-       [attr.disablePictureInPicture]&#x3D;&quot;disablePictureInPicture&quot;
-       [disableRemotePlayback]&#x3D;&quot;disableRemotePlayback&quot;
-       [controls]&#x3D;&quot;controls&quot;
-       [loop]&#x3D;&quot;loop&quot;
-       [poster]&#x3D;&quot;poster&quot;
-       (error)&#x3D;&quot;error.emit($event)&quot;&gt;
-  &lt;ng-container *ngFor&#x3D;&quot;let src of videoSources&quot;&gt;
-    &lt;source *ngIf&#x3D;&quot;src?.type; else noType&quot; [src]&#x3D;&quot;src?.url&quot; [type]&#x3D;&quot;src.type&quot;/&gt;
-    &lt;ng-template #noType&gt;
-      &lt;source [src]&#x3D;&quot;src?.url&quot;/&gt;
-    &lt;/ng-template&gt;
-  &lt;/ng-container&gt;
-&lt;/video&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#video" >video</a>
-                            </li>
-                            <li>
-                                <a href="#videoSources" >videoSources</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#controls" >controls</a>
-                            </li>
-                            <li>
-                                <a href="#controlsList" >controlsList</a>
-                            </li>
-                            <li>
-                                <a href="#disablePictureInPicture" >disablePictureInPicture</a>
-                            </li>
-                            <li>
-                                <a href="#disableRemotePlayback" >disableRemotePlayback</a>
-                            </li>
-                            <li>
-                                <a href="#loop" >loop</a>
-                            </li>
-                            <li>
-                                <a href="#mute" >mute</a>
-                            </li>
-                            <li>
-                                <a href="#pause" >pause</a>
-                            </li>
-                            <li>
-                                <a href="#play" >play</a>
-                            </li>
-                            <li>
-                                <a href="#poster" >poster</a>
-                            </li>
-                            <li>
-                                <a href="#src" >src</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#error" >error</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#pauseVideo" >pauseVideo</a>
-                                </li>
-                                <li>
-                                    <a href="#playVideo" >playVideo</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-
-    <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="controls"></a>
-                        <b>controls</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:36</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="controlsList"></a>
-                        <b>controlsList</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;nodownload&quot; | &quot;nofullscreen&quot; | &quot;noremoteplayback&quot;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:37</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="disablePictureInPicture"></a>
-                        <b>disablePictureInPicture</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:39</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="disableRemotePlayback"></a>
-                        <b>disableRemotePlayback</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:38</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loop"></a>
-                        <b>loop</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:35</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="mute"></a>
-                        <b>mute</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:34</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="pause"></a>
-                        <b>pause</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:41</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="play"></a>
-                        <b>play</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:50</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="poster"></a>
-                        <b>poster</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:33</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="src"></a>
-                        <b>src</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>string | literal type[]</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:32</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="error"></a>
-                        <b>error</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.io/api/core/EventEmitter" target="_blank" >EventEmitter</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:60</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Stream that emits when an error occurs</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-
-    <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="64"
-                            class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:64</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="video"></a>
-                    <span class="name">
-                        <span ><b>video</b></span>
-                        <a href="#video"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ViewChild(&#x27;video&#x27;, {static: true})<br />
-                        </code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:62</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="videoSources"></a>
-                    <span class="name">
-                        <span ><b>videoSources</b></span>
-                        <a href="#videoSources"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>literal type[]</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:30</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="pauseVideo"></a>
-                        <span class="name"><b>pauseVideo</b><a href="#pauseVideo"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>set</b><code>pauseVideo(shouldPause: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:41</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-
-                                <div class="io-description">
-                                        <b>Parameters :</b>
-                                        <table class="params">
-                                            <thead>
-                                                <tr>
-                                                    <td>Name</td>
-                                                        <td>Type</td>
-                                                    <td>Optional</td>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                    <tr>
-                                                            <td>shouldPause</td>
-                                                    
-                                                            <td>
-                                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                                            </td>
-                                                    
-                                                        <td>
-                                                                No
-                                                        </td>
-                                                        
-                                                    </tr>
-                                            </tbody>
-                                        </table>
-                                </div>
-                                <div>
-                                </div>
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="playVideo"></a>
-                        <span class="name"><b>playVideo</b><a href="#playVideo"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>set</b><code>playVideo(shouldPlay: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:50</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-
-                                <div class="io-description">
-                                        <b>Parameters :</b>
-                                        <table class="params">
-                                            <thead>
-                                                <tr>
-                                                    <td>Name</td>
-                                                        <td>Type</td>
-                                                    <td>Optional</td>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                    <tr>
-                                                            <td>shouldPlay</td>
-                                                    
-                                                            <td>
-                                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                                                            </td>
-                                                    
-                                                        <td>
-                                                                No
-                                                        </td>
-                                                        
-                                                    </tr>
-                                            </tbody>
-                                        </table>
-                                </div>
-                                <div>
-                                </div>
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-            </tbody>
-        </table>
-</section>
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, Input, Output, EventEmitter, OnInit, ViewChild, ElementRef, ChangeDetectionStrategy } from &#x27;@angular/core&#x27;;
-import { NgFor, NgIf } from &#x27;@angular/common&#x27;;
-
-@Component({
-  selector: &#x27;gallery-video&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: &#x60;
-    &lt;video #video
-           [attr.mute]&#x3D;&quot;mute&quot;
-           [attr.controlsList]&#x3D;&quot;controlsList&quot;
-           [attr.disablePictureInPicture]&#x3D;&quot;disablePictureInPicture&quot;
-           [disableRemotePlayback]&#x3D;&quot;disableRemotePlayback&quot;
-           [controls]&#x3D;&quot;controls&quot;
-           [loop]&#x3D;&quot;loop&quot;
-           [poster]&#x3D;&quot;poster&quot;
-           (error)&#x3D;&quot;error.emit($event)&quot;&gt;
-      &lt;ng-container *ngFor&#x3D;&quot;let src of videoSources&quot;&gt;
-        &lt;source *ngIf&#x3D;&quot;src?.type; else noType&quot; [src]&#x3D;&quot;src?.url&quot; [type]&#x3D;&quot;src.type&quot;/&gt;
-        &lt;ng-template #noType&gt;
-          &lt;source [src]&#x3D;&quot;src?.url&quot;/&gt;
-        &lt;/ng-template&gt;
-      &lt;/ng-container&gt;
-    &lt;/video&gt;
-  &#x60;,
-  standalone: true,
-  imports: [NgFor, NgIf]
-})
-export class GalleryVideoComponent implements OnInit {
-
-  videoSources: { url: string, type?: string }[];
-
-  @Input() src: string | { url: string, type?: string }[];
-  @Input() poster: string;
-  @Input() mute: boolean;
-  @Input() loop: boolean;
-  @Input() controls: boolean;
-  @Input() controlsList: &#x27;nodownload&#x27; | &#x27;nofullscreen&#x27; | &#x27;noremoteplayback&#x27;;
-  @Input() disableRemotePlayback: boolean;
-  @Input() disablePictureInPicture: boolean;
-
-  @Input(&#x27;pause&#x27;) set pauseVideo(shouldPause: boolean) {
-    if (this.video.nativeElement) {
-      const video: HTMLVideoElement &#x3D; this.video.nativeElement;
-      if (shouldPause &amp;&amp; !video.paused) {
-        video.pause();
-      }
-    }
-  }
-
-  @Input(&#x27;play&#x27;) set playVideo(shouldPlay: boolean) {
-    if (this.video.nativeElement) {
-      const video: HTMLVideoElement &#x3D; this.video.nativeElement;
-      if (shouldPlay) {
-        video.play();
-      }
-    }
-  }
-
-  /** Stream that emits when an error occurs */
-  @Output() error &#x3D; new EventEmitter&lt;ErrorEvent&gt;();
-
-  @ViewChild(&#x27;video&#x27;, { static: true }) video: ElementRef;
-
-  ngOnInit() {
-    if (this.src instanceof Array) {
-      // If video has multiple sources
-      this.videoSources &#x3D; [...this.src];
-    } else {
-      this.videoSources &#x3D; [{ url: this.src }];
-    }
-  }
-}
-</code></pre>
-    </div>
-
-
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><video #video       [attr.mute]="mute"       [attr.controlsList]="controlsList"       [attr.disablePictureInPicture]="disablePictureInPicture"       [disableRemotePlayback]="disableRemotePlayback"       [controls]="controls"       [loop]="loop"       [poster]="poster"       (error)="error.emit($event)">  <ng-container *ngFor="let src of videoSources">    <source *ngIf="src?.type; else noType" [src]="src?.url" [type]="src.type"/>    <ng-template #noType>      <source [src]="src?.url"/>    </ng-template>  </ng-container></video></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'GalleryVideoComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryVideoComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/LightboxComponent.html b/documentation/components/LightboxComponent.html
deleted file mode 100644
index 7fe2681e..00000000
--- a/documentation/components/LightboxComponent.html
+++ /dev/null
@@ -1,1223 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  LightboxComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/lightbox/src/lightbox.component.ts</code>
-</p>
-
-
-
-
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-3">host</td>
-                <td class="col-md-9"><code>{<br>}</code></td>
-            </tr>
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>lightbox</code></td>
-            </tr>
-
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./lightbox.component.scss</code></td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;i class&#x3D;&quot;g-btn-close&quot; aria-label&#x3D;&quot;Close&quot; [innerHTML]&#x3D;&quot;closeIcon&quot; (click)&#x3D;&quot;overlayRef.detach()&quot;&gt;&lt;/i&gt;
-&lt;gallery [id]&#x3D;&quot;id&quot; [destroyRef]&#x3D;&quot;false&quot; [skipInitConfig]&#x3D;&quot;true&quot;&gt;&lt;/gallery&gt;
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_elementFocusedBeforeDialogWasOpened" >_elementFocusedBeforeDialogWasOpened</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_focusTrap" >_focusTrap</a>
-                            </li>
-                            <li>
-                                <a href="#ariaDescribedBy" >ariaDescribedBy</a>
-                            </li>
-                            <li>
-                                <a href="#ariaLabel" >ariaLabel</a>
-                            </li>
-                            <li>
-                                <a href="#ariaLabelledBy" >ariaLabelledBy</a>
-                            </li>
-                            <li>
-                                <a href="#closeIcon" >closeIcon</a>
-                            </li>
-                            <li>
-                                <a href="#exitAnimationTime" >exitAnimationTime</a>
-                            </li>
-                            <li>
-                                <a href="#id" >id</a>
-                            </li>
-                            <li>
-                                <a href="#overlayRef" >overlayRef</a>
-                            </li>
-                            <li>
-                                <a href="#role" >role</a>
-                            </li>
-                            <li>
-                                <a href="#startAnimationTime" >startAnimationTime</a>
-                            </li>
-                            <li>
-                                <a href="#state" >state</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_restoreFocus" >_restoreFocus</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_savePreviouslyFocusedElement" >_savePreviouslyFocusedElement</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_trapFocus" >_trapFocus</a>
-                            </li>
-                            <li>
-                                <a href="#onAnimationDone" >onAnimationDone</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_document: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>, _focusTrapFactory: <a href="../undefineds/C.html" target="_self">ConfigurableFocusTrapFactory</a>, _elementRef: <a href="https://angular.io/api/core/ElementRef" target="_blank">ElementRef</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:69</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_document</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_focusTrapFactory</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../miscellaneous/functions.html#C" target="_self" >ConfigurableFocusTrapFactory</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_elementRef</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-
-
-    <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_restoreFocus"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_restoreFocus</b></span>
-                        <a href="#_restoreFocus"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_restoreFocus()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="114"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:114</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Restores focus to the element that was focused before the lightbox opened.</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_savePreviouslyFocusedElement"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_savePreviouslyFocusedElement</b></span>
-                        <a href="#_savePreviouslyFocusedElement"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_savePreviouslyFocusedElement()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="99"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:99</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Saves a reference to the element that was focused before the lightbox was opened.</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_trapFocus"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_trapFocus</b></span>
-                        <a href="#_trapFocus"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_trapFocus()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="88"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:88</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Moves the focus inside the focus trap.</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onAnimationDone"></a>
-                    <span class="name">
-                        <span ><b>onAnimationDone</b></span>
-                        <a href="#onAnimationDone"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>onAnimationDone(event: <a href="../undefineds/A.html" target="_self">AnimationEvent</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="78"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:78</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Callback, invoked whenever an animation on the host completes.</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>event</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#A" target="_self" >AnimationEvent</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_elementFocusedBeforeDialogWasOpened"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_elementFocusedBeforeDialogWasOpened</b></span>
-                        <a href="#_elementFocusedBeforeDialogWasOpened"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>HTMLElement</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:69</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Element that was focused before the lightbox was opened. Save this to restore upon close.</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_focusTrap"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_focusTrap</b></span>
-                        <a href="#_focusTrap"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/functions.html#C" target="_self" >ConfigurableFocusTrap</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:66</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>The class that traps and manages focus within the lightbox.</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ariaDescribedBy"></a>
-                    <span class="name">
-                        <span ><b>ariaDescribedBy</b></span>
-                        <a href="#ariaDescribedBy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:57</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>ID of the element that describes the lightbox.</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ariaLabel"></a>
-                    <span class="name">
-                        <span ><b>ariaLabel</b></span>
-                        <a href="#ariaLabel"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:51</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Aria label to assign to the lightbox element</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ariaLabelledBy"></a>
-                    <span class="name">
-                        <span ><b>ariaLabelledBy</b></span>
-                        <a href="#ariaLabelledBy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:54</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>ID of the element that should be considered as the lightbox&#39;s label.</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="closeIcon"></a>
-                    <span class="name">
-                        <span ><b>closeIcon</b></span>
-                        <a href="#closeIcon"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.io/api/platform-browser/SafeHtml" target="_blank" >SafeHtml</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:42</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Close button svg data</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="exitAnimationTime"></a>
-                    <span class="name">
-                        <span ><b>exitAnimationTime</b></span>
-                        <a href="#exitAnimationTime"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:63</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>The lightbox exit animation time in ms</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="id"></a>
-                    <span class="name">
-                        <span ><b>id</b></span>
-                        <a href="#id"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:36</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Gallery ref id</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="overlayRef"></a>
-                    <span class="name">
-                        <span ><b>overlayRef</b></span>
-                        <a href="#overlayRef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>OverlayRef</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:39</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Overlay ref to close the lightbox</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="role"></a>
-                    <span class="name">
-                        <span ><b>role</b></span>
-                        <a href="#role"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:48</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>The ARIA role of the lightbox element.</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="startAnimationTime"></a>
-                    <span class="name">
-                        <span ><b>startAnimationTime</b></span>
-                        <a href="#startAnimationTime"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:60</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>The lightbox start animation time in ms</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="state"></a>
-                    <span class="name">
-                        <span ><b>state</b></span>
-                        <a href="#state"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;void&quot; | &quot;enter&quot; | &quot;exit&quot;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;enter&#x27;</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.component.ts:45</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>State of the lightbox animation.</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
-
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, Optional, Inject, ElementRef, ChangeDetectionStrategy } from &#x27;@angular/core&#x27;;
-import { SafeHtml } from &#x27;@angular/platform-browser&#x27;;
-import { DOCUMENT } from &#x27;@angular/common&#x27;;
-import { AnimationEvent } from &#x27;@angular/animations&#x27;;
-import { OverlayRef } from &#x27;@angular/cdk/overlay&#x27;;
-import { ConfigurableFocusTrap, ConfigurableFocusTrapFactory } from &#x27;@angular/cdk/a11y&#x27;;
-import { GalleryComponent } from &#x27;ng-gallery&#x27;;
-import { lightboxAnimation } from &#x27;./lightbox.animation&#x27;;
-
-@Component({
-  selector: &#x27;lightbox&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  animations: [lightboxAnimation],
-  styleUrls: [&#x27;./lightbox.component.scss&#x27;],
-  template: &#x60;
-    &lt;i class&#x3D;&quot;g-btn-close&quot; aria-label&#x3D;&quot;Close&quot; [innerHTML]&#x3D;&quot;closeIcon&quot; (click)&#x3D;&quot;overlayRef.detach()&quot;&gt;&lt;/i&gt;
-    &lt;gallery [id]&#x3D;&quot;id&quot; [destroyRef]&#x3D;&quot;false&quot; [skipInitConfig]&#x3D;&quot;true&quot;&gt;&lt;/gallery&gt;
-  &#x60;,
-  host: {
-    &#x27;tabindex&#x27;: &#x27;-1&#x27;,
-    &#x27;aria-modal&#x27;: &#x27;true&#x27;,
-    &#x27;[attr.id]&#x27;: &#x27;&quot;lightbox-&quot; + id&#x27;,
-    &#x27;[attr.role]&#x27;: &#x27;role&#x27;,
-    &#x27;[attr.aria-labelledby]&#x27;: &#x27;ariaLabel ? null : ariaLabelledBy&#x27;,
-    &#x27;[attr.aria-label]&#x27;: &#x27;ariaLabel&#x27;,
-    &#x27;[attr.aria-describedby]&#x27;: &#x27;ariaDescribedBy || null&#x27;,
-    &#x27;[@lightbox]&#x27;: &#x27;{ value: state, params: { startAnimationTime: startAnimationTime, exitAnimationTime: exitAnimationTime } }&#x27;,
-    &#x27;(@lightbox.done)&#x27;: &#x27;onAnimationDone($event)&#x27;,
-  },
-  standalone: true,
-  imports: [GalleryComponent]
-})
-export class LightboxComponent {
-
-  /** Gallery ref id */
-  id: string;
-
-  /** Overlay ref to close the lightbox */
-  overlayRef: OverlayRef;
-
-  /** Close button svg data */
-  closeIcon: SafeHtml;
-
-  /** State of the lightbox animation. */
-  state: &#x27;void&#x27; | &#x27;enter&#x27; | &#x27;exit&#x27; &#x3D; &#x27;enter&#x27;;
-
-  /** The ARIA role of the lightbox element. */
-  role: string;
-
-  /** Aria label to assign to the lightbox element */
-  ariaLabel: string;
-
-  /** ID of the element that should be considered as the lightbox&#x27;s label. */
-  ariaLabelledBy: string;
-
-  /** ID of the element that describes the lightbox. */
-  ariaDescribedBy: string;
-
-  /** The lightbox start animation time in ms */
-  startAnimationTime: number;
-
-  /** The lightbox exit animation time in ms */
-  exitAnimationTime: number;
-
-  /** The class that traps and manages focus within the lightbox. */
-  private _focusTrap: ConfigurableFocusTrap;
-
-  /** Element that was focused before the lightbox was opened. Save this to restore upon close. */
-  private _elementFocusedBeforeDialogWasOpened: HTMLElement;
-
-  constructor(@Optional() @Inject(DOCUMENT) private _document: any,
-              private _focusTrapFactory: ConfigurableFocusTrapFactory,
-              private _elementRef: ElementRef) {
-    this._savePreviouslyFocusedElement();
-  }
-
-  /** Callback, invoked whenever an animation on the host completes. */
-  onAnimationDone(event: AnimationEvent) {
-    if (event.toState &#x3D;&#x3D;&#x3D; &#x27;enter&#x27;) {
-      this._trapFocus();
-    } else {
-      this.overlayRef.dispose();
-      this._restoreFocus();
-    }
-  }
-
-  /** Moves the focus inside the focus trap. */
-  private _trapFocus() {
-    if (!this._focusTrap) {
-      this._focusTrap &#x3D; this._focusTrapFactory.create(this._elementRef.nativeElement);
-    }
-    // If were to attempt to focus immediately, then the content of the lightbox would not yet be
-    // ready in instances where change detection has to run first. To deal with this, we simply
-    // wait for the microtask queue to be empty.
-    this._focusTrap.focusInitialElementWhenReady();
-  }
-
-  /** Saves a reference to the element that was focused before the lightbox was opened. */
-  private _savePreviouslyFocusedElement() {
-    if (this._document) {
-      this._elementFocusedBeforeDialogWasOpened &#x3D; this._document.activeElement as HTMLElement;
-
-      // Note that there is no focus method when rendering on the server.
-      if (this._elementRef.nativeElement.focus) {
-        // Move focus onto the lightbox immediately in order to prevent the user from accidentally
-        // opening multiple dialogs at the same time. Needs to be async, because the element
-        // may not be focusable immediately.
-        Promise.resolve().then(() &#x3D;&gt; this._elementRef.nativeElement.focus());
-      }
-    }
-  }
-
-  /** Restores focus to the element that was focused before the lightbox opened. */
-  private _restoreFocus() {
-    const toFocus &#x3D; this._elementFocusedBeforeDialogWasOpened;
-
-    // We need the extra check, because IE can set the &#x60;activeElement&#x60; to null in some cases.
-    if (toFocus &amp;&amp; typeof toFocus.focus &#x3D;&#x3D;&#x3D; &#x27;function&#x27;) {
-      toFocus.focus();
-    }
-
-    if (this._focusTrap) {
-      this._focusTrap.destroy();
-    }
-  }
-}
-</code></pre>
-    </div>
-
-
-    <div class="tab-pane fade " id="c-styleData">
-                <p class="comment">
-                    <code>./lightbox.component.scss</code>
-                </p>
-                <pre class="line-numbers"><code class="language-scss">@mixin fullscreen() {
-  width: 100%;
-  ::ng-deep {
-    lightbox {
-      max-width: unset;
-      max-height: unset;
-      position: fixed;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0;
-      height: 100%;
-      width: 100%;
-      border-radius: 0;
-    }
-  }
-}
-
-::ng-deep {
-  lightbox {
-    position: relative;
-    display: block;
-    width: 1100px;
-    height: 800px;
-    max-width: 94vw;
-    max-height: 90vh;
-    border-radius: 4px;
-    overflow: hidden;
-    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
-
-    &amp;:focus {
-      outline: none;
-    }
-
-    gallery {
-      height: 100%;
-      width: 100%;
-      overflow: hidden;
-      margin: 0;
-
-      gallery-core {
-        height: 100% !important;
-      }
-    }
-  }
-
-  .g-backdrop {
-    background-color: rgba(0, 0, 0, .32);
-  }
-
-  .fullscreen {
-    @include fullscreen();
-  }
-
-  .g-overlay {
-    margin: auto;
-
-    @media only screen and (max-width: 480px) {
-      @include fullscreen();
-    }
-  }
-
-  .g-btn-close {
-    position: absolute;
-    right: 0.9em;
-    top: 0.9em;
-    z-index: 60;
-    cursor: pointer;
-    width: 20px;
-    height: 20px;
-    @media only screen and (max-width: 480px) {
-      right: 0.7em;
-      top: 0.7em;
-    }
-
-    svg {
-      width: 100%;
-      height: 100%;
-      opacity: 0.6;
-      transition: opacity linear 150ms;
-      filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.8));
-
-      &amp;:hover {
-        opacity: 1;
-      }
-    }
-  }
-}
-</code></pre>
-    </div>
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><i class="g-btn-close" aria-label="Close" [innerHTML]="closeIcon" (click)="overlayRef.detach()"></i><gallery [id]="id" [destroyRef]="false" [skipInitConfig]="true"></gallery></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'LightboxComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'LightboxComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/components/LightboxExampleComponent.html b/documentation/components/LightboxExampleComponent.html
deleted file mode 100644
index d104c7bf..00000000
--- a/documentation/components/LightboxExampleComponent.html
+++ /dev/null
@@ -1,378 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-
-
-
-
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li
-  >
-  LightboxExampleComponent</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>projects/ng-gallery/src/stories/lightbox/lightbox-example.component.ts</code>
-</p>
-
-
-    <p class="comment">
-        <h3>Description</h3>
-    </p>
-    <p class="comment">
-        <p>This section demonstrate how to extend the image template, like displaying a text over the image item</p>
-
-    </p>
-
-
-
-
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-
-            <tr>
-                <td class="col-md-3">changeDetection</td>
-                <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>lightbox-example</code></td>
-            </tr>
-
-
-
-            <tr>
-                <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">
-</code></pre></td>
-            </tr>
-
-
-
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#items$" >items$</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(pixabay: <a href="../injectables/Pixabay.html" target="_self">Pixabay</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">projects/ng-gallery/src/stories/lightbox/lightbox-example.component.ts:22</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>pixabay</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Pixabay.html" target="_self" >Pixabay</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-
-
-
-    <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="items$"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>items$</b></span>
-                        <a href="#items$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryItem[]&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">projects/ng-gallery/src/stories/lightbox/lightbox-example.component.ts:22</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-</div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, ChangeDetectionStrategy } from &#x27;@angular/core&#x27;;
-import { CommonModule } from &#x27;@angular/common&#x27;;
-import { GalleryItem, } from &#x27;ng-gallery&#x27;;
-import { LightboxModule } from &#x27;ng-gallery/lightbox&#x27;;
-import { Observable } from &#x27;rxjs&#x27;;
-import { Pixabay } from &#x27;../pixabay/pixabay.service&#x27;;
-
-/**
- * This section demonstrate how to extend the image template, like displaying a text over the image item
- */
-@Component({
-  selector: &#x27;lightbox-example&#x27;,
-  template: &#x60;
-
-  &#x60;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [CommonModule, LightboxModule]
-})
-export class LightboxExampleComponent {
-
-  readonly items$: Observable&lt;GalleryItem[]&gt;;
-
-  constructor(pixabay: Pixabay) {
-    this.items$ &#x3D; pixabay.getHDImages(&#x27;massages&#x27;);
-  }
-}
-</code></pre>
-    </div>
-
-
-
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-
-    
-</div>
-
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div></div>'
-    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryDotsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];
-    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];
-    var ACTUAL_COMPONENT = {'name': 'LightboxExampleComponent'};
-</script>
-<script src="../js/tree.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'LightboxExampleComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/coverage.html b/documentation/coverage.html
deleted file mode 100644
index b631d608..00000000
--- a/documentation/coverage.html
+++ /dev/null
@@ -1,1360 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
-	   <link rel="stylesheet" href="./styles/style.css">
-        <link rel="stylesheet" href="./styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="./" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content coverage">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-    <li>Documentation coverage</li>
-</ol>
-
-<div>
-    <img src="./images/coverage-badge-documentation.svg">
-</div>
-
-<table class="table table-bordered coverage" id="coverage-table">
-    <thead class="coverage-header">
-        <tr>
-            <th>File</th>
-            <th>Type</th>
-            <th>Identifier</th>
-            <th style="text-align:right" class="statements" data-sort-default>Statements</th>
-        </tr>
-    </thead>
-    <tbody>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#config">projects/ng-gallery/.storybook/main.ts</a>
-            </td>
-            <td>variable</td>
-            <td>config</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#preview">projects/ng-gallery/.storybook/preview.ts</a>
-            </td>
-            <td>variable</td>
-            <td>preview</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/GallerizeDirective.html">projects/ng-gallery/lightbox/src/gallerize.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>GallerizeDirective</td>
-            <td align="right" data-sort="64">
-                <span class="coverage-percent">64 %</span>
-                <span class="coverage-count">(9/14)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#lightboxAnimation">projects/ng-gallery/lightbox/src/lightbox.animation.ts</a>
-            </td>
-            <td>variable</td>
-            <td>lightboxAnimation</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="very-good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/LightboxComponent.html">projects/ng-gallery/lightbox/src/lightbox.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>LightboxComponent</td>
-            <td align="right" data-sort="88">
-                <span class="coverage-percent">88 %</span>
-                <span class="coverage-count">(16/18)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#defaultConfig">projects/ng-gallery/lightbox/src/lightbox.default.ts</a>
-            </td>
-            <td>variable</td>
-            <td>defaultConfig</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/LightboxDirective.html">projects/ng-gallery/lightbox/src/lightbox.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>LightboxDirective</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/7)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/LightboxConfig.html">projects/ng-gallery/lightbox/src/lightbox.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>LightboxConfig</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/12)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#LIGHTBOX_CONFIG">projects/ng-gallery/lightbox/src/lightbox.model.ts</a>
-            </td>
-            <td>variable</td>
-            <td>LIGHTBOX_CONFIG</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="very-good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./injectables/Lightbox.html">projects/ng-gallery/lightbox/src/lightbox.service.ts</a>
-            </td>
-            <td>injectable</td>
-            <td>Lightbox</td>
-            <td align="right" data-sort="77">
-                <span class="coverage-percent">77 %</span>
-                <span class="coverage-count">(7/9)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/AutoplayDirective.html">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>AutoplayDirective</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/11)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./classes/SliderAdapter.html">projects/ng-gallery/src/lib/components/adapters/base-adapter.ts</a>
-            </td>
-            <td>class</td>
-            <td>SliderAdapter</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/10)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./classes/HorizontalAdapter.html">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts</a>
-            </td>
-            <td>class</td>
-            <td>HorizontalAdapter</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/13)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./classes/VerticalAdapter.html">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts</a>
-            </td>
-            <td>class</td>
-            <td>VerticalAdapter</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/13)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#Hammer">projects/ng-gallery/src/lib/components/adapters/main-adapters.ts</a>
-            </td>
-            <td>variable</td>
-            <td>Hammer</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryCoreComponent.html">projects/ng-gallery/src/lib/components/gallery-core.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryCoreComponent</td>
-            <td align="right" data-sort="54">
-                <span class="coverage-percent">54 %</span>
-                <span class="coverage-count">(12/22)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryCounterComponent.html">projects/ng-gallery/src/lib/components/gallery-counter.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryCounterComponent</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/2)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryDotsComponent.html">projects/ng-gallery/src/lib/components/gallery-bullets.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryBulletsComponent</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/6)</span>
-            </td>
-        </tr>
-        <tr class="good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryItemComponent.html">projects/ng-gallery/src/lib/components/gallery-item.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryItemComponent</td>
-            <td align="right" data-sort="56">
-                <span class="coverage-percent">56 %</span>
-                <span class="coverage-count">(9/16)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryNavComponent.html">projects/ng-gallery/src/lib/components/gallery-nav.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryNavComponent</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/8)</span>
-            </td>
-        </tr>
-        <tr class="medium">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GallerySliderComponent.html">projects/ng-gallery/src/lib/components/gallery-slider.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GallerySliderComponent</td>
-            <td align="right" data-sort="45">
-                <span class="coverage-percent">45 %</span>
-                <span class="coverage-count">(9/20)</span>
-            </td>
-        </tr>
-        <tr class="medium">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryThumbComponent.html">projects/ng-gallery/src/lib/components/gallery-thumb.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryThumbComponent</td>
-            <td align="right" data-sort="45">
-                <span class="coverage-percent">45 %</span>
-                <span class="coverage-count">(5/11)</span>
-            </td>
-        </tr>
-        <tr class="good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryThumbsComponent.html">projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryThumbsComponent</td>
-            <td align="right" data-sort="58">
-                <span class="coverage-percent">58 %</span>
-                <span class="coverage-count">(10/17)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryComponent.html">projects/ng-gallery/src/lib/components/gallery.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryComponent</td>
-            <td align="right" data-sort="3">
-                <span class="coverage-percent">3 %</span>
-                <span class="coverage-count">(3/77)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryIframeComponent.html">projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryIframeComponent</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/9)</span>
-            </td>
-        </tr>
-        <tr class="good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryImageComponent.html">projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryImageComponent</td>
-            <td align="right" data-sort="52">
-                <span class="coverage-percent">52 %</span>
-                <span class="coverage-count">(9/17)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryVideoComponent.html">projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryVideoComponent</td>
-            <td align="right" data-sort="6">
-                <span class="coverage-percent">6 %</span>
-                <span class="coverage-count">(1/15)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./classes/IframeItem.html">projects/ng-gallery/src/lib/components/templates/items.model.ts</a>
-            </td>
-            <td>class</td>
-            <td>IframeItem</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./classes/ImageItem.html">projects/ng-gallery/src/lib/components/templates/items.model.ts</a>
-            </td>
-            <td>class</td>
-            <td>ImageItem</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./classes/VideoItem.html">projects/ng-gallery/src/lib/components/templates/items.model.ts</a>
-            </td>
-            <td>class</td>
-            <td>VideoItem</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./classes/YoutubeItem.html">projects/ng-gallery/src/lib/components/templates/items.model.ts</a>
-            </td>
-            <td>class</td>
-            <td>YoutubeItem</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#imageFailedSvg">projects/ng-gallery/src/lib/components/templates/svg-assets.ts</a>
-            </td>
-            <td>variable</td>
-            <td>imageFailedSvg</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/GalleryBoxDef.html">projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>GalleryBoxDef</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/GalleryStateContext.html">projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts</a>
-            </td>
-            <td>interface</td>
-            <td>GalleryStateContext</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/3)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/GalleryImageDef.html">projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>GalleryImageDef</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/GalleryItemDef.html">projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>GalleryItemDef</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-        <tr class="very-good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/GalleryItemContext.html">projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts</a>
-            </td>
-            <td>interface</td>
-            <td>GalleryItemContext</td>
-            <td align="right" data-sort="87">
-                <span class="coverage-percent">87 %</span>
-                <span class="coverage-count">(7/8)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/GalleryThumbDef.html">projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>GalleryThumbDef</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/HammerSliding.html">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>HammerSliding</td>
-            <td align="right" data-sort="6">
-                <span class="coverage-percent">6 %</span>
-                <span class="coverage-count">(1/16)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#Hammer">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts</a>
-            </td>
-            <td>variable</td>
-            <td>Hammer</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/GalleryConfig.html">projects/ng-gallery/src/lib/models/config.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>GalleryConfig</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/44)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#GALLERY_CONFIG">projects/ng-gallery/src/lib/models/config.model.ts</a>
-            </td>
-            <td>variable</td>
-            <td>GALLERY_CONFIG</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/GalleryError.html">projects/ng-gallery/src/lib/models/gallery.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>GalleryError</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/3)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/GalleryItem.html">projects/ng-gallery/src/lib/models/gallery.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>GalleryItem</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/3)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/GalleryState.html">projects/ng-gallery/src/lib/models/gallery.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>GalleryState</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/8)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/SliderState.html">projects/ng-gallery/src/lib/models/slider.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>SliderState</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/3)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/WorkerState.html">projects/ng-gallery/src/lib/models/slider.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>WorkerState</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/3)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./classes/ActiveItemObserver.html">projects/ng-gallery/src/lib/observers/active-item-observer.ts</a>
-            </td>
-            <td>class</td>
-            <td>ActiveItemObserver</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/2)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#createIntersectionObserver">projects/ng-gallery/src/lib/observers/active-item-observer.ts</a>
-            </td>
-            <td>function</td>
-            <td>createIntersectionObserver</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/ItemIntersectionObserver.html">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>ItemIntersectionObserver</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/12)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/SliderIntersectionObserver.html">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>SliderIntersectionObserver</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/13)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/SliderResizeObserver.html">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>SliderResizeObserver</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/21)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/ThumbResizeObserver.html">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>ThumbResizeObserver</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/10)</span>
-            </td>
-        </tr>
-        <tr class="very-good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./classes/GalleryRef.html">projects/ng-gallery/src/lib/services/gallery-ref.ts</a>
-            </td>
-            <td>class</td>
-            <td>GalleryRef</td>
-            <td align="right" data-sort="92">
-                <span class="coverage-percent">92 %</span>
-                <span class="coverage-count">(23/25)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#filterActions">projects/ng-gallery/src/lib/services/gallery-ref.ts</a>
-            </td>
-            <td>variable</td>
-            <td>filterActions</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="very-good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./injectables/Gallery.html">projects/ng-gallery/src/lib/services/gallery.service.ts</a>
-            </td>
-            <td>injectable</td>
-            <td>Gallery</td>
-            <td align="right" data-sort="77">
-                <span class="coverage-percent">77 %</span>
-                <span class="coverage-count">(7/9)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#A">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>function</td>
-            <td>A</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#B">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>function</td>
-            <td>B</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#bezier">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>function</td>
-            <td>bezier</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#binarySubdivide">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>function</td>
-            <td>binarySubdivide</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#C">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>function</td>
-            <td>C</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#calcBezier">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>function</td>
-            <td>calcBezier</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#getSlope">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>function</td>
-            <td>getSlope</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#LinearEasing">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>function</td>
-            <td>LinearEasing</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#newtonRaphsonIterate">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>function</td>
-            <td>newtonRaphsonIterate</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#float32ArraySupported">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>variable</td>
-            <td>float32ArraySupported</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#kSampleStepSize">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>variable</td>
-            <td>kSampleStepSize</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#kSplineTableSize">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>variable</td>
-            <td>kSplineTableSize</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="very-good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#NEWTON_ITERATIONS">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>variable</td>
-            <td>NEWTON_ITERATIONS</td>
-            <td align="right" data-sort="100">
-                <span class="coverage-percent">100 %</span>
-                <span class="coverage-count">(1/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#NEWTON_MIN_SLOPE">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>variable</td>
-            <td>NEWTON_MIN_SLOPE</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#SUBDIVISION_MAX_ITERATIONS">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>variable</td>
-            <td>SUBDIVISION_MAX_ITERATIONS</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#SUBDIVISION_PRECISION">projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</a>
-            </td>
-            <td>variable</td>
-            <td>SUBDIVISION_PRECISION</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="medium">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/SmoothScroll.html">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts</a>
-            </td>
-            <td>directive</td>
-            <td>SmoothScroll</td>
-            <td align="right" data-sort="27">
-                <span class="coverage-percent">27 %</span>
-                <span class="coverage-count">(6/22)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#Hammer">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts</a>
-            </td>
-            <td>variable</td>
-            <td>Hammer</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/BezierEasingOptions.html">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>BezierEasingOptions</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/5)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/SmoothScrollOptions.html">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>SmoothScrollOptions</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/3)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/SmoothScrollStep.html">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>SmoothScrollStep</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/11)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#SMOOTH_SCROLL_OPTIONS">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts</a>
-            </td>
-            <td>variable</td>
-            <td>SMOOTH_SCROLL_OPTIONS</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#defaultConfig">projects/ng-gallery/src/lib/utils/gallery.default.ts</a>
-            </td>
-            <td>variable</td>
-            <td>defaultConfig</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="very-good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#defaultState">projects/ng-gallery/src/lib/utils/gallery.default.ts</a>
-            </td>
-            <td>variable</td>
-            <td>defaultState</td>
-            <td align="right" data-sort="100">
-                <span class="coverage-percent">100 %</span>
-                <span class="coverage-count">(1/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./injectables/ImgManager.html">projects/ng-gallery/src/lib/utils/img-manager.ts</a>
-            </td>
-            <td>injectable</td>
-            <td>ImgManager</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/6)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/ImageRegistry.html">projects/ng-gallery/src/lib/utils/img-manager.ts</a>
-            </td>
-            <td>interface</td>
-            <td>ImageRegistry</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/3)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./directives/ImgRecognizer.html">projects/ng-gallery/src/lib/utils/img-recognizer.ts</a>
-            </td>
-            <td>directive</td>
-            <td>ImgRecognizer</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/9)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/functions.html#resizeObservable">projects/ng-gallery/src/lib/utils/resize-observer.ts</a>
-            </td>
-            <td>function</td>
-            <td>resizeObservable</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="very-good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#All">projects/ng-gallery/src/stories/basic/Gallery.stories.ts</a>
-            </td>
-            <td>variable</td>
-            <td>All</td>
-            <td align="right" data-sort="100">
-                <span class="coverage-percent">100 %</span>
-                <span class="coverage-count">(1/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#Counter">projects/ng-gallery/src/stories/basic/Gallery.stories.ts</a>
-            </td>
-            <td>variable</td>
-            <td>Counter</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#Dots">projects/ng-gallery/src/stories/basic/Gallery.stories.ts</a>
-            </td>
-            <td>variable</td>
-            <td>Dots</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#meta">projects/ng-gallery/src/stories/basic/Gallery.stories.ts</a>
-            </td>
-            <td>variable</td>
-            <td>meta</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#Navigation">projects/ng-gallery/src/stories/basic/Gallery.stories.ts</a>
-            </td>
-            <td>variable</td>
-            <td>Navigation</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#Thumbnails">projects/ng-gallery/src/stories/basic/Gallery.stories.ts</a>
-            </td>
-            <td>variable</td>
-            <td>Thumbnails</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/GalleryExampleComponent.html">projects/ng-gallery/src/stories/basic/gallery-example.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>GalleryExampleComponent</td>
-            <td align="right" data-sort="5">
-                <span class="coverage-percent">5 %</span>
-                <span class="coverage-count">(2/37)</span>
-            </td>
-        </tr>
-        <tr class="very-good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#All">projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts</a>
-            </td>
-            <td>variable</td>
-            <td>All</td>
-            <td align="right" data-sort="100">
-                <span class="coverage-percent">100 %</span>
-                <span class="coverage-count">(1/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#meta">projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts</a>
-            </td>
-            <td>variable</td>
-            <td>meta</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="medium">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/CustomTemplateComponent.html">projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>CustomTemplateComponent</td>
-            <td align="right" data-sort="33">
-                <span class="coverage-percent">33 %</span>
-                <span class="coverage-count">(1/3)</span>
-            </td>
-        </tr>
-        <tr class="very-good">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#All">projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts</a>
-            </td>
-            <td>variable</td>
-            <td>All</td>
-            <td align="right" data-sort="100">
-                <span class="coverage-percent">100 %</span>
-                <span class="coverage-count">(1/1)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./miscellaneous/variables.html#meta">projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts</a>
-            </td>
-            <td>variable</td>
-            <td>meta</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/1)</span>
-            </td>
-        </tr>
-        <tr class="medium">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./components/LightboxExampleComponent.html">projects/ng-gallery/src/stories/lightbox/lightbox-example.component.ts</a>
-            </td>
-            <td>component</td>
-            <td>LightboxExampleComponent</td>
-            <td align="right" data-sort="33">
-                <span class="coverage-percent">33 %</span>
-                <span class="coverage-count">(1/3)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/Hit.html">projects/ng-gallery/src/stories/pixabay/pixabay.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>Hit</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/22)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/Hit2.html">projects/ng-gallery/src/stories/pixabay/pixabay.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>Hit2</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/18)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/PixabayHDModel.html">projects/ng-gallery/src/stories/pixabay/pixabay.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>PixabayHDModel</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./interfaces/PixabayModel.html">projects/ng-gallery/src/stories/pixabay/pixabay.model.ts</a>
-            </td>
-            <td>interface</td>
-            <td>PixabayModel</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-        <tr class="low">
-            <td>
-                <!-- miscellaneous -->
-                <a href="./injectables/Pixabay.html">projects/ng-gallery/src/stories/pixabay/pixabay.service.ts</a>
-            </td>
-            <td>injectable</td>
-            <td>Pixabay</td>
-            <td align="right" data-sort="0">
-                <span class="coverage-percent">0 %</span>
-                <span class="coverage-count">(0/4)</span>
-            </td>
-        </tr>
-    </tbody>
-</table>
-
-<script src="js/libs/tablesort.min.js"></script>
-<script src="js/libs/tablesort.number.min.js"></script>
-<script>
-    new Tablesort(document.getElementById('coverage-table'));
-</script>
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 0;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'coverage';
-            var COMPODOC_CURRENT_PAGE_URL = 'coverage.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="./js/libs/custom-elements.min.js"></script>
-       <script src="./js/libs/lit-html.js"></script>
-
-       <script src="./js/menu-wc.js" defer></script>
-       <script nomodule src="./js/menu-wc_es5.js" defer></script>
-
-       <script src="./js/libs/bootstrap-native.js"></script>
-
-       <script src="./js/libs/es6-shim.min.js"></script>
-       <script src="./js/libs/EventDispatcher.js"></script>
-       <script src="./js/libs/promise.min.js"></script>
-       <script src="./js/libs/zepto.min.js"></script>
-
-       <script src="./js/compodoc.js"></script>
-
-       <script src="./js/tabs.js"></script>
-       <script src="./js/menu.js"></script>
-       <script src="./js/libs/clipboard.min.js"></script>
-       <script src="./js/libs/prism.js"></script>
-       <script src="./js/sourceCode.js"></script>
-          <script src="./js/search/search.js"></script>
-          <script src="./js/search/lunr.min.js"></script>
-          <script src="./js/search/search-lunr.js"></script>
-          <script src="./js/search/search_index.js"></script>
-       <script src="./js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/dependencies.html b/documentation/dependencies.html
deleted file mode 100644
index b033dfe1..00000000
--- a/documentation/dependencies.html
+++ /dev/null
@@ -1,169 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
-	   <link rel="stylesheet" href="./styles/style.css">
-        <link rel="stylesheet" href="./styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="./" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content package-dependencies">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    <ol class="breadcrumb">
-        <li>Dependencies</li>
-    </ol>
-    <ul class="dependencies-list">
-        <li>
-            <b>@angular/animations</b> : ^16.2.7</li>
-        <li>
-            <b>@angular/cdk</b> : ^16.2.6</li>
-        <li>
-            <b>@angular/common</b> : ^16.2.7</li>
-        <li>
-            <b>@angular/compiler</b> : ^16.2.7</li>
-        <li>
-            <b>@angular/core</b> : ^16.2.7</li>
-        <li>
-            <b>@angular/flex-layout</b> : ^15.0.0-beta.42</li>
-        <li>
-            <b>@angular/forms</b> : ^16.2.7</li>
-        <li>
-            <b>@angular/material</b> : ^16.2.6</li>
-        <li>
-            <b>@angular/platform-browser</b> : ^16.2.7</li>
-        <li>
-            <b>@angular/platform-browser-dynamic</b> : ^16.2.7</li>
-        <li>
-            <b>@angular/platform-server</b> : ^16.2.7</li>
-        <li>
-            <b>@angular/router</b> : ^16.2.7</li>
-        <li>
-            <b>@fortawesome/angular-fontawesome</b> : ^0.13.0</li>
-        <li>
-            <b>@fortawesome/fontawesome-svg-core</b> : ^6.4.0</li>
-        <li>
-            <b>@fortawesome/free-brands-svg-icons</b> : ^6.4.0</li>
-        <li>
-            <b>@fortawesome/free-solid-svg-icons</b> : ^6.4.0</li>
-        <li>
-            <b>@nguniversal/express-engine</b> : ^16.2.0</li>
-        <li>
-            <b>express</b> : ^4.15.2</li>
-        <li>
-            <b>hammerjs</b> : ^2.0.8</li>
-        <li>
-            <b>highlight.js</b> : ^11.8.0</li>
-        <li>
-            <b>ngx-highlightjs</b> : ^9.0.0</li>
-        <li>
-            <b>ngx-progressbar</b> : ^11.0.0</li>
-        <li>
-            <b>ngx-scrollbar</b> : ^12.0.0</li>
-        <li>
-            <b>rxjs</b> : ~7.5.6</li>
-        <li>
-            <b>tslib</b> : ^2.3.0</li>
-        <li>
-            <b>zone.js</b> : ~0.13.0</li>
-    </ul>
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 0;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'package-dependencies';
-            var COMPODOC_CURRENT_PAGE_URL = 'dependencies.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="./js/libs/custom-elements.min.js"></script>
-       <script src="./js/libs/lit-html.js"></script>
-
-       <script src="./js/menu-wc.js" defer></script>
-       <script nomodule src="./js/menu-wc_es5.js" defer></script>
-
-       <script src="./js/libs/bootstrap-native.js"></script>
-
-       <script src="./js/libs/es6-shim.min.js"></script>
-       <script src="./js/libs/EventDispatcher.js"></script>
-       <script src="./js/libs/promise.min.js"></script>
-       <script src="./js/libs/zepto.min.js"></script>
-
-       <script src="./js/compodoc.js"></script>
-
-       <script src="./js/tabs.js"></script>
-       <script src="./js/menu.js"></script>
-       <script src="./js/libs/clipboard.min.js"></script>
-       <script src="./js/libs/prism.js"></script>
-       <script src="./js/sourceCode.js"></script>
-          <script src="./js/search/search.js"></script>
-          <script src="./js/search/lunr.min.js"></script>
-          <script src="./js/search/search-lunr.js"></script>
-          <script src="./js/search/search_index.js"></script>
-       <script src="./js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/AutoplayDirective.html b/documentation/directives/AutoplayDirective.html
deleted file mode 100644
index 254370e1..00000000
--- a/documentation/directives/AutoplayDirective.html
+++ /dev/null
@@ -1,675 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >AutoplayDirective</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts</code>
-        </p>
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
-                            <code><a href="../miscellaneous/functions.html#C" target="_self" >OnChanges</a></code>
-                            <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-            </p>
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>gallery-core[autoplay]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_currentSubscription" >_currentSubscription</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_galleryRef" >_galleryRef</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_subscribe" >_subscribe</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_unsubscribe" >_unsubscribe</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnChanges" >ngOnChanges</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#galleryId" >galleryId</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_gallery: <a href="../injectables/Gallery.html" target="_self">Gallery</a>, _imgManager: <a href="../injectables/ImgManager.html" target="_self">ImgManager</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:21</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_gallery</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >Gallery</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_imgManager</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/ImgManager.html" target="_self" >ImgManager</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="19" class="link-to-prism">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:19</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="galleryId"></a>
-                        <b>galleryId</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:21</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_subscribe"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_subscribe</b></span>
-                        <a href="#_subscribe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_subscribe()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="42"
-                            class="link-to-prism">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:42</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_unsubscribe"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_unsubscribe</b></span>
-                        <a href="#_unsubscribe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_unsubscribe()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="60"
-                            class="link-to-prism">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:60</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnChanges"></a>
-                    <span class="name">
-                        <span ><b>ngOnChanges</b></span>
-                        <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnChanges()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="31"
-                            class="link-to-prism">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:31</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="37"
-                            class="link-to-prism">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:37</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="26"
-                            class="link-to-prism">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:26</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_currentSubscription"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_currentSubscription</b></span>
-                        <a href="#_currentSubscription"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="15" class="link-to-prism">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:15</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_galleryRef"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_galleryRef</b></span>
-                        <a href="#_galleryRef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryRef</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:17</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, Input, OnInit, OnChanges, OnDestroy } from &#x27;@angular/core&#x27;;
-import { Subscription, delay, of, switchMap, tap, EMPTY } from &#x27;rxjs&#x27;;
-import { ImgManager } from &#x27;../utils/img-manager&#x27;;
-import { Gallery } from &#x27;../services/gallery.service&#x27;;
-import { GalleryRef } from &#x27;../services/gallery-ref&#x27;;
-import { GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-
-@Directive({
-  selector: &#x27;gallery-core[autoplay]&#x27;,
-  standalone: true
-})
-export class AutoplayDirective implements OnInit, OnChanges, OnDestroy {
-
-  private _currentSubscription: Subscription;
-
-  private _galleryRef: GalleryRef;
-
-  @Input() config: GalleryConfig;
-
-  @Input() galleryId: string;
-
-  constructor(private _gallery: Gallery, private _imgManager: ImgManager) {
-  }
-
-  ngOnInit(): void {
-    this._galleryRef &#x3D; this._gallery.ref(this.galleryId);
-    this._subscribe();
-  }
-
-  ngOnChanges(): void {
-    if (this._galleryRef) {
-      this.config.autoplay ? this._galleryRef.play() : this._galleryRef.stop();
-    }
-  }
-
-  ngOnDestroy(): void {
-    this._unsubscribe();
-  }
-
-
-  private _subscribe(): void {
-    this._unsubscribe();
-
-    this._currentSubscription &#x3D; this._galleryRef.playingChanged.pipe(
-      switchMap((state: GalleryState) &#x3D;&gt; {
-        if(state.isPlaying) {
-          return this._imgManager.getActiveItem(this._galleryRef.state).pipe(
-            switchMap(() &#x3D;&gt; of({}).pipe(
-              delay(this.config.playerInterval),
-              tap(() &#x3D;&gt; this._galleryRef.next(this.config.scrollBehavior))
-            ))
-          );
-        }
-        return EMPTY;
-      })
-    ).subscribe();
-  }
-
-  private _unsubscribe(): void {
-    this._currentSubscription?.unsubscribe();
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'AutoplayDirective.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/GallerizeDirective.html b/documentation/directives/GallerizeDirective.html
deleted file mode 100644
index 7dc8d9ca..00000000
--- a/documentation/directives/GallerizeDirective.html
+++ /dev/null
@@ -1,1030 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >GallerizeDirective</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/lightbox/src/gallerize.directive.ts</code>
-        </p>
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
-                            <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-            </p>
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[gallerize]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_detector$" >_detector$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_galleryId" >_galleryId</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_itemChange$" >_itemChange$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_itemClick$" >_itemClick$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#_mode" >_mode</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_observer$" >_observer$</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#detectorMode" >detectorMode</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#galleryMode" >galleryMode</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#gallerize" >gallerize</a>
-                            </li>
-                            <li>
-                                <a href="#selector" >selector</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_zone: <a href="https://angular.io/api/core/NgZone" target="_blank">NgZone</a>, _el: <a href="https://angular.io/api/core/ElementRef" target="_blank">ElementRef</a>, _gallery: <a href="../injectables/Gallery.html" target="_self">Gallery</a>, _lightbox: <a href="../injectables/Lightbox.html" target="_self">Lightbox</a>, _document: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>, _galleryCmp: <a href="../injectables/Gallery.html" target="_self">GalleryComponent</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:62</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_zone</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/NgZone" target="_blank" >NgZone</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_el</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_gallery</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >Gallery</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_lightbox</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Lightbox.html" target="_self" >Lightbox</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_document</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_galleryCmp</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >GalleryComponent</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="gallerize"></a>
-                        <b>gallerize</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:59</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>If set, it will become the gallery id</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="selector"></a>
-                        <b>selector</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;img&#x27;</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:62</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>The selector used to query images elements</p>
-</div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="detectorMode"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>detectorMode</b></span>
-                        <a href="#detectorMode"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>detectorMode(galleryRef: <a href="../injectables/Gallery.html" target="_self">GalleryRef</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="112"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:112</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Detector mode: means <code>gallerize</code> directive is used on a normal HTMLElement
- Detects images and adds a click event to each image, so it opens in the lightbox</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>galleryRef</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryRef</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="galleryMode"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>galleryMode</b></span>
-                        <a href="#galleryMode"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>galleryMode(galleryRef: <a href="../injectables/Gallery.html" target="_self">GalleryRef</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="104"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:104</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Gallery mode: means <code>gallerize</code> directive is used on <code>&lt;gallery&gt;</code> component
-Adds a click event to each gallery item so it opens in lightbox</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>galleryRef</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryRef</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="90"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:90</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="75"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:75</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_detector$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_detector$</b></span>
-                        <a href="#_detector$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subject&lt;void&gt;</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:48</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits when image is discover</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_galleryId"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_galleryId</b></span>
-                        <a href="#_galleryId"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;lightbox&#x27;</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:37</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Default gallery id</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_itemChange$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_itemChange$</b></span>
-                        <a href="#_itemChange$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:54</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_itemClick$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_itemClick$</b></span>
-                        <a href="#_itemClick$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:53</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Gallery events (if used on a gallery component)</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_mode"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>_mode</b></span>
-                        <a href="#_mode"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/enumerations.html#GallerizeMode" target="_self" >GallerizeMode</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:40</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Gallerize mode</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_observer$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_observer$</b></span>
-                        <a href="#_observer$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>MutationObserver</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">projects/ng-gallery/lightbox/src/gallerize.directive.ts:45</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits to fire the detection stream the image elements has changed</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Directive,
-  Input,
-  OnInit,
-  OnDestroy,
-  Inject,
-  Optional,
-  Self,
-  Host,
-  NgZone,
-  ElementRef,
-} from &#x27;@angular/core&#x27;;
-import { DOCUMENT } from &#x27;@angular/common&#x27;;
-import { Gallery, GalleryRef, ImageItem, GalleryComponent, GalleryState, GalleryItem } from &#x27;ng-gallery&#x27;;
-import { Subject, Subscription, from, tap, map, switchMap, finalize, debounceTime, EMPTY } from &#x27;rxjs&#x27;;
-
-import { Lightbox } from &#x27;./lightbox.service&#x27;;
-
-/**
- * This directive has 2 modes:
- * 1 - If host element is a HTMLElement, it detects the images and hooks their clicks to lightbox
- * 2 - If host element is a GalleryComponent, it hooks the images click to the lightbox
- */
-
-const enum GallerizeMode {
-  Detector &#x3D; &#x27;detector&#x27;,
-  Gallery &#x3D; &#x27;gallery&#x27;
-}
-
-@Directive({
-  selector: &#x27;[gallerize]&#x27;,
-  standalone: true
-})
-export class GallerizeDirective implements OnInit, OnDestroy {
-
-  /** Default gallery id */
-  private _galleryId: string &#x3D; &#x27;lightbox&#x27;;
-
-  /** Gallerize mode */
-  private readonly _mode: GallerizeMode;
-
-  /** If host element is a HTMLElement, will use the following variables: */
-
-  /** Stream that emits to fire the detection stream the image elements has changed */
-  private _observer$: MutationObserver;
-
-  /** Stream that emits when image is discover */
-  private _detector$: Subject&lt;void&gt;;
-
-  /** If host element is a GalleryComponent, will use the following variables: */
-
-  /** Gallery events (if used on a gallery component) */
-  private _itemClick$: Subscription;
-  private _itemChange$: Subscription;
-
-  // &#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;
-
-  /** If set, it will become the gallery id */
-  @Input() gallerize: string;
-
-  /** The selector used to query images elements */
-  @Input() selector: string &#x3D; &#x27;img&#x27;;
-
-  constructor(private _zone: NgZone,
-              private _el: ElementRef,
-              private _gallery: Gallery,
-              private _lightbox: Lightbox,
-              @Inject(DOCUMENT) private _document: any,
-              @Host() @Self() @Optional() private _galleryCmp: GalleryComponent) {
-
-    // Set gallerize mode
-    this._mode &#x3D; _galleryCmp ? GallerizeMode.Gallery : GallerizeMode.Detector;
-  }
-
-  ngOnInit(): void {
-    this._zone.runOutsideAngular(() &#x3D;&gt; {
-      this._galleryId &#x3D; this.gallerize || this._galleryId;
-      const ref: GalleryRef &#x3D; this._gallery.ref(this._galleryId);
-
-      switch (this._mode) {
-        case GallerizeMode.Detector:
-          this.detectorMode(ref);
-          break;
-        case GallerizeMode.Gallery:
-          this.galleryMode(ref);
-      }
-    });
-  }
-
-  ngOnDestroy(): void {
-    switch (this._mode) {
-      case GallerizeMode.Detector:
-        this._detector$.complete();
-        this._observer$.disconnect();
-        break;
-      case GallerizeMode.Gallery:
-        this._itemClick$.unsubscribe();
-        this._itemChange$.unsubscribe();
-    }
-  }
-
-  /** Gallery mode: means &#x60;gallerize&#x60; directive is used on &#x60;&lt;gallery&gt;&#x60; component
-   * Adds a click event to each gallery item so it opens in lightbox */
-  private galleryMode(galleryRef: GalleryRef): void {
-    // Clone its items to the new gallery instance
-    this._itemClick$ &#x3D; this._galleryCmp.galleryRef.itemClick.subscribe((i: number) &#x3D;&gt; this._lightbox.open(i, this._galleryId));
-    this._itemChange$ &#x3D; this._galleryCmp.galleryRef.itemsChanged.subscribe((state: GalleryState) &#x3D;&gt; galleryRef.load(state.items));
-  }
-
-  /** Detector mode: means &#x60;gallerize&#x60; directive is used on a normal HTMLElement
-   *  Detects images and adds a click event to each image, so it opens in the lightbox */
-  private detectorMode(galleryRef: GalleryRef): void {
-    this._detector$ &#x3D; new Subject();
-    // Query image elements
-    this._detector$.pipe(
-      debounceTime(300),
-      switchMap(() &#x3D;&gt; {
-
-        /** get all img elements from content */
-        const imageElements &#x3D; this._el.nativeElement.querySelectorAll(this.selector);
-
-        if (imageElements &amp;&amp; imageElements.length) {
-
-          const images: GalleryItem[] &#x3D; [];
-
-          return from(imageElements).pipe(
-            map((el: HTMLElement, i: number) &#x3D;&gt; {
-              // Add click event to the image
-              el.style.cursor &#x3D; &#x27;pointer&#x27;;
-              el.addEventListener(&#x27;click&#x27;, () &#x3D;&gt; {
-                this._zone.run(() &#x3D;&gt; this._lightbox.open(i, this._galleryId));
-              });
-
-              if (el instanceof HTMLImageElement) {
-                // If element is type of img use the src property
-                return {
-                  src: el.getAttribute(&#x27;imageSrc&#x27;) || el.src,
-                  thumb: el.getAttribute(&#x27;thumbSrc&#x27;) || el.src
-                };
-              } else {
-                // Otherwise, use element background-image url
-                const elStyle &#x3D; this._document.defaultView.getComputedStyle(el, null);
-                const background &#x3D; elStyle.backgroundImage.slice(4, -1).replace(/&quot;/g, &#x27;&#x27;);
-                return {
-                  src: el.getAttribute(&#x27;imageSrc&#x27;) || background,
-                  thumb: el.getAttribute(&#x27;thumbSrc&#x27;) || background
-                };
-              }
-            }),
-            tap((data: any) &#x3D;&gt; images.push(new ImageItem(data))),
-            finalize(() &#x3D;&gt; galleryRef.load(images))
-          );
-        } else {
-          return EMPTY;
-        }
-      })
-    ).subscribe();
-
-    // Observe content changes
-    this._observer$ &#x3D; new MutationObserver(() &#x3D;&gt; this._detector$.next());
-    this._observer$.observe(this._el.nativeElement, { childList: true, subtree: true });
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'GallerizeDirective.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/GalleryBoxDef.html b/documentation/directives/GalleryBoxDef.html
deleted file mode 100644
index ea80b91d..00000000
--- a/documentation/directives/GalleryBoxDef.html
+++ /dev/null
@@ -1,408 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >GalleryBoxDef</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts</code>
-        </p>
-
-
-
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[galleryBoxDef]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#templateRef" >templateRef</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Static</span>
-                                <a href="#ngTemplateContextGuard" >ngTemplateContextGuard</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(templateRef: <a href="../injectables/Gallery.html" target="_self">TemplateRef&lt;GalleryStateContext&gt;</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="10" class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts:10</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>templateRef</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >TemplateRef&lt;GalleryStateContext&gt;</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngTemplateContextGuard"></a>
-                    <span class="name">
-                        <span class="modifier">Static</span>
-                        <span ><b>ngTemplateContextGuard</b></span>
-                        <a href="#ngTemplateContextGuard"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>ngTemplateContextGuard(directive: <a href="../injectables/Gallery.html" target="_self">GalleryBoxDef</a>, context)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="17"
-                            class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts:17</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>directive</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryBoxDef</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>context</td>
-                                    <td>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryStateContext</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="templateRef"></a>
-                    <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>templateRef</b></span>
-                        <a href="#templateRef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >TemplateRef&lt;GalleryStateContext&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="12" class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts:12</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, TemplateRef } from &#x27;@angular/core&#x27;;
-import { GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-
-
-@Directive({
-  standalone: true,
-  selector: &#x27;[galleryBoxDef]&#x27;
-})
-export class GalleryBoxDef {
-
-  constructor(public templateRef: TemplateRef&lt;GalleryStateContext&gt;) {
-  }
-
-  // Make sure the template checker knows the type of the context with which the
-  // template of this directive will be rendered
-  static ngTemplateContextGuard(
-    directive: GalleryBoxDef,
-    context: unknown
-  ): context is GalleryStateContext {
-    return true;
-  }
-}
-
-export interface GalleryStateContext {
-  state?: GalleryState;
-  config?: GalleryConfig;
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryBoxDef.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/GalleryImageDef.html b/documentation/directives/GalleryImageDef.html
deleted file mode 100644
index 4b8aff48..00000000
--- a/documentation/directives/GalleryImageDef.html
+++ /dev/null
@@ -1,402 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >GalleryImageDef</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts</code>
-        </p>
-
-
-
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[galleryImageDef]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#templateRef" >templateRef</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Static</span>
-                                <a href="#ngTemplateContextGuard" >ngTemplateContextGuard</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(templateRef: <a href="../injectables/Gallery.html" target="_self">TemplateRef&lt;GalleryItemContext&lt;ImageItemData&gt;&gt;</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="9" class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts:9</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>templateRef</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >TemplateRef&lt;GalleryItemContext&lt;ImageItemData&gt;&gt;</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngTemplateContextGuard"></a>
-                    <span class="name">
-                        <span class="modifier">Static</span>
-                        <span ><b>ngTemplateContextGuard</b></span>
-                        <a href="#ngTemplateContextGuard"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>ngTemplateContextGuard(directive: <a href="../injectables/Gallery.html" target="_self">GalleryImageDef</a>, context)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="16"
-                            class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts:16</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>directive</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryImageDef</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>context</td>
-                                    <td>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemContext&lt;ImageItemData&gt;</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="templateRef"></a>
-                    <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>templateRef</b></span>
-                        <a href="#templateRef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >TemplateRef&lt;GalleryItemContext&lt;ImageItemData&gt;&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="11" class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts:11</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, TemplateRef } from &#x27;@angular/core&#x27;;
-import { ImageItemData } from &#x27;../components/templates/items.model&#x27;;
-import { GalleryItemContext } from &#x27;./gallery-item-def.directive&#x27;;
-
-@Directive({
-  standalone: true,
-  selector: &#x27;[galleryImageDef]&#x27;
-})
-export class GalleryImageDef {
-
-  constructor(public templateRef: TemplateRef&lt;GalleryItemContext&lt;ImageItemData&gt;&gt;) {
-  }
-
-  // Make sure the template checker knows the type of the context with which the
-  // template of this directive will be rendered
-  static ngTemplateContextGuard(
-    directive: GalleryImageDef,
-    context: unknown
-  ): context is GalleryItemContext&lt;ImageItemData&gt; {
-    return true;
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryImageDef.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/GalleryItemDef.html b/documentation/directives/GalleryItemDef.html
deleted file mode 100644
index 63efc0a6..00000000
--- a/documentation/directives/GalleryItemDef.html
+++ /dev/null
@@ -1,424 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >GalleryItemDef</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts</code>
-        </p>
-
-
-
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[galleryItemDef]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#templateRef" >templateRef</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Static</span>
-                                <a href="#ngTemplateContextGuard" >ngTemplateContextGuard</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(templateRef: <a href="../injectables/Gallery.html" target="_self">TemplateRef&lt;GalleryItemContext&lt;GalleryItemDef&gt;&gt;</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="9" class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts:9</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>templateRef</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >TemplateRef&lt;GalleryItemContext&lt;GalleryItemDef&gt;&gt;</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngTemplateContextGuard"></a>
-                    <span class="name">
-                        <span class="modifier">Static</span>
-                        <span ><b>ngTemplateContextGuard</b></span>
-                        <a href="#ngTemplateContextGuard"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>ngTemplateContextGuard(directive: <a href="../injectables/Gallery.html" target="_self">GalleryItemDef</a>, context)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="15"
-                            class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts:15</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>directive</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemDef</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>context</td>
-                                    <td>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemContext&lt;GalleryItemData&gt;</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="templateRef"></a>
-                    <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>templateRef</b></span>
-                        <a href="#templateRef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >TemplateRef&lt;GalleryItemContext&lt;GalleryItemDef&gt;&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="10" class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts:10</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, TemplateRef } from &#x27;@angular/core&#x27;;
-import { GalleryItemData } from &#x27;../components/templates/items.model&#x27;;
-import { GalleryItemType } from &#x27;../models/constants&#x27;;
-
-@Directive({
-  standalone: true,
-  selector: &#x27;[galleryItemDef]&#x27;
-})
-export class GalleryItemDef {
-  constructor(public templateRef: TemplateRef&lt;GalleryItemContext&lt;GalleryItemDef&gt;&gt;) {
-  }
-
-  // Make sure the template checker knows the type of the context with which the
-  // template of this directive will be rendered
-  static ngTemplateContextGuard(
-    directive: GalleryItemDef,
-    context: unknown
-  ): context is GalleryItemContext&lt;GalleryItemData&gt; {
-    return true;
-  }
-}
-
-export interface GalleryItemContext&lt;T&gt; {
-  /** Data for the row that this cell is located within. */
-  $implicit?: T;
-
-  /** Index of the item. */
-  index?: number;
-
-  /** The type of the item. */
-  type?: GalleryItemType;
-
-  /** True if this item is the active one. */
-  active?: boolean;
-
-  /** The number of total items. */
-  count?: number;
-
-  /** True if this item is first. */
-  first?: boolean;
-
-  /** True if this item is last. */
-  last?: boolean;
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryItemDef.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/GalleryThumbDef.html b/documentation/directives/GalleryThumbDef.html
deleted file mode 100644
index 05dfd17e..00000000
--- a/documentation/directives/GalleryThumbDef.html
+++ /dev/null
@@ -1,401 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >GalleryThumbDef</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts</code>
-        </p>
-
-
-
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[galleryThumbDef]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#templateRef" >templateRef</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Static</span>
-                                <a href="#ngTemplateContextGuard" >ngTemplateContextGuard</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(templateRef: <a href="../injectables/Gallery.html" target="_self">TemplateRef&lt;GalleryItemContext&lt;ImageItemData&gt;&gt;</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="9" class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts:9</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>templateRef</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >TemplateRef&lt;GalleryItemContext&lt;ImageItemData&gt;&gt;</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngTemplateContextGuard"></a>
-                    <span class="name">
-                        <span class="modifier">Static</span>
-                        <span ><b>ngTemplateContextGuard</b></span>
-                        <a href="#ngTemplateContextGuard"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>ngTemplateContextGuard(directive: <a href="../injectables/Gallery.html" target="_self">GalleryThumbDef</a>, context)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="15"
-                            class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts:15</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>directive</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryThumbDef</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>context</td>
-                                    <td>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemContext&lt;ImageItemData&gt;</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="templateRef"></a>
-                    <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>templateRef</b></span>
-                        <a href="#templateRef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >TemplateRef&lt;GalleryItemContext&lt;ImageItemData&gt;&gt;</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="11" class="link-to-prism">projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts:11</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, TemplateRef } from &#x27;@angular/core&#x27;;
-import { ImageItemData } from &#x27;../components/templates/items.model&#x27;;
-import { GalleryItemContext } from &#x27;./gallery-item-def.directive&#x27;;
-
-@Directive({
-  standalone: true,
-  selector: &#x27;[galleryThumbDef]&#x27;
-})
-export class GalleryThumbDef {
-
-  constructor(public templateRef: TemplateRef&lt;GalleryItemContext&lt;ImageItemData&gt;&gt;) {
-  }
-  // Make sure the template checker knows the type of the context with which the
-  // template of this directive will be rendered
-  static ngTemplateContextGuard(
-    directive: GalleryThumbDef,
-    context: unknown
-  ): context is GalleryItemContext&lt;ImageItemData&gt; {
-    return true;
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryThumbDef.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/HammerSliding.html b/documentation/directives/HammerSliding.html
deleted file mode 100644
index d8280b20..00000000
--- a/documentation/directives/HammerSliding.html
+++ /dev/null
@@ -1,1031 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >HammerSliding</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts</code>
-        </p>
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="../miscellaneous/functions.html#C" target="_self" >OnChanges</a></code>
-                            <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-            </p>
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[hammerSliding]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_hammer" >_hammer</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_subscribe" >_subscribe</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_unsubscribe" >_unsubscribe</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#getElementFromViewportCenter" >getElementFromViewportCenter</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#getIndexOnMouseUp" >getIndexOnMouseUp</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnChanges" >ngOnChanges</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#adapter" >adapter</a>
-                            </li>
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#galleryId" >galleryId</a>
-                            </li>
-                            <li>
-                                <a href="#items" >items</a>
-                            </li>
-                            <li>
-                                <a href="#state" >state</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#activeIndexChange" >activeIndexChange</a>
-                            </li>
-                            <li>
-                                <a href="#isSlidingChange" >isSlidingChange</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#_viewport" >_viewport</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_document: Document, _el: ElementRef<HTMLElement>, _platform: Platform, _zone: <a href="https://angular.io/api/core/NgZone" target="_blank">NgZone</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:37</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_document</td>
-                                                  
-                                                        <td>
-                                                                    <code>Document</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_el</td>
-                                                  
-                                                        <td>
-                                                                    <code>ElementRef&lt;HTMLElement&gt;</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_platform</td>
-                                                  
-                                                        <td>
-                                                                    <code>Platform</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_zone</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/NgZone" target="_blank" >NgZone</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="adapter"></a>
-                        <b>adapter</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/SliderAdapter.html" target="_self" >SliderAdapter</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:29</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:33</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="galleryId"></a>
-                        <b>galleryId</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:25</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="items"></a>
-                        <b>items</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemComponent[] | GalleryThumbComponent[]</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:27</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="state"></a>
-                        <b>state</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:31</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-            <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="activeIndexChange"></a>
-                        <b>activeIndexChange</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;number&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:35</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isSlidingChange"></a>
-                        <b>isSlidingChange</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;boolean&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:37</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_subscribe"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_subscribe</b></span>
-                        <a href="#_subscribe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_subscribe()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="59"
-                            class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:59</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_unsubscribe"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_unsubscribe</b></span>
-                        <a href="#_unsubscribe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_unsubscribe()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="98"
-                            class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:98</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getElementFromViewportCenter"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>getElementFromViewportCenter</b></span>
-                        <a href="#getElementFromViewportCenter"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>getElementFromViewportCenter()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="124"
-                            class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:124</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>Element</code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getIndexOnMouseUp"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>getIndexOnMouseUp</b></span>
-                        <a href="#getIndexOnMouseUp"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>getIndexOnMouseUp(e: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="102"
-                            class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:102</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>e</td>
-                                    <td>
-                                                <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnChanges"></a>
-                    <span class="name">
-                        <span ><b>ngOnChanges</b></span>
-                        <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnChanges(changes: <a href="../undefineds/C.html" target="_self">SimpleChanges</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="46"
-                            class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:46</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>changes</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#C" target="_self" >SimpleChanges</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="55"
-                            class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:55</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_hammer"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_hammer</b></span>
-                        <a href="#_hammer"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="19" class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:19</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>HammerJS instance</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="_viewport"></a>
-                        <span class="name"><b>_viewport</b><a href="#_viewport"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>_viewport()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:21</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, Inject, Input, Output, OnChanges, OnDestroy, SimpleChanges, NgZone, ElementRef, EventEmitter } from &#x27;@angular/core&#x27;;
-import { DOCUMENT } from &#x27;@angular/common&#x27;;
-import { Platform } from &#x27;@angular/cdk/platform&#x27;;
-import { SliderAdapter } from &#x27;../components/adapters&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { GalleryItemComponent } from &#x27;../components/gallery-item.component&#x27;;
-import { GalleryThumbComponent } from &#x27;../components/gallery-thumb.component&#x27;;
-
-declare const Hammer: any;
-
-@Directive({
-  selector: &#x27;[hammerSliding]&#x27;,
-  standalone: true
-})
-export class HammerSliding implements OnChanges, OnDestroy {
-
-  /** HammerJS instance */
-  private _hammer: any;
-
-  get _viewport(): HTMLElement {
-    return this._el.nativeElement;
-  }
-
-  @Input() galleryId: string;
-
-  @Input() items: GalleryItemComponent[] | GalleryThumbComponent[];
-
-  @Input() adapter: SliderAdapter;
-
-  @Input() state: GalleryState;
-
-  @Input() config: GalleryConfig;
-
-  @Output() activeIndexChange: EventEmitter&lt;number&gt; &#x3D; new EventEmitter&lt;number&gt;();
-
-  @Output() isSlidingChange: EventEmitter&lt;boolean&gt; &#x3D; new EventEmitter&lt;boolean&gt;();
-
-  constructor(@Inject(DOCUMENT) private _document: Document,
-              private _el: ElementRef&lt;HTMLElement&gt;,
-              private _platform: Platform,
-              private _zone: NgZone) {
-  }
-
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.config &amp;&amp; changes.config.currentValue?.mouseSlidingDisabled !&#x3D;&#x3D; changes.config.previousValue?.mouseSlidingDisabled) {
-      changes.config.currentValue.mouseSlidingDisabled ? this._unsubscribe() : this._subscribe();
-    }
-    if (!changes.adapter?.firstChange &amp;&amp; changes.adapter?.currentValue !&#x3D;&#x3D; changes.adapter?.previousValue) {
-      this._subscribe();
-    }
-  }
-
-  ngOnDestroy(): void {
-    this._unsubscribe();
-  }
-
-  private _subscribe(): void {
-    this._unsubscribe();
-
-    if (!this._platform.ANDROID &amp;&amp; !this._platform.IOS &amp;&amp; typeof Hammer !&#x3D;&#x3D; &#x27;undefined&#x27;) {
-      this._zone.runOutsideAngular(() &#x3D;&gt; {
-
-        const direction: number &#x3D; this.adapter.hammerDirection;
-        this._hammer &#x3D; new Hammer(this._el.nativeElement, { inputClass: Hammer.MouseInput });
-        this._hammer.get(&#x27;pan&#x27;).set({ direction });
-
-        let offset: number;
-
-        // Set panOffset for sliding on pan start event
-        this._hammer.on(&#x27;panstart&#x27;, () &#x3D;&gt; {
-          this._zone.run(() &#x3D;&gt; {
-            this.isSlidingChange.emit(true);
-          });
-
-          offset &#x3D; this.adapter.scrollValue;
-          this._viewport.classList.add(&#x27;g-sliding&#x27;);
-          this._viewport.style.setProperty(&#x27;--slider-scroll-snap-type&#x27;, &#x27;none&#x27;);
-        });
-
-        this._hammer.on(&#x27;panmove&#x27;, (e: any) &#x3D;&gt; this._viewport.scrollTo(this.adapter.getHammerValue(offset, e, &#x27;auto&#x27;)));
-
-        this._hammer.on(&#x27;panend&#x27;, (e: any) &#x3D;&gt; {
-          this._document.onselectstart &#x3D; null;
-          this._viewport.classList.remove(&#x27;g-sliding&#x27;);
-          const index: number &#x3D; this.getIndexOnMouseUp(e);
-
-          this._zone.run(() &#x3D;&gt; {
-            this.isSlidingChange.emit(false);
-            this.activeIndexChange.emit(index);
-          });
-        });
-      });
-    }
-  }
-
-  private _unsubscribe(): void {
-    this._hammer?.destroy();
-  }
-
-  private getIndexOnMouseUp(e: any): number {
-    // Check if scrolled item is great enough to navigate
-    const currElement: Element &#x3D; this.items[this.state.currIndex].nativeElement;
-
-    // Find the gallery item element in the center elements
-    const elementAtCenter: Element &#x3D; this.getElementFromViewportCenter();
-
-    // Check if center item can be taken from element using
-    if (elementAtCenter &amp;&amp; elementAtCenter !&#x3D;&#x3D; currElement) {
-      return +elementAtCenter.getAttribute(&#x27;galleryIndex&#x27;);
-    }
-
-    const velocity: number &#x3D; this.adapter.getHammerVelocity(e);
-    // Check if velocity is great enough to navigate
-    if (Math.abs(velocity) &gt; 0.3) {
-      return velocity &gt; 0 ? this.state.currIndex - 1 : this.state.currIndex + 1;
-    }
-
-    // Reset position to the current index
-    return -1;
-  }
-
-  private getElementFromViewportCenter(): Element {
-    // Get slider position relative to the document
-    const sliderRect: DOMRect &#x3D; this._viewport.getBoundingClientRect();
-    // Try look for the center item using &#x60;elementsFromPoint&#x60; function
-    const centerElements: Element[] &#x3D; this._document.elementsFromPoint(
-      sliderRect.x + (sliderRect.width / 2),
-      sliderRect.y + (sliderRect.height / 2)
-    );
-    // Find the gallery item element in the center elements
-    return centerElements.find((element: Element) &#x3D;&gt; {
-      return element.getAttribute(&#x27;galleryId&#x27;) &#x3D;&#x3D;&#x3D; this.galleryId;
-    });
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'HammerSliding.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/ImgRecognizer.html b/documentation/directives/ImgRecognizer.html
deleted file mode 100644
index d8bb51a4..00000000
--- a/documentation/directives/ImgRecognizer.html
+++ /dev/null
@@ -1,608 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >ImgRecognizer</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/utils/img-recognizer.ts</code>
-        </p>
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
-                            <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-            </p>
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>img[galleryImage]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                            <li>
-                                <a href="#onError" >onError</a>
-                            </li>
-                            <li>
-                                <a href="#onLoad" >onLoad</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#galleryImage" >galleryImage</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>HostListeners</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#error" >error</a>
-                            </li>
-                            <li>
-                                <a href="#load" >load</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(el: ElementRef<HTMLImageElement>, manager: <a href="../injectables/ImgManager.html" target="_self">ImgManager</a>, item: <a href="../injectables/Gallery.html" target="_self">GalleryItemComponent</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">projects/ng-gallery/src/lib/utils/img-recognizer.ts:21</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>el</td>
-                                                  
-                                                        <td>
-                                                                    <code>ElementRef&lt;HTMLImageElement&gt;</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>manager</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/ImgManager.html" target="_self" >ImgManager</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>item</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemComponent</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="galleryImage"></a>
-                        <b>galleryImage</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="11" class="link-to-prism">projects/ng-gallery/src/lib/utils/img-recognizer.ts:11</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-            <section>
-    <h3>HostListeners</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="error"></a>
-                    <span class="name">
-                        <b>
-                            error
-                        </b>
-                        <a href="#error"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <i>Arguments : </i><code>'$event' </code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="19"
-                            class="link-to-prism">projects/ng-gallery/src/lib/utils/img-recognizer.ts:19</a></div>
-                </td>
-            </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="load"></a>
-                    <span class="name">
-                        <b>
-                            load
-                        </b>
-                        <a href="#load"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <i>Arguments : </i><code>'$event' </code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="14"
-                            class="link-to-prism">projects/ng-gallery/src/lib/utils/img-recognizer.ts:14</a></div>
-                </td>
-            </tr>
-
-
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="39"
-                            class="link-to-prism">projects/ng-gallery/src/lib/utils/img-recognizer.ts:39</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="32"
-                            class="link-to-prism">projects/ng-gallery/src/lib/utils/img-recognizer.ts:32</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onError"></a>
-                    <span class="name">
-                        <span ><b>onError</b></span>
-                        <a href="#onError"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>onError()</code>
-                </td>
-            </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <b>Decorators : </b>
-                    <br />
-                    <code>@HostListener(&#x27;error&#x27;, [&#x27;$event&#x27;])<br /></code>
-                </td>
-            </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="19"
-                            class="link-to-prism">projects/ng-gallery/src/lib/utils/img-recognizer.ts:19</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onLoad"></a>
-                    <span class="name">
-                        <span ><b>onLoad</b></span>
-                        <a href="#onLoad"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>onLoad()</code>
-                </td>
-            </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <b>Decorators : </b>
-                    <br />
-                    <code>@HostListener(&#x27;load&#x27;, [&#x27;$event&#x27;])<br /></code>
-                </td>
-            </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="14"
-                            class="link-to-prism">projects/ng-gallery/src/lib/utils/img-recognizer.ts:14</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, Input, HostListener, OnInit, OnDestroy, ElementRef } from &#x27;@angular/core&#x27;;
-import { ImgManager } from &#x27;./img-manager&#x27;;
-import { GalleryItemComponent } from &#x27;../components/gallery-item.component&#x27;;
-
-@Directive({
-  selector: &#x27;img[galleryImage]&#x27;,
-  standalone: true
-})
-export class ImgRecognizer implements OnInit, OnDestroy {
-
-  @Input(&#x27;galleryImage&#x27;) index: number;
-
-  @HostListener(&#x27;load&#x27;, [&#x27;$event&#x27;])
-  onLoad() {
-    this.item.state$.next(&#x27;success&#x27;);
-  }
-
-  @HostListener(&#x27;error&#x27;, [&#x27;$event&#x27;])
-  onError() {
-    this.item.state$.next(&#x27;failed&#x27;);
-  }
-
-  constructor(private el: ElementRef&lt;HTMLImageElement&gt;, private manager: ImgManager, private item: GalleryItemComponent) {
-    if (item) {
-      // Mark the gallery-item component as an image item
-      item.isItemContainImage &#x3D; true;
-    } else {
-      throw new Error(&#x27;[NgGallery]: galleryImage directive should be only used inside gallery item templates!&#x27;)
-    }
-  }
-
-  ngOnInit(): void {
-    this.manager.addItem(this.index, {
-      state: this.item.state$.asObservable(),
-      target: this.el.nativeElement
-    });
-  }
-
-  ngOnDestroy(): void {
-    this.manager.deleteItem(this.index);
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'ImgRecognizer.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/ItemIntersectionObserver.html b/documentation/directives/ItemIntersectionObserver.html
deleted file mode 100644
index 8c3fca97..00000000
--- a/documentation/directives/ItemIntersectionObserver.html
+++ /dev/null
@@ -1,755 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >ItemIntersectionObserver</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts</code>
-        </p>
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="../miscellaneous/functions.html#C" target="_self" >OnChanges</a></code>
-                            <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-            </p>
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[itemIntersectionObserver]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_currentSubscription" >_currentSubscription</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_sensor" >_sensor</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_subscribe" >_subscribe</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_unsubscribe" >_unsubscribe</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnChanges" >ngOnChanges</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#adapter" >adapter</a>
-                            </li>
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#itemIntersectionObserverDisabled" >itemIntersectionObserverDisabled</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#activeIndexChange" >activeIndexChange</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#_viewport" >_viewport</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_zone: <a href="https://angular.io/api/core/NgZone" target="_blank">NgZone</a>, _item: <a href="../injectables/Gallery.html" target="_self">GalleryItemComponent</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:30</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_zone</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/NgZone" target="_blank" >NgZone</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_item</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemComponent</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="adapter"></a>
-                        <b>adapter</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/SliderAdapter.html" target="_self" >SliderAdapter</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:24</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:26</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="itemIntersectionObserverDisabled"></a>
-                        <b>itemIntersectionObserverDisabled</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:28</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-            <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="activeIndexChange"></a>
-                        <b>activeIndexChange</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;number&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:30</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_subscribe"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_subscribe</b></span>
-                        <a href="#_subscribe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_subscribe()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="43"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:43</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_unsubscribe"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_unsubscribe</b></span>
-                        <a href="#_unsubscribe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_unsubscribe()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="74"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:74</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnChanges"></a>
-                    <span class="name">
-                        <span ><b>ngOnChanges</b></span>
-                        <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnChanges()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="35"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:35</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="39"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:39</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_currentSubscription"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_currentSubscription</b></span>
-                        <a href="#_currentSubscription"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="16" class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:16</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_sensor"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_sensor</b></span>
-                        <a href="#_sensor"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/ActiveItemObserver.html" target="_self" >ActiveItemObserver</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new ActiveItemObserver()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="18" class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:18</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="_viewport"></a>
-                        <span class="name"><b>_viewport</b><a href="#_viewport"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>_viewport()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="20" class="link-to-prism">projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:20</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, Input, Output, OnChanges, OnDestroy, NgZone, EventEmitter } from &#x27;@angular/core&#x27;;
-import { Subscription, combineLatest, filter, switchMap } from &#x27;rxjs&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { ActiveItemObserver } from &#x27;./active-item-observer&#x27;;
-import { resizeObservable } from &#x27;../utils/resize-observer&#x27;;
-import { SliderAdapter } from &#x27;../components/adapters&#x27;;
-import { GalleryItemComponent } from &#x27;../components/gallery-item.component&#x27;;
-import { ItemState } from &#x27;../components/templates/items.model&#x27;;
-
-@Directive({
-  selector: &#x27;[itemIntersectionObserver]&#x27;,
-  standalone: true
-})
-export class ItemIntersectionObserver implements OnChanges, OnDestroy {
-
-  private _currentSubscription: Subscription;
-
-  private _sensor: ActiveItemObserver &#x3D; new ActiveItemObserver();
-
-  private get _viewport(): HTMLElement {
-    return this._item.nativeElement.parentElement.parentElement;
-  }
-
-  @Input() adapter: SliderAdapter;
-
-  @Input() config: GalleryConfig;
-
-  @Input(&#x27;itemIntersectionObserverDisabled&#x27;) disabled: boolean;
-
-  @Output() activeIndexChange: EventEmitter&lt;number&gt; &#x3D; new EventEmitter&lt;number&gt;();
-
-  constructor(private _zone: NgZone, private _item: GalleryItemComponent) {
-  }
-
-  ngOnChanges(): void {
-    (this.config.itemAutosize &amp;&amp; !this.disabled) ? this._subscribe() : this._unsubscribe();
-  }
-
-  ngOnDestroy(): void {
-    this._unsubscribe();
-  }
-
-  private _subscribe(): void {
-    this._unsubscribe();
-
-    if (!!this.adapter) {
-      this._zone.runOutsideAngular(() &#x3D;&gt; {
-        this._currentSubscription &#x3D; combineLatest([
-          resizeObservable(this._viewport),
-          resizeObservable(this._item.nativeElement)
-        ]).pipe(
-          switchMap(() &#x3D;&gt; this._item.state$),
-          filter((state: ItemState) &#x3D;&gt; state !&#x3D;&#x3D; &#x27;loading&#x27;),
-          switchMap(() &#x3D;&gt; {
-            const rootMargin: string &#x3D; this.adapter.getElementRootMargin(this._viewport, this._item.nativeElement);
-            if (this.config.debug) {
-              this._item.nativeElement.style.setProperty(&#x27;--item-intersection-margin&#x27;, &#x60;&quot;VIEWPORT(${ this._viewport.clientWidth }x${ this._viewport.clientHeight }) ITEM(${ this._item.nativeElement.clientWidth }x${ this._item.nativeElement.clientHeight }) INTERSECTION(${ rootMargin })&quot;&#x60;);
-            }
-
-            return this._sensor.observe(
-              this._viewport,
-              [this._item.nativeElement],
-              rootMargin
-            );
-          }
-          )
-        ).subscribe((index: number) &#x3D;&gt; {
-          this._zone.run(() &#x3D;&gt; this.activeIndexChange.emit(index));
-        });
-      });
-    }
-  }
-
-  private _unsubscribe(): void {
-    this._currentSubscription?.unsubscribe();
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'ItemIntersectionObserver.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/LightboxDirective.html b/documentation/directives/LightboxDirective.html
deleted file mode 100644
index 61c959d7..00000000
--- a/documentation/directives/LightboxDirective.html
+++ /dev/null
@@ -1,508 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >LightboxDirective</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/lightbox/src/lightbox.directive.ts</code>
-        </p>
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
-                            <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-            </p>
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[lightbox]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#clickEvent" >clickEvent</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#gallery" >gallery</a>
-                            </li>
-                            <li>
-                                <a href="#lightbox" >lightbox</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_lightbox: <a href="../injectables/Lightbox.html" target="_self">Lightbox</a>, _el: <a href="https://angular.io/api/core/ElementRef" target="_blank">ElementRef</a>, _renderer: <a href="https://angular.io/api/core/Renderer2" target="_blank">Renderer2</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.directive.ts:14</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_lightbox</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Lightbox.html" target="_self" >Lightbox</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_el</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_renderer</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/Renderer2" target="_blank" >Renderer2</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="gallery"></a>
-                        <b>gallery</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;root&#x27;</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.directive.ts:14</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="lightbox"></a>
-                        <b>lightbox</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>0</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.directive.ts:13</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="26"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.directive.ts:26</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="19"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.directive.ts:19</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="clickEvent"></a>
-                    <span class="name">
-                        <span ><b>clickEvent</b></span>
-                        <a href="#clickEvent"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>SubscriptionLike</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>Subscription.EMPTY</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="11" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.directive.ts:11</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, Input, ElementRef, OnInit, OnDestroy, Renderer2 } from &#x27;@angular/core&#x27;;
-import { fromEvent, tap, SubscriptionLike, Subscription } from &#x27;rxjs&#x27;;
-import { Lightbox } from &#x27;./lightbox.service&#x27;;
-
-@Directive({
-  selector: &#x27;[lightbox]&#x27;,
-  standalone: true
-})
-export class LightboxDirective implements OnInit, OnDestroy {
-
-  clickEvent: SubscriptionLike &#x3D; Subscription.EMPTY;
-
-  @Input(&#x27;lightbox&#x27;) index &#x3D; 0;
-  @Input(&#x27;gallery&#x27;) id &#x3D; &#x27;root&#x27;;
-
-  constructor(private _lightbox: Lightbox, private _el: ElementRef, private _renderer: Renderer2) {
-  }
-
-  ngOnInit() {
-    this._renderer.setStyle(this._el.nativeElement, &#x27;cursor&#x27;, &#x27;pointer&#x27;);
-    this.clickEvent &#x3D; fromEvent(this._el.nativeElement, &#x27;click&#x27;).pipe(
-      tap(() &#x3D;&gt; this._lightbox.open(this.index, this.id))
-    ).subscribe();
-  }
-
-  ngOnDestroy() {
-    this.clickEvent.unsubscribe();
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'LightboxDirective.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/SliderIntersectionObserver.html b/documentation/directives/SliderIntersectionObserver.html
deleted file mode 100644
index f7331230..00000000
--- a/documentation/directives/SliderIntersectionObserver.html
+++ /dev/null
@@ -1,770 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >SliderIntersectionObserver</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts</code>
-        </p>
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="../miscellaneous/functions.html#C" target="_self" >OnChanges</a></code>
-                            <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-            </p>
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[sliderIntersectionObserver]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_currentSubscription" >_currentSubscription</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_sensor" >_sensor</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_subscribe" >_subscribe</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_unsubscribe" >_unsubscribe</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnChanges" >ngOnChanges</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#adapter" >adapter</a>
-                            </li>
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#items" >items</a>
-                            </li>
-                            <li>
-                                <a href="#sliderIntersectionObserverDisabled" >sliderIntersectionObserverDisabled</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#activeIndexChange" >activeIndexChange</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#_viewport" >_viewport</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_zone: <a href="https://angular.io/api/core/NgZone" target="_blank">NgZone</a>, _el: ElementRef<HTMLElement>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:30</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_zone</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/NgZone" target="_blank" >NgZone</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_el</td>
-                                                  
-                                                        <td>
-                                                                    <code>ElementRef&lt;HTMLElement&gt;</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="adapter"></a>
-                        <b>adapter</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/SliderAdapter.html" target="_self" >SliderAdapter</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:22</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:26</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="items"></a>
-                        <b>items</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemComponent[]</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:24</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="sliderIntersectionObserverDisabled"></a>
-                        <b>sliderIntersectionObserverDisabled</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:28</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-            <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="activeIndexChange"></a>
-                        <b>activeIndexChange</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;number&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:30</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_subscribe"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_subscribe</b></span>
-                        <a href="#_subscribe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_subscribe()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="43"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:43</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_unsubscribe"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_unsubscribe</b></span>
-                        <a href="#_unsubscribe"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_unsubscribe()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="65"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:65</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnChanges"></a>
-                    <span class="name">
-                        <span ><b>ngOnChanges</b></span>
-                        <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnChanges()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="35"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:35</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="39"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:39</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_currentSubscription"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_currentSubscription</b></span>
-                        <a href="#_currentSubscription"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:14</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_sensor"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_sensor</b></span>
-                        <a href="#_sensor"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/ActiveItemObserver.html" target="_self" >ActiveItemObserver</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new ActiveItemObserver()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="16" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:16</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="_viewport"></a>
-                        <span class="name"><b>_viewport</b><a href="#_viewport"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>_viewport()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="18" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:18</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, Input, Output, OnChanges, OnDestroy, NgZone, ElementRef, EventEmitter } from &#x27;@angular/core&#x27;;
-import { skip, Subscription } from &#x27;rxjs&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { ActiveItemObserver } from &#x27;./active-item-observer&#x27;;
-import { SliderAdapter } from &#x27;../components/adapters&#x27;;
-import { GalleryItemComponent } from &#x27;../components/gallery-item.component&#x27;;
-
-@Directive({
-  selector: &#x27;[sliderIntersectionObserver]&#x27;,
-  standalone: true
-})
-export class SliderIntersectionObserver implements OnChanges, OnDestroy {
-
-  private _currentSubscription: Subscription;
-
-  private _sensor: ActiveItemObserver &#x3D; new ActiveItemObserver();
-
-  private get _viewport(): HTMLElement {
-    return this._el.nativeElement;
-  }
-
-  @Input() adapter: SliderAdapter;
-
-  @Input() items: GalleryItemComponent[];
-
-  @Input() config: GalleryConfig;
-
-  @Input(&#x27;sliderIntersectionObserverDisabled&#x27;) disabled: boolean;
-
-  @Output() activeIndexChange: EventEmitter&lt;number&gt; &#x3D; new EventEmitter&lt;number&gt;();
-
-  constructor(private _zone: NgZone, private _el: ElementRef&lt;HTMLElement&gt;) {
-  }
-
-  ngOnChanges(): void {
-    (this.config.itemAutosize || this.disabled) ? this._unsubscribe() : this._subscribe();
-  }
-
-  ngOnDestroy(): void {
-    this._unsubscribe();
-  }
-
-  private _subscribe(): void {
-    this._unsubscribe();
-
-    if (!!this.adapter &amp;&amp; !!this.items?.length) {
-      const rootMargin: string &#x3D; this.adapter.getRootMargin();
-      if (this.config.debug) {
-        this._viewport.style.setProperty(&#x27;--intersection-margin&#x27;, &#x60;&quot;INTERSECTION(${ rootMargin })&quot;&#x60;);
-      }
-
-      this._zone.runOutsideAngular(() &#x3D;&gt; {
-        this._currentSubscription &#x3D; this._sensor.observe(
-          this._viewport,
-          this.items.map((item: GalleryItemComponent) &#x3D;&gt; item.nativeElement),
-          rootMargin
-        ).subscribe((index: number) &#x3D;&gt; {
-          console.log(&#x27;⛩️&#x27;, index)
-          this._zone.run(() &#x3D;&gt; this.activeIndexChange.emit(index));
-        });
-      });
-    }
-  }
-
-  private _unsubscribe(): void {
-    this._currentSubscription?.unsubscribe();
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'SliderIntersectionObserver.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/SliderResizeObserver.html b/documentation/directives/SliderResizeObserver.html
deleted file mode 100644
index 4a7aeede..00000000
--- a/documentation/directives/SliderResizeObserver.html
+++ /dev/null
@@ -1,1383 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >SliderResizeObserver</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts</code>
-        </p>
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="https://angular.io/api/core/AfterViewChecked" target="_blank" >AfterViewChecked</a></code>
-                            <code><a href="../miscellaneous/functions.html#C" target="_self" >OnChanges</a></code>
-                            <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
-                            <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-            </p>
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[sliderResizeObserver]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_afterHeightChanged$" >_afterHeightChanged$</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_autoHeightSubscription" >_autoHeightSubscription</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_resizeObserver" >_resizeObserver</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_resizeSubscription" >_resizeSubscription</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_shouldSkip" >_shouldSkip</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_subscribeAutoHeight" >_subscribeAutoHeight</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_unsubscribeAutoHeight" >_unsubscribeAutoHeight</a>
-                            </li>
-                            <li>
-                                <a href="#ngAfterViewChecked" >ngAfterViewChecked</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnChanges" >ngOnChanges</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#resetResizingState" >resetResizingState</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#setResizingState" >setResizingState</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#updateCentralizeCSSVariables" >updateCentralizeCSSVariables</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#updateSliderSize" >updateSliderSize</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#adapter" >adapter</a>
-                            </li>
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                            <li>
-                                <a href="#galleryId" >galleryId</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#isResizingChange" >isResizingChange</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#_viewport" >_viewport</a>
-                                </li>
-                                <li>
-                                    <a href="#_galleryCore" >_galleryCore</a>
-                                </li>
-                                <li>
-                                    <a href="#_isAutoHeight" >_isAutoHeight</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_el: ElementRef<HTMLElement>, _zone: <a href="https://angular.io/api/core/NgZone" target="_blank">NgZone</a>, _gallery: <a href="../injectables/Gallery.html" target="_self">Gallery</a>, _imgManager: <a href="../injectables/ImgManager.html" target="_self">ImgManager</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:74</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_el</td>
-                                                  
-                                                        <td>
-                                                                    <code>ElementRef&lt;HTMLElement&gt;</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_zone</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/NgZone" target="_blank" >NgZone</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_gallery</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >Gallery</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_imgManager</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/ImgManager.html" target="_self" >ImgManager</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="adapter"></a>
-                        <b>adapter</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/SliderAdapter.html" target="_self" >SliderAdapter</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:70</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:72</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="galleryId"></a>
-                        <b>galleryId</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="68" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:68</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-            <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isResizingChange"></a>
-                        <b>isResizingChange</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;boolean&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:74</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_subscribeAutoHeight"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_subscribeAutoHeight</b></span>
-                        <a href="#_subscribeAutoHeight"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_subscribeAutoHeight()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="164"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:164</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_unsubscribeAutoHeight"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_unsubscribeAutoHeight</b></span>
-                        <a href="#_unsubscribeAutoHeight"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_unsubscribeAutoHeight()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="194"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:194</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngAfterViewChecked"></a>
-                    <span class="name">
-                        <span ><b>ngAfterViewChecked</b></span>
-                        <a href="#ngAfterViewChecked"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngAfterViewChecked()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="141"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:141</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnChanges"></a>
-                    <span class="name">
-                        <span ><b>ngOnChanges</b></span>
-                        <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnChanges()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="132"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:132</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="136"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:136</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="82"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:82</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="resetResizingState"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>resetResizingState</b></span>
-                        <a href="#resetResizingState"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>resetResizingState(undefined: literal type)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="209"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:209</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Default value</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>
-                                            <code>literal type</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                        <code>{}</code>
-                                    </td>
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="setResizingState"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>setResizingState</b></span>
-                        <a href="#setResizingState"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>setResizingState(undefined: literal type)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="198"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:198</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Default value</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>
-                                            <code>literal type</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                        <code>{}</code>
-                                    </td>
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="updateCentralizeCSSVariables"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>updateCentralizeCSSVariables</b></span>
-                        <a href="#updateCentralizeCSSVariables"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>updateCentralizeCSSVariables()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="157"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:157</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="updateSliderSize"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>updateSliderSize</b></span>
-                        <a href="#updateSliderSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>updateSliderSize()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="145"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:145</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_afterHeightChanged$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_afterHeightChanged$</b></span>
-                        <a href="#_afterHeightChanged$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Observable&lt;any&gt;</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:51</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_autoHeightSubscription"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_autoHeightSubscription</b></span>
-                        <a href="#_autoHeightSubscription"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:44</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_resizeObserver"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_resizeObserver</b></span>
-                        <a href="#_resizeObserver"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>ResizeObserver</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:42</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_resizeSubscription"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_resizeSubscription</b></span>
-                        <a href="#_resizeSubscription"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:46</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_shouldSkip"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_shouldSkip</b></span>
-                        <a href="#_shouldSkip"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:48</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="_viewport"></a>
-                        <span class="name"><b>_viewport</b><a href="#_viewport"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>_viewport()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:53</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="_galleryCore"></a>
-                        <span class="name"><b>_galleryCore</b><a href="#_galleryCore"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>_galleryCore()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:57</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="_isAutoHeight"></a>
-                        <span class="name"><b>_isAutoHeight</b><a href="#_isAutoHeight"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>_isAutoHeight()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:61</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Directive,
-  Input,
-  Output,
-  NgZone,
-  ElementRef,
-  AfterViewChecked,
-  OnInit,
-  OnChanges,
-  OnDestroy,
-  EventEmitter
-} from &#x27;@angular/core&#x27;;
-import {
-  Observable,
-  Subscription,
-  of,
-  tap,
-  take,
-  filter,
-  fromEvent,
-  switchMap,
-  debounceTime,
-  firstValueFrom,
-  distinctUntilChanged,
-  EMPTY,
-  animationFrameScheduler
-} from &#x27;rxjs&#x27;;
-import { ImgManager } from &#x27;../utils/img-manager&#x27;;
-import { resizeObservable } from &#x27;../utils/resize-observer&#x27;;
-import { SliderAdapter } from &#x27;../components/adapters&#x27;;
-import { Gallery } from &#x27;../services/gallery.service&#x27;;
-import { GalleryRef } from &#x27;../services/gallery-ref&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { GalleryState } from &#x27;ng-gallery&#x27;;
-
-@Directive({
-  selector: &#x27;[sliderResizeObserver]&#x27;,
-  standalone: true
-})
-export class SliderResizeObserver implements AfterViewChecked, OnChanges, OnInit, OnDestroy {
-
-  private _resizeObserver: ResizeObserver;
-
-  private _autoHeightSubscription: Subscription;
-
-  private _resizeSubscription: Subscription;
-
-  private _shouldSkip: boolean;
-
-  // Stream that emits after the transition to the new height is completed
-  private _afterHeightChanged$: Observable&lt;any&gt;;
-
-  private get _viewport(): HTMLElement {
-    return this._el.nativeElement;
-  }
-
-  private get _galleryCore(): HTMLElement {
-    return this._el.nativeElement.parentElement.parentElement.parentElement;
-  }
-
-  private get _isAutoHeight(): boolean {
-    return this.config.autoHeight &amp;&amp;
-      !this.config.itemAutosize &amp;&amp;
-      this.config.slidingDirection &#x3D;&#x3D;&#x3D; &#x27;horizontal&#x27; &amp;&amp;
-      (this.config.thumbPosition &#x3D;&#x3D;&#x3D; &#x27;top&#x27; || this.config.thumbPosition &#x3D;&#x3D;&#x3D; &#x27;bottom&#x27;);
-  }
-
-  @Input() galleryId: string;
-
-  @Input() adapter: SliderAdapter;
-
-  @Input() config: GalleryConfig;
-
-  @Output() isResizingChange: EventEmitter&lt;boolean&gt; &#x3D; new EventEmitter&lt;boolean&gt;();
-
-  constructor(private _el: ElementRef&lt;HTMLElement&gt;,
-              private _zone: NgZone,
-              private _gallery: Gallery,
-              private _imgManager: ImgManager) {
-  }
-
-  ngOnInit(): void {
-    const galleryRef: GalleryRef &#x3D; this._gallery.ref(this.galleryId);
-
-    // Check if height has transition for the auto-height feature
-    const transitionDuration: string &#x3D; getComputedStyle(this._viewport).getPropertyValue(&#x27;transition-duration&#x27;);
-    if (parseFloat(transitionDuration) &#x3D;&#x3D;&#x3D; 0) {
-      this._afterHeightChanged$ &#x3D; of(null);
-    } else {
-      this._afterHeightChanged$ &#x3D; fromEvent(this._viewport, &#x27;transitionend&#x27;);
-    }
-
-    this._zone.runOutsideAngular(() &#x3D;&gt; {
-
-      // Detect if the size of the slider has changed detecting current index on scroll
-      this._resizeSubscription &#x3D; resizeObservable(this._viewport, (observer: ResizeObserver) &#x3D;&gt; this._resizeObserver &#x3D; observer).pipe(
-        // Check if resize should skip due to re-observing the slider
-        filter(() &#x3D;&gt; !this._shouldSkip || !(this._shouldSkip &#x3D; false)),
-        // Immediately set visibility to hidden to avoid changing the active item caused by appearance of other items when size is expanded
-        tap(() &#x3D;&gt; this.setResizingState()),
-        debounceTime(this.config.resizeDebounceTime, animationFrameScheduler),
-        tap(async (entry: ResizeObserverEntry) &#x3D;&gt; {
-          // Update CSS variables with the proper values
-          this.updateSliderSize();
-
-          if (this._isAutoHeight) {
-            const img: HTMLImageElement &#x3D; await firstValueFrom(this._imgManager.getActiveItem(galleryRef.state));
-            // If img height is identical to the viewport height then skip
-            if (img.height &#x3D;&#x3D;&#x3D; this._viewport.clientHeight) {
-              this.resetResizingState();
-            } else {
-              // Unobserve the slider while the height is being changed
-              this.setResizingState({ unobserve: true });
-              // Change the height
-              this._galleryCore.style.setProperty(&#x27;--slider-height&#x27;, &#x60;${ img.height }px&#x60;);
-              // Wait until height transition ends
-              await firstValueFrom(this._afterHeightChanged$);
-              this.resetResizingState({
-                // Mark to skip first emit after re-observing the slider if height content rect height and client height are identical
-                shouldSkip: entry.contentRect.height &#x3D;&#x3D;&#x3D; this._viewport.clientHeight,
-                observe: true
-              });
-            }
-          } else {
-            requestAnimationFrame(() &#x3D;&gt; this.resetResizingState({ shouldSkip: true }));
-          }
-        })
-      ).subscribe();
-    });
-  }
-
-  ngOnChanges(): void {
-    this._isAutoHeight ? this._subscribeAutoHeight() : this._unsubscribeAutoHeight();
-  }
-
-  ngOnDestroy(): void {
-    this._resizeSubscription?.unsubscribe();
-    this._unsubscribeAutoHeight();
-  }
-
-  ngAfterViewChecked(): void {
-    this.updateSliderSize();
-  }
-
-  private updateSliderSize(): void {
-    // Update slider width and height CSS variables
-    this._galleryCore.style.setProperty(&#x27;--slider-width&#x27;, &#x60;${ this._viewport.clientWidth }px&#x60;);
-
-    // Only update height if auto-height is false, because when it&#x27;s true, another function will take care of it
-    if (!this.config.autoHeight) {
-      this._galleryCore.style.setProperty(&#x27;--slider-height&#x27;, &#x60;${ this._viewport.clientHeight }px&#x60;);
-    }
-
-    this.updateCentralizeCSSVariables();
-  }
-
-  private updateCentralizeCSSVariables(): void {
-    if (this.config.itemAutosize) {
-      this._galleryCore.style.setProperty(&#x27;--slider-centralize-start-size&#x27;, &#x60;${ this.adapter.getCentralizerStartSize() }px&#x60;);
-      this._galleryCore.style.setProperty(&#x27;--slider-centralize-end-size&#x27;, &#x60;${ this.adapter.getCentralizerEndSize() }px&#x60;);
-    }
-  }
-
-  private _subscribeAutoHeight(): void {
-    this._unsubscribeAutoHeight();
-
-    this._shouldSkip &#x3D; false;
-    this._zone.runOutsideAngular(() &#x3D;&gt; {
-
-      const galleryRef: GalleryRef &#x3D; this._gallery.ref(this.galleryId);
-
-      // TODO: Why is galleryRef.state emits when screen size changes?
-      const state: Observable&lt;GalleryState&gt; &#x3D; galleryRef.state.pipe(distinctUntilChanged((a: GalleryState, b: GalleryState) &#x3D;&gt; a.currIndex &#x3D;&#x3D;&#x3D; b.currIndex))
-      this._autoHeightSubscription &#x3D; this._imgManager.getActiveItem(state).pipe(
-        switchMap((img: HTMLImageElement) &#x3D;&gt; {
-          this.setResizingState({ unobserve: true });
-          this._galleryCore.style.setProperty(&#x27;--slider-height&#x27;, &#x60;${ img.clientHeight }px&#x60;);
-
-          // Check if the new item height is equal to the current height, there will be no transition,
-          // So reset resizing state
-          if (img.height &#x3D;&#x3D;&#x3D; this._viewport.clientHeight) {
-            this.resetResizingState({ shouldSkip: true, observe: true });
-            return EMPTY;
-          }
-          return this._afterHeightChanged$.pipe(
-            tap(() &#x3D;&gt; this.resetResizingState({ shouldSkip: true, observe: true })),
-            take(1)
-          );
-        })
-      ).subscribe();
-    });
-  }
-
-  private _unsubscribeAutoHeight(): void {
-    this._autoHeightSubscription?.unsubscribe();
-  }
-
-  private setResizingState({ unobserve }: { unobserve?: boolean } &#x3D; {}): void {
-    this._zone.run(() &#x3D;&gt; {
-      this.isResizingChange.emit(true);
-    })
-    this._viewport.classList.add(&#x27;g-resizing&#x27;);
-    if (unobserve) {
-      // Unobserve the slider while the height is being changed
-      this._resizeObserver.unobserve(this._viewport);
-    }
-  }
-
-  private resetResizingState({ shouldSkip, observe }: { shouldSkip?: boolean, observe?: boolean } &#x3D; {}): void {
-    this._zone.run(() &#x3D;&gt; {
-      this.isResizingChange.emit(false);
-    })
-    this._viewport.classList.remove(&#x27;g-resizing&#x27;);
-    this._shouldSkip &#x3D; shouldSkip;
-    if (observe) {
-      this._resizeObserver.observe(this._viewport);
-    }
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'SliderResizeObserver.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/SmoothScroll.html b/documentation/directives/SmoothScroll.html
deleted file mode 100644
index 2f45bc44..00000000
--- a/documentation/directives/SmoothScroll.html
+++ /dev/null
@@ -1,1675 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >SmoothScroll</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts</code>
-        </p>
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-            </p>
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-                    <tr>
-                        <td class="col-md-3">Providers</td>
-                        <td class="col-md-9">
-                            <code>
-                                Dir
-                            </code>
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[smoothScroll]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#_defaultOptions" >_defaultOptions</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#_el" >_el</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#_finished" >_finished</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_hammer" >_hammer</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_isInterruptedByMouse" >_isInterruptedByMouse</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#_scrollController" >_scrollController</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_subscription" >_subscription</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_applyScrollToOptions" >_applyScrollToOptions</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_interrupted" >_interrupted</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_isFinished" >_isFinished</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_scrollElement" >_scrollElement</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_step" >_step</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#resetElement" >resetElement</a>
-                            </li>
-                            <li>
-                                <a href="#scrollTo" >scrollTo</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#adapter" >adapter</a>
-                            </li>
-                            <li>
-                                <a href="#smoothScroll" >smoothScroll</a>
-                            </li>
-                            <li>
-                                <a href="#smoothScrollInterruptOnMousemove" >smoothScrollInterruptOnMousemove</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#isScrollingChange" >isScrollingChange</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#_w" >_w</a>
-                                </li>
-                                <li>
-                                    <a href="#_now" >_now</a>
-                                </li>
-                                <li>
-                                    <a href="#smoothScroll" >smoothScroll</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_document: Document, customDefaultOptions: <a href="../directives/SmoothScroll.html" target="_self">SmoothScrollToOptions</a>, _zone: <a href="https://angular.io/api/core/NgZone" target="_blank">NgZone</a>, _dir: Dir, _el: ElementRef<HTMLElement>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:84</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_document</td>
-                                                  
-                                                        <td>
-                                                                    <code>Document</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>customDefaultOptions</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../directives/SmoothScroll.html" target="_self" >SmoothScrollToOptions</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_zone</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/NgZone" target="_blank" >NgZone</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_dir</td>
-                                                  
-                                                        <td>
-                                                                    <code>Dir</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_el</td>
-                                                  
-                                                        <td>
-                                                                    <code>ElementRef&lt;HTMLElement&gt;</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="adapter"></a>
-                        <b>adapter</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/SliderAdapter.html" target="_self" >SliderAdapter</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:80</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="smoothScroll"></a>
-                        <b>smoothScroll</b>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:72</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="smoothScrollInterruptOnMousemove"></a>
-                        <b>smoothScrollInterruptOnMousemove</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:82</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-            <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isScrollingChange"></a>
-                        <b>isScrollingChange</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;boolean&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:84</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_applyScrollToOptions"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_applyScrollToOptions</b></span>
-                        <a href="#_applyScrollToOptions"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_applyScrollToOptions(options: <a href="../directives/SmoothScroll.html" target="_self">SmoothScrollToOptions</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="221"
-                            class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:221</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>options</td>
-                                    <td>
-                                                <code><a href="../directives/SmoothScroll.html" target="_self" >SmoothScrollToOptions</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_interrupted"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_interrupted</b></span>
-                        <a href="#_interrupted"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_interrupted()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="166"
-                            class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:166</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Terminates an ongoing smooth scroll</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>Observable&lt;Event | void&gt;</code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_isFinished"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_isFinished</b></span>
-                        <a href="#_isFinished"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_isFinished(context: <a href="../interfaces/SmoothScrollStep.html" target="_self">SmoothScrollStep</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="155"
-                            class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:155</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Checks if smooth scroll has reached, cleans up the smooth scroll stream and resolves its promise</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>context</td>
-                                    <td>
-                                                <code><a href="../interfaces/SmoothScrollStep.html" target="_self" >SmoothScrollStep</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_scrollElement"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_scrollElement</b></span>
-                        <a href="#_scrollElement"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_scrollElement(x: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, y: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="135"
-                            class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:135</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>changes scroll position inside an element</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>x</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>y</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_step"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>_step</b></span>
-                        <a href="#_step"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>_step(context: <a href="../interfaces/SmoothScrollStep.html" target="_self">SmoothScrollStep</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="199"
-                            class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:199</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>A function called recursively that, given a context, steps through scrolling</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>context</td>
-                                    <td>
-                                                <code><a href="../interfaces/SmoothScrollStep.html" target="_self" >SmoothScrollStep</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="../interfaces/SmoothScrollStep.html" target="_self" >Observable&lt;SmoothScrollStep&gt;</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="127"
-                            class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:127</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="104"
-                            class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:104</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="resetElement"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>resetElement</b></span>
-                        <a href="#resetElement"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>resetElement()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="140"
-                            class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:140</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="scrollTo"></a>
-                    <span class="name">
-                        <span ><b>scrollTo</b></span>
-                        <a href="#scrollTo"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>scrollTo(customOptions: <a href="../directives/SmoothScroll.html" target="_self">SmoothScrollToOptions</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="248"
-                            class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:248</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Scrolls to the specified offsets. This is a normalized version of the browser&#39;s native scrollTo
-method, since browsers are not consistent about what scrollLeft means in RTL. For this method
-left and right always refer to the left and right side of the scrolling container irrespective
-of the layout direction. start and end refer to left and right in an LTR context and vice-versa
-in an RTL context.</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Description</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>customOptions</td>
-                                    <td>
-                                                <code><a href="../directives/SmoothScroll.html" target="_self" >SmoothScrollToOptions</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                    <td>
-                                        <p>specified the offsets to scroll to.</p>
-
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_defaultOptions"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>_defaultOptions</b></span>
-                        <a href="#_defaultOptions"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../directives/SmoothScroll.html" target="_self" >SmoothScrollToOptions</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:48</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_el"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>_el</b></span>
-                        <a href="#_el"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>HTMLElement</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:54</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_finished"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>_finished</b></span>
-                        <a href="#_finished"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subject&lt;void&gt;</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Subject&lt;void&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:52</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_hammer"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_hammer</b></span>
-                        <a href="#_hammer"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:45</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>HammerJS instance</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_isInterruptedByMouse"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_isInterruptedByMouse</b></span>
-                        <a href="#_isInterruptedByMouse"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:56</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_scrollController"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>_scrollController</b></span>
-                        <a href="#_scrollController"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../interfaces/SmoothScrollStep.html" target="_self" >Subject&lt;SmoothScrollStep&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Subject&lt;SmoothScrollStep&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:50</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_subscription"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_subscription</b></span>
-                        <a href="#_subscription"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:58</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="_w"></a>
-                        <span class="name"><b>_w</b><a href="#_w"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>_w()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:60</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="_now"></a>
-                        <span class="name"><b>_now</b><a href="#_now"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>_now()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:67</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Timing method</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="smoothScroll"></a>
-                        <span class="name"><b>smoothScroll</b><a href="#smoothScroll"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>set</b><code>smoothScroll(value: <a href="../directives/SmoothScroll.html" target="_self">SmoothScrollToOptions</a>)</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:72</a></div>
-                                </td>
-                            </tr>
-                    <tr>
-                        <td class="col-md-4">
-
-                                <div class="io-description">
-                                        <b>Parameters :</b>
-                                        <table class="params">
-                                            <thead>
-                                                <tr>
-                                                    <td>Name</td>
-                                                        <td>Type</td>
-                                                    <td>Optional</td>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                    <tr>
-                                                            <td>value</td>
-                                                    
-                                                            <td>
-                                                                            <code><a href="../directives/SmoothScroll.html" target="_self" >SmoothScrollToOptions</a></code>
-                                                            </td>
-                                                    
-                                                        <td>
-                                                                No
-                                                        </td>
-                                                        
-                                                    </tr>
-                                            </tbody>
-                                        </table>
-                                </div>
-                                <div>
-                                </div>
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-            </tbody>
-        </table>
-</section>
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Directive,
-  Inject,
-  Input,
-  Output,
-  Optional,
-  NgZone,
-  OnDestroy,
-  ElementRef,
-  EventEmitter
-} from &#x27;@angular/core&#x27;;
-import { SMOOTH_SCROLL_OPTIONS, SmoothScrollStep, SmoothScrollToOptions } from &#x27;./index&#x27;;
-import { DOCUMENT } from &#x27;@angular/common&#x27;;
-import { Dir } from &#x27;@angular/cdk/bidi&#x27;;
-import { _Bottom, _Left, _Right, _Top, _Without } from &#x27;@angular/cdk/scrolling&#x27;;
-import { getRtlScrollAxisType, RtlScrollAxisType } from &#x27;@angular/cdk/platform&#x27;;
-import {
-  Observable,
-  Subject,
-  Subscriber,
-  Subscription,
-  of,
-  take,
-  merge,
-  expand,
-  fromEvent,
-  switchMap,
-  takeUntil,
-  takeWhile,
-  finalize
-} from &#x27;rxjs&#x27;;
-import BezierEasing from &#x27;./bezier-easing&#x27;;
-import { SliderAdapter } from &#x27;../components/adapters&#x27;;
-
-declare const Hammer: any;
-
-@Directive({
-  selector: &#x27;[smoothScroll]&#x27;,
-  standalone: true,
-  providers: [Dir]
-})
-export class SmoothScroll implements OnDestroy {
-
-  /** HammerJS instance */
-  private _hammer: any;
-
-  // Default options
-  private readonly _defaultOptions: SmoothScrollToOptions;
-
-  private readonly _scrollController: Subject&lt;SmoothScrollStep&gt; &#x3D; new Subject&lt;SmoothScrollStep&gt;();
-
-  private readonly _finished: Subject&lt;void&gt; &#x3D; new Subject&lt;void&gt;();
-
-  private readonly _el: HTMLElement;
-
-  private _isInterruptedByMouse: boolean;
-
-  private _subscription: Subscription;
-
-  private get _w(): Window {
-    return this._document.defaultView;
-  }
-
-  /**
-   * Timing method
-   */
-  private get _now(): () &#x3D;&gt; number {
-    return this._w.performance?.now?.bind(this._w.performance) || Date.now;
-  }
-
-  @Input()
-  set smoothScroll(value: SmoothScrollToOptions) {
-    if (value) {
-      this._zone.runOutsideAngular(() &#x3D;&gt; {
-        this.scrollTo(value);
-      });
-    }
-  }
-
-  @Input() adapter: SliderAdapter;
-
-  @Input(&#x27;smoothScrollInterruptOnMousemove&#x27;) interruptOnMousemove: boolean;
-
-  @Output() isScrollingChange: EventEmitter&lt;boolean&gt; &#x3D; new EventEmitter&lt;boolean&gt;();
-
-  constructor(@Inject(DOCUMENT) private _document: Document,
-              @Optional() @Inject(SMOOTH_SCROLL_OPTIONS) customDefaultOptions: SmoothScrollToOptions,
-              private _zone: NgZone,
-              private _dir: Dir,
-              _el: ElementRef&lt;HTMLElement&gt;) {
-    this._el &#x3D; _el.nativeElement;
-    this._defaultOptions &#x3D; {
-      duration: 468,
-      easing: {
-        x1: 0.42,
-        y1: 0,
-        x2: 0.58,
-        y2: 1
-      },
-      ...customDefaultOptions,
-    };
-  }
-
-  ngOnInit(): void {
-    this._subscription &#x3D; this._scrollController.pipe(
-      switchMap((context: SmoothScrollStep) &#x3D;&gt; {
-        this._zone.run(() &#x3D;&gt; {
-          this.isScrollingChange.emit(true);
-        });
-
-        this._el.classList.add(&#x27;g-scrolling&#x27;);
-        this._el.style.setProperty(&#x27;--slider-scroll-snap-type&#x27;, &#x27;none&#x27;);
-
-        // Scroll each step recursively
-        return of(null).pipe(
-          expand(() &#x3D;&gt; this._step(context).pipe(
-            takeWhile((currContext: SmoothScrollStep) &#x3D;&gt; this._isFinished(currContext)),
-            takeUntil(this._finished)
-          )),
-          finalize(() &#x3D;&gt; this.resetElement()),
-          takeUntil(this._interrupted()),
-        );
-      })
-    ).subscribe();
-  }
-
-  ngOnDestroy(): void {
-    this._subscription?.unsubscribe();
-    this._scrollController.complete();
-  }
-
-  /**
-   * changes scroll position inside an element
-   */
-  private _scrollElement(x: number, y: number): void {
-    this._el.scrollLeft &#x3D; x;
-    this._el.scrollTop &#x3D; y;
-  }
-
-  private resetElement(): void {
-    this._zone.run(() &#x3D;&gt; {
-      this.isScrollingChange.emit(false);
-    });
-
-    this._el.classList.remove(&#x27;g-scrolling&#x27;);
-    if (!this._isInterruptedByMouse) {
-      this._el.style.setProperty(&#x27;--slider-scroll-snap-type&#x27;, this.adapter.scrollSnapType);
-    }
-    this._isInterruptedByMouse &#x3D; false;
-  }
-
-  /**
-   * Checks if smooth scroll has reached, cleans up the smooth scroll stream and resolves its promise
-   */
-  private _isFinished(context: SmoothScrollStep): boolean {
-    if (context.currentX !&#x3D;&#x3D; context.x || context.currentY !&#x3D;&#x3D; context.y) {
-      return true;
-    }
-    this._finished.next();
-    return false;
-  }
-
-  /**
-   * Terminates an ongoing smooth scroll
-   */
-  private _interrupted(): Observable&lt;Event | void&gt; {
-    let interrupt$: Observable&lt;Event | void&gt;;
-    if (this.interruptOnMousemove &amp;&amp; typeof Hammer !&#x3D;&#x3D; &#x27;undefined&#x27;) {
-      this._hammer &#x3D; new Hammer(this._el, { inputClass: Hammer.MouseInput });
-      this._hammer.get(&#x27;pan&#x27;).set({ direction: this.adapter.hammerDirection });
-
-      // For gallery thumb slider, dragging thumbnails should cancel the ongoing scroll
-      interrupt$ &#x3D; merge(
-        new Observable&lt;void&gt;((subscriber: Subscriber&lt;void&gt;) &#x3D;&gt; {
-          this._hammer.on(&#x27;panstart&#x27;, () &#x3D;&gt; {
-            this._isInterruptedByMouse &#x3D; true;
-            subscriber.next();
-            subscriber.complete();
-          });
-          return () &#x3D;&gt; {
-            this._hammer.destroy();
-          }
-        }),
-        fromEvent(this._el, &#x27;wheel&#x27;, { passive: true, capture: true }),
-        fromEvent(this._el, &#x27;touchmove&#x27;, { passive: true, capture: true }),
-      )
-    } else {
-      interrupt$ &#x3D; merge(
-        fromEvent(this._el, &#x27;wheel&#x27;, { passive: true, capture: true }),
-        fromEvent(this._el, &#x27;touchmove&#x27;, { passive: true, capture: true }),
-      )
-    }
-    return interrupt$.pipe(take(1));
-  }
-
-  /**
-   * A function called recursively that, given a context, steps through scrolling
-   */
-  private _step(context: SmoothScrollStep): Observable&lt;SmoothScrollStep&gt; {
-    return new Observable((subscriber: Subscriber&lt;SmoothScrollStep&gt;) &#x3D;&gt; {
-      let elapsed: number &#x3D; (this._now() - context.startTime) / context.duration;
-
-      // avoid elapsed times higher than one
-      elapsed &#x3D; elapsed &gt; 1 ? 1 : elapsed;
-
-      // apply easing to elapsed time
-      const value: number &#x3D; context.easing(elapsed);
-
-      context.currentX &#x3D; context.startX + (context.x - context.startX) * value;
-      context.currentY &#x3D; context.startY + (context.y - context.startY) * value;
-
-      this._scrollElement(context.currentX, context.currentY);
-      // Proceed to the step
-      requestAnimationFrame(() &#x3D;&gt; {
-        subscriber.next(context);
-        subscriber.complete();
-      });
-    });
-  }
-
-  private _applyScrollToOptions(options: SmoothScrollToOptions): void {
-    if (!options.duration) {
-      this._scrollElement(options.left, options.top);
-    }
-
-    const context: SmoothScrollStep &#x3D; {
-      scrollable: this._el,
-      startTime: this._now(),
-      startX: this._el.scrollLeft,
-      startY: this._el.scrollTop,
-      x: options.left &#x3D;&#x3D; null ? this._el.scrollLeft : ~~options.left,
-      y: options.top &#x3D;&#x3D; null ? this._el.scrollTop : ~~options.top,
-      duration: options.duration,
-      easing: BezierEasing(options.easing.x1, options.easing.y1, options.easing.x2, options.easing.y2)
-    };
-
-    this._scrollController.next(context);
-  }
-
-  /**
-   * Scrolls to the specified offsets. This is a normalized version of the browser&#x27;s native scrollTo
-   * method, since browsers are not consistent about what scrollLeft means in RTL. For this method
-   * left and right always refer to the left and right side of the scrolling container irrespective
-   * of the layout direction. start and end refer to left and right in an LTR context and vice-versa
-   * in an RTL context.
-   * @param customOptions specified the offsets to scroll to.
-   */
-  scrollTo(customOptions: SmoothScrollToOptions): void {
-    const isRtl: boolean &#x3D; this._dir.value &#x3D;&#x3D;&#x3D; &#x27;rtl&#x27;;
-    const rtlScrollAxisType: RtlScrollAxisType &#x3D; getRtlScrollAxisType();
-
-    const options: SmoothScrollToOptions &#x3D; {
-      ...(this._defaultOptions as _Without&lt;_Bottom &amp; _Top&gt;),
-      ...customOptions,
-      ...({
-        // Rewrite start &amp; end offsets as right or left offsets.
-        left: customOptions.left &#x3D;&#x3D; null ? (isRtl ? customOptions.end : customOptions.start) : customOptions.left,
-        right: customOptions.right &#x3D;&#x3D; null ? (isRtl ? customOptions.start : customOptions.end) : customOptions.right
-      } as _Without&lt;_Bottom &amp; _Top&gt;)
-    };
-
-    // Rewrite the bottom offset as a top offset.
-    if (options.bottom !&#x3D; null) {
-      (options as _Without&lt;_Bottom&gt; &amp; _Top).top &#x3D; this._el.scrollHeight - this._el.clientHeight - options.bottom;
-    }
-
-    // Rewrite the right offset as a left offset.
-    if (isRtl &amp;&amp; rtlScrollAxisType !&#x3D;&#x3D; RtlScrollAxisType.NORMAL) {
-      if (options.left !&#x3D; null) {
-        (options as _Without&lt;_Left&gt; &amp; _Right).right &#x3D; this._el.scrollWidth - this._el.clientWidth - options.left;
-      }
-
-      if (rtlScrollAxisType &#x3D;&#x3D;&#x3D; RtlScrollAxisType.INVERTED) {
-        options.left &#x3D; options.right;
-      } else if (rtlScrollAxisType &#x3D;&#x3D;&#x3D; RtlScrollAxisType.NEGATED) {
-        options.left &#x3D; options.right ? -options.right : options.right;
-      }
-    } else {
-      if (options.right !&#x3D; null) {
-        (options as _Without&lt;_Right&gt; &amp; _Left).left &#x3D; this._el.scrollWidth - this._el.clientWidth - options.right;
-      }
-    }
-    return this._applyScrollToOptions(options);
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'SmoothScroll.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/directives/ThumbResizeObserver.html b/documentation/directives/ThumbResizeObserver.html
deleted file mode 100644
index 74d3564a..00000000
--- a/documentation/directives/ThumbResizeObserver.html
+++ /dev/null
@@ -1,713 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content directive">
-                   <div class="content-data">
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Directives</li>
-  <li >ThumbResizeObserver</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts</code>
-        </p>
-
-
-
-            <p class="comment">
-                <h3>Implements</h3>
-            </p>
-            <p class="comment">
-                            <code><a href="../miscellaneous/functions.html#C" target="_self" >OnChanges</a></code>
-                            <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
-                            <code><a href="https://angular.io/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
-            </p>
-
-
-        <section>
-            <h3>Metadata</h3>
-            <table class="table table-sm table-hover metadata">
-                <tbody>
-
-                    <tr>
-                        <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[thumbResizeObserver]</code></td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </section>
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_resizeSubscription" >_resizeSubscription</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#ngOnChanges" >ngOnChanges</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnDestroy" >ngOnDestroy</a>
-                            </li>
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#updateSliderSize" >updateSliderSize</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#adapter" >adapter</a>
-                            </li>
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#thumbResizeObserver" >thumbResizeObserver</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Accessors</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                    <a href="#_viewport" >_viewport</a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_el: ElementRef<HTMLElement>, _zone: <a href="https://angular.io/api/core/NgZone" target="_blank">NgZone</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:34</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_el</td>
-                                                  
-                                                        <td>
-                                                                    <code>ElementRef&lt;HTMLElement&gt;</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_zone</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/core/NgZone" target="_blank" >NgZone</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="adapter"></a>
-                        <b>adapter</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../classes/SliderAdapter.html" target="_self" >SliderAdapter</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:32</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="config"></a>
-                        <b>config</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:30</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-            <section>
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="thumbResizeObserver"></a>
-                        <b>thumbResizeObserver</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;void&gt;</code>
-
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:34</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnChanges"></a>
-                    <span class="name">
-                        <span ><b>ngOnChanges</b></span>
-                        <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnChanges(changes: <a href="../undefineds/C.html" target="_self">SimpleChanges</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="51"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:51</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>changes</td>
-                                    <td>
-                                                <code><a href="../miscellaneous/functions.html#C" target="_self" >SimpleChanges</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnDestroy"></a>
-                    <span class="name">
-                        <span ><b>ngOnDestroy</b></span>
-                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnDestroy()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="57"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:57</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="39"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:39</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="updateSliderSize"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>updateSliderSize</b></span>
-                        <a href="#updateSliderSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>updateSliderSize()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="61"
-                            class="link-to-prism">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:61</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_resizeSubscription"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_resizeSubscription</b></span>
-                        <a href="#_resizeSubscription"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Subscription</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:24</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="accessors">
-        Accessors
-    </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="_viewport"></a>
-                        <span class="name"><b>_viewport</b><a href="#_viewport"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>_viewport()</code></span>
-                    </td>
-                </tr>
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:26</a></div>
-                                </td>
-                            </tr>
-
-            </tbody>
-        </table>
-</section>
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-  Directive,
-  Input,
-  Output,
-  OnInit,
-  OnChanges,
-  OnDestroy,
-  NgZone,
-  ElementRef,
-  SimpleChanges,
-  EventEmitter
-} from &#x27;@angular/core&#x27;;
-import { Subscription, tap, auditTime, animationFrameScheduler, debounceTime } from &#x27;rxjs&#x27;;
-import { resizeObservable } from &#x27;../utils/resize-observer&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-import { SliderAdapter } from &#x27;../components/adapters&#x27;;
-
-@Directive({
-  selector: &#x27;[thumbResizeObserver]&#x27;,
-  standalone: true
-})
-export class ThumbResizeObserver implements OnChanges, OnInit, OnDestroy {
-
-  private _resizeSubscription: Subscription;
-
-  private get _viewport(): HTMLElement {
-    return this._el.nativeElement;
-  }
-
-  @Input() config: GalleryConfig;
-
-  @Input() adapter: SliderAdapter;
-
-  @Output(&#x27;thumbResizeObserver&#x27;) resized: EventEmitter&lt;void&gt; &#x3D; new EventEmitter();
-
-  constructor(private _el: ElementRef&lt;HTMLElement&gt;, private _zone: NgZone) {
-  }
-
-  ngOnInit(): void {
-    this._zone.runOutsideAngular(() &#x3D;&gt; {
-      this._resizeSubscription &#x3D; resizeObservable(this._viewport).pipe(
-        debounceTime(this.config.resizeDebounceTime, animationFrameScheduler),
-        tap(() &#x3D;&gt; {
-          this.updateSliderSize();
-          this.resized.emit();
-        })
-      ).subscribe();
-    });
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (!changes.config.firstChange) {
-      this.updateSliderSize();
-    }
-  }
-
-  ngOnDestroy(): void {
-    this._resizeSubscription?.unsubscribe();
-  }
-
-  private updateSliderSize(): void {
-    this._viewport.style.setProperty(&#x27;--thumb-centralize-start-size&#x27;, this.adapter.getCentralizerStartSize() + &#x27;px&#x27;);
-    this._viewport.style.setProperty(&#x27;--thumb-centralize-end-size&#x27;, this.adapter.getCentralizerEndSize() + &#x27;px&#x27;);
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'ThumbResizeObserver.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/fonts/ionicons.eot b/documentation/fonts/ionicons.eot
deleted file mode 100644
index 4b1fd0f4..00000000
Binary files a/documentation/fonts/ionicons.eot and /dev/null differ
diff --git a/documentation/fonts/ionicons.svg b/documentation/fonts/ionicons.svg
deleted file mode 100644
index ba35c41f..00000000
--- a/documentation/fonts/ionicons.svg
+++ /dev/null
@@ -1,2090 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<!--
-2018-6-14: Created with FontForge (http://fontforge.org)
--->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
-<metadata>
-Created by FontForge 20160407 at Thu Jun 14 08:50:34 2018
- By Adam Bradley
-Copyright (c) 2018, Adam Bradley
-</metadata>
-<defs>
-<font id="Ionicons" horiz-adv-x="416" >
-  <font-face 
-    font-family="Ionicons"
-    font-weight="400"
-    font-stretch="normal"
-    units-per-em="512"
-    panose-1="2 0 5 3 0 0 0 0 0 0"
-    ascent="448"
-    descent="-64"
-    bbox="-0.75 -64 512.487 448"
-    underline-thickness="25.6"
-    underline-position="-51.2"
-    unicode-range="U+F100-F4CD"
-  />
-    <missing-glyph />
-    <glyph glyph-name="ion-ios-color-fill" unicode="&#xf159;" horiz-adv-x="384" 
-d="M167 330l172 -170c4 -4 1 -11 -5 -11v0c-10 0 -23 -1 -29 -7c-8 -8 -88 -86 -126 -123c-11 -10 -28 -10 -39 0l-131 126c-11 11 -12 29 -1 40l85 84l-50 49c-19 19 -19 49 0 68v0c9 9 22 14 34 14s25 -5 34 -14l56 -56v0zM64 338l48 -49l29 28l-50 49c-4 4 -9 6 -14 6
-c-6 0 -11 -3 -15 -8c-6 -8 -5 -19 2 -26zM339 108c11 -12 45 -53 45 -76c0 -26 -22 -48 -48 -48v0c-26 0 -48 21 -48 48c0 22 35 64 45 76c2 2 4 2 6 0z" />
-    <glyph glyph-name="ion-md-backspace" unicode="&#xf28f;" horiz-adv-x="426" 
-d="M390 352c20 0 36 -16 36 -36v-248c0 -20 -16 -36 -36 -36h-266c-12 0 -22 7 -28 16l-96 144l96 144c6 9 16 16 28 16h266zM337 128l-63 64l63 64l-25 25l-64 -64l-63 64l-25 -25l64 -64l-64 -64l25 -25l63 64l64 -64z" />
-    <glyph glyph-name="ion-md-paper-plane" unicode="&#xf33e;" 
-d="M0 177l416 223l-104 -416l-104 104l-74 -104l-15 148zM295 51l73 288l-291 -156l69 -25l181 138l-115 -161z" />
-    <glyph glyph-name="ion-ios-cart" unicode="&#xf3f8;" 
-d="M88 24c0 13 10 24 23 24s25 -11 25 -24s-11 -24 -24 -24s-24 11 -24 24zM336 0c-13 0 -24 12 -24 25s12 23 25 23s23 -12 23 -25s-11 -23 -24 -23zM416 316v-3l-16 -116c0 -3 -2 -5 -5 -5l-278 -47v0l4 -24c3 -16 7 -23 11 -26c3 -3 7 -3 9 -3v0h237c8 0 14 -6 14 -14
-s-6 -14 -14 -14h-237c-13 0 -25 5 -33 16c-7 9 -12 22 -14 36l-40 212s-2 9 -2 10v0c-1 7 -5 15 -10 16s-17 2 -26 2s-16 5 -16 14s7 14 16 14c27 0 41 0 49 -9c6 -8 8 -12 12 -19c1 -3 5 -4 8 -4l325 -32c2 0 5 -2 6 -4z" />
-    <glyph glyph-name="ion-ios-rose" unicode="&#xf4a3;" horiz-adv-x="320" 
-d="M320 307c-77 -89 -16 -136 -16 -204s-56 -119 -144 -119s-144 47 -144 115c0 60 35 100 93 131c25 14 33 17 52 26c30 13 65 27 105 38c17 5 35 9 54 13zM39 206c5 38 3 91 -39 135c0 0 66 -15 115 -41c14 -8 28 -17 37 -27c-12 -6 -24 -11 -36 -17c-7 -4 -14 -7 -20 -11
-c-25 -14 -44 -29 -57 -39zM256 370c0 0 26 -29 32 -51c-33 -7 -78 -20 -115 -36c-15 15 -43 32 -43 32c52 56 126 55 126 55zM144 351c-12 -8 -21 -16 -31 -27c-26 12 -41 18 -62 24c5 14 14 31 29 52c0 0 35 -11 64 -49z" />
-    <glyph glyph-name="ion-ios-refresh" unicode="&#xf49c;" horiz-adv-x="384" 
-d="M369 159v0c9 0 16 -7 15 -16c-8 -98 -91 -175 -192 -175c-106 0 -192 85 -192 191c0 104 84 189 188 191c2 0 4 2 4 4v46c0 13 14 21 25 14l96 -67c10 -6 10 -21 0 -27l-96 -67c-11 -7 -25 0 -25 13v50c0 2 -2 4 -4 4c-88 -2 -158 -73 -158 -161c0 -89 72 -161 162 -161
-c85 0 155 65 162 148c1 8 7 13 15 13z" />
-    <glyph glyph-name="ion-md-musical-note" unicode="&#xf332;" horiz-adv-x="256" 
-d="M128 384h128v-85h-85v-214c0 -47 -39 -85 -86 -85s-85 38 -85 85s38 86 85 86c16 0 30 -5 43 -12v225z" />
-    <glyph glyph-name="ion-md-list-box" unicode="&#xf31a;" horiz-adv-x="384" 
-d="M344 384c22 0 40 -18 40 -40v-304c0 -22 -18 -40 -40 -40h-304c-22 0 -40 18 -40 40v304c0 22 18 40 40 40h304zM240 80v48h-160v-48h160zM304 168v48h-224v-48h224zM304 256v48h-224v-48h224z" />
-    <glyph glyph-name="ion-ios-mail" unicode="&#xf1b8;" 
-d="M413 301c1 1 3 0 3 -2v-219c0 -18 -14 -32 -32 -32h-352c-18 0 -32 14 -32 32v219c0 2 2 3 3 2l108 -110c1 -1 1 -2 0 -3l-75 -80c-5 -5 -5 -13 0 -18c2 -2 6 -4 9 -4s7 2 9 4l75 80c1 1 2 1 3 0l18 -18c16 -16 36 -25 58 -25s43 8 58 24l18 19c1 1 2 1 3 0l75 -80
-c2 -2 6 -4 9 -4s7 2 9 4c5 5 5 13 0 18l-75 80c-1 1 -1 2 0 3zM208 153c-15 0 -29 6 -39 16l-157 160c5 4 12 7 20 7h352c8 0 14 -3 20 -7l-157 -160c-10 -11 -24 -16 -39 -16z" />
-    <glyph glyph-name="ion-md-ice-cream" unicode="&#xf30d;" horiz-adv-x="320" 
-d="M32 192h256l-128 -224zM296 287c14 -4 24 -16 24 -31v0c0 -18 -14 -32 -32 -32h-256c-18 0 -32 14 -32 32v0c0 15 10 27 24 31c-2 6 -2 15 -2 21c0 42 34 76 76 76c8 0 10 -1 17 -3c-5 -12 -3 -22 -1 -31l3 -1c2 15 11 29 11 29c18 23 46 38 77 38c53 0 96 -43 96 -96
-c0 -10 -2 -24 -5 -33z" />
-    <glyph glyph-name="ion-md-at" unicode="&#xf28d;" 
-d="M218 236c2 0 4 -1 6 -1s5 -1 7 -1l-7 -66c-3 -8 -7 -13 -11 -16s-8 -5 -14 -5s-10 3 -13 9s-4 15 -3 27c2 18 5 30 11 39s14 14 24 14zM208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM336 198c2 40 -8 72 -29 95s-51 35 -91 35
-s-73 -13 -97 -37s-37 -57 -39 -99s9 -76 31 -100s53 -36 94 -36c10 0 21 1 31 3s19 6 26 10l-6 24c-7 -3 -15 -5 -24 -7s-18 -2 -26 -2c-31 0 -55 10 -71 29s-24 46 -22 79c2 34 12 61 30 81s42 30 72 30c31 0 55 -10 70 -28s22 -44 20 -77c-1 -16 -4 -30 -11 -40
-s-16 -15 -27 -15c-3 0 -5 2 -7 5s-2 10 -2 18l8 83h-1h1c-9 5 -18 9 -25 11s-17 4 -29 4c-17 0 -33 -7 -45 -22s-19 -35 -22 -59c-2 -19 1 -34 9 -46s19 -17 34 -17c8 0 17 2 23 6s11 10 15 18c2 -8 7 -14 13 -18s13 -7 21 -7c25 0 44 7 56 23s19 35 20 56z" />
-    <glyph glyph-name="ion-ios-create" unicode="&#xf165;" horiz-adv-x="448" 
-d="M372 362c3 3 9 3 12 0l26 -26c3 -3 3 -9 0 -12l-202 -202c-2 -2 -4 -2 -6 -2h-26c-4 0 -8 4 -8 8v26c0 2 0 4 2 6zM444 381c3 -3 4 -8 4 -12s-1 -8 -4 -11l-12 -12c-2 -2 -3 -2 -5 0l-22 22l-10 10c-2 2 -2 4 0 6l11 12c3 3 8 4 12 4s8 -1 11 -4v-1zM218 106l1 1l148 147
-c2 2 6 2 6 -2v-209c0 -32 -26 -59 -58 -59h-256c-32 0 -59 27 -59 59v224c0 32 27 58 59 58h241c4 0 4 -5 2 -7l-147 -147l-1 -1c-3 -3 -5 -7 -5 -11v-1v-38v-3c0 -9 7 -16 16 -16h3h38h1c4 0 8 2 11 5z" />
-    <glyph glyph-name="ion-logo-chrome" unicode="&#xf22f;" horiz-adv-x="448" 
-d="M157 192c0 37 30 67 67 67s67 -30 67 -67s-30 -67 -67 -67s-67 30 -67 67zM445 230c2 -12 3 -25 3 -38c0 -106 -74 -195 -174 -218c-10 -2 -20 -4 -30 -5c-7 -1 -13 -1 -20 -1c-8 0 -17 0 -25 1v0v0v0v1l102 177c8 13 13 28 13 45c0 27 -13 50 -32 67h156
-c3 -9 5 -19 7 -29v0c-2 10 -4 20 -7 29v0c3 -9 5 -19 7 -29v0zM224 103c10 0 20 2 29 5l-78 -135v0c-42 9 -79 30 -108 59c-42 41 -67 97 -67 160c0 31 6 61 18 88c7 16 16 31 26 45v0l103 -178c16 -27 43 -44 77 -44zM59 343v0v1c24 26 55 47 90 59c23 8 49 13 75 13
-c73 0 138 -36 179 -90h1c10 -14 18 -29 25 -44v0c-7 15 -15 30 -25 44h-1c10 -14 19 -29 26 -44h-205c-44 0 -79 -32 -87 -72z" />
-    <glyph glyph-name="ion-md-volume-mute" unicode="&#xf3a1;" horiz-adv-x="192" 
-d="M0 256h85l107 112v-352l-107 112h-85v128z" />
-    <glyph glyph-name="ion-md-skip-forward" unicode="&#xf37d;" horiz-adv-x="384" 
-d="M0 384l277 -192l-277 -192v384zM320 0v384h64v-384h-64z" />
-    <glyph glyph-name="ion-ios-infinite" unicode="&#xf44a;" horiz-adv-x="464" 
-d="M433 266c20 -20 31 -46 31 -74s-12 -54 -32 -74s-47 -30 -75 -30s-55 10 -75 30l-125 123c-14 13 -32 20 -51 20s-36 -7 -50 -20c-13 -13 -21 -31 -21 -49s8 -36 21 -49c14 -13 31 -20 50 -20s37 7 51 20l31 30c2 2 3 2 5 0l20 -19c2 -2 2 -4 0 -6l-31 -30
-c-20 -20 -48 -30 -76 -30s-55 10 -75 30s-31 46 -31 74s11 54 31 74s47 30 75 30s56 -10 76 -30l125 -123c14 -13 32 -20 51 -20s36 7 50 20c13 13 20 31 20 49s-7 36 -20 49c-14 13 -31 20 -50 20s-37 -7 -51 -20l-31 -30c-2 -2 -3 -2 -5 0l-20 19c-2 2 -2 4 0 6l31 30
-c20 20 48 30 76 30s55 -10 75 -30z" />
-    <glyph glyph-name="ion-logo-windows" unicode="&#xf32f;" horiz-adv-x="448" 
-d="M448 183v0v-215l-248 36v179h248zM184 183v0v-177l-184 27v150h184zM448 416v0v-217h-248v182zM184 378v0v-179h-184v153z" />
-    <glyph glyph-name="ion-md-microphone" unicode="&#xf32d;" horiz-adv-x="256" 
-d="M256 336h-56v-37h56v-43h-56v-37h56v-43h-56v-37h56v-42c0 -29 -25 -52 -55 -52h-30v-77h-86v77h-30c-30 0 -55 23 -55 52v42h152v37h-152v43h152v37h-152v43h152v37h-152v28c0 29 25 52 55 52h146c30 0 55 -23 55 -52v-28z" />
-    <glyph glyph-name="ion-ios-share-alt" unicode="&#xf20f;" horiz-adv-x="384" 
-d="M381 218c2 -2 3 -7 3 -10s0 -6 -3 -8l-143 -134c-5 -5 -14 -2 -14 5v65c0 2 -2 5 -4 5c-98 -1 -161 -44 -212 -108c-3 -3 -9 1 -8 5c21 109 80 214 220 236c2 0 4 2 4 4v66c0 5 6 8 10 8c2 0 4 0 6 -2z" />
-    <glyph glyph-name="ion-md-wine" unicode="&#xf3a9;" horiz-adv-x="384" 
-d="M171 171l-171 170v43h384v-43l-171 -170v-131h107v-40h-256v40h107v131zM96 299h192l43 42h-278z" />
-    <glyph glyph-name="ion-md-skip-backward" unicode="&#xf37c;" horiz-adv-x="384" 
-d="M107 192l277 192v-384zM0 0v384h64v-384h-64z" />
-    <glyph glyph-name="ion-ios-bug" unicode="&#xf134;" horiz-adv-x="448" 
-d="M343 321c-6 -16 -17 -31 -29 -43c-24 -24 -56 -37 -90 -37s-67 13 -91 37c-12 12 -22 27 -28 43c29 39 72 63 119 63s90 -24 119 -63zM90 298c22 -45 69 -80 122 -83v-215c-40 2 -73 23 -100 55l-5 -5c-5 -4 -6 -11 -4 -17c3 -8 1 -18 -5 -25c-9 -10 -24 -11 -34 -2
-s-11 24 -2 34l3 3s2 1 2 1c4 13 13 26 27 37c-15 26 -26 56 -29 89c-2 0 -4 -1 -6 -1c-6 -1 -10 -4 -12 -9c-4 -10 -14 -17 -25 -16c-12 1 -21 10 -22 22c-1 14 10 26 24 26h3c4 2 8 5 12 6c7 2 14 4 25 4c1 23 6 45 13 65c-6 4 -11 7 -15 11c-5 4 -9 9 -12 14
-c-2 3 -3 5 -6 7c-2 1 -4 3 -6 5c-7 7 -7 18 -3 27c6 12 21 17 33 10c11 -6 15 -20 10 -31c2 -4 4 -7 6 -9s6 -3 6 -3zM424 192c14 0 25 -12 24 -26c-1 -12 -10 -21 -22 -22c-11 -1 -20 6 -24 15c-2 6 -7 9 -13 10c-2 0 -4 1 -6 1c-3 -33 -14 -64 -29 -90
-c14 -11 23 -23 27 -36c0 0 1 0 2 -1l3 -3c9 -10 8 -25 -2 -34s-25 -8 -34 2c-6 7 -8 16 -5 24c2 6 1 14 -4 18c-2 1 -3 2 -5 4c-27 -32 -60 -52 -100 -54v215c53 3 100 37 122 82c0 0 4 2 6 4c3 3 4 6 6 9c-5 11 -1 25 10 31c12 6 27 3 33 -9s3 -27 -9 -33v0
-c-2 -1 -5 -4 -6 -6c-3 -5 -7 -11 -12 -15c-4 -4 -9 -7 -15 -11c7 -20 12 -42 13 -65c11 0 18 -2 25 -4c4 -1 8 -4 12 -6h3z" />
-    <glyph glyph-name="ion-ios-help-circle" unicode="&#xf198;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM204 96c12 0 21 9 21 21s-9 20 -21 20s-22 -8 -22 -20s10 -21 22 -21zM244 193c18 11 28 24 28 44c0 30 -25 51 -63 51c-40 0 -64 -23 -65 -55h36c1 15 11 25 26 25s27 -10 27 -22
-s-7 -19 -24 -29c-18 -11 -25 -23 -23 -44v-8h35v8c0 13 6 20 23 30z" />
-    <glyph glyph-name="ion-md-bulb" unicode="&#xf2a7;" horiz-adv-x="288" 
-d="M80 20v18h128v-18c0 -11 -9 -20 -20 -20h-88c-11 0 -20 9 -20 20zM144 384c80 0 144 -60 144 -134c0 -46 -25 -87 -62 -111v-43c0 -11 -9 -19 -20 -19h-124c-11 0 -21 8 -21 19v43c-37 24 -61 65 -61 111c0 74 64 134 144 134z" />
-    <glyph glyph-name="ion-ios-document" unicode="&#xf170;" horiz-adv-x="304" 
-d="M208 293c-10 0 -19 9 -19 19v72c0 4 3 8 7 8v0c8 0 15 -3 21 -8l76 -63c7 -6 11 -14 11 -23v0c0 -3 -2 -5 -5 -5h-91zM163 312c0 -25 20 -45 45 -45h96v-243c0 -18 -14 -32 -32 -32h-240c-18 0 -32 14 -32 32v336c0 18 14 32 32 32h131v-80z" />
-    <glyph glyph-name="ion-ios-search" unicode="&#xf4a5;" horiz-adv-x="384" 
-d="M380 28c6 -7 6 -18 -1 -24c-3 -3 -7 -4 -11 -4s-9 2 -12 5l-106 107c-26 -21 -60 -34 -97 -34c-85 0 -153 69 -153 153s68 153 153 153s153 -69 153 -153c0 -36 -12 -69 -33 -95zM153 111c32 0 62 12 85 35s35 53 35 85s-12 62 -35 85s-53 35 -85 35s-62 -12 -85 -35
-s-35 -53 -35 -85s12 -62 35 -85s53 -35 85 -35z" />
-    <glyph glyph-name="ion-logo-youtube" unicode="&#xf34f;" horiz-adv-x="512" 
-d="M509 299c2 -36 3 -71 3 -107s-1 -71 -3 -107c0 -45 -33 -81 -74 -81c-58 -3 -118 -4 -179 -4s-121 1 -179 4c-41 0 -74 36 -74 81c-2 36 -3 71 -3 107s2 71 4 107c0 45 32 81 73 81c55 3 112 4 170 4h9h9c58 0 115 -1 170 -4c41 0 74 -36 74 -81zM207 94l145 98l-145 99
-v-197z" />
-    <glyph glyph-name="ion-md-aperture" unicode="&#xf279;" horiz-adv-x="448" 
-d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136s85 -56 136 -56s100 20 136 56zM168 342l56 -86h-147
-c17 40 50 71 91 86zM381 160h-102l72 129c21 -27 33 -60 33 -97c0 -11 -1 -22 -3 -32zM328 314l-49 -90l-78 126c8 1 15 2 23 2c40 0 76 -14 104 -38zM67 224h102l-72 -129c-21 27 -33 60 -33 97c0 11 1 22 3 32zM280 42l-56 86h147c-17 -40 -50 -71 -91 -86zM120 70l49 90
-l78 -126c-8 -1 -15 -2 -23 -2c-40 0 -76 14 -104 38z" />
-    <glyph glyph-name="ion-md-list" unicode="&#xf31b;" horiz-adv-x="352" 
-d="M0 120v48h256v-48h-256zM0 216v48h320v-48h-320zM0 312v48h352v-48h-352zM0 24v48h288v-48h-288z" />
-    <glyph glyph-name="ion-ios-power" unicode="&#xf1ef;" horiz-adv-x="384" 
-d="M316 336c43 -36 68 -89 68 -145c0 -105 -86 -191 -192 -191s-192 86 -192 191c0 56 25 109 68 145c3 3 8 5 12 5c5 0 9 -3 13 -7c3 -4 5 -8 5 -13s-3 -10 -7 -13c-35 -29 -55 -72 -55 -117c0 -85 70 -155 156 -155s156 70 156 155c0 45 -20 87 -55 117c-4 3 -7 8 -7 13
-s2 9 5 13s9 7 14 7c4 0 8 -2 11 -5zM193 174c-10 0 -19 8 -19 18v174c0 10 9 18 19 18s18 -8 18 -18v-174c0 -10 -8 -18 -18 -18z" />
-    <glyph glyph-name="ion-md-grid" unicode="&#xf302;" horiz-adv-x="384" 
-d="M346 384c21 0 38 -17 38 -38v-308c0 -21 -17 -38 -38 -38h-308c-21 0 -38 17 -38 38v308c0 21 17 38 38 38h308zM115 38v77h-77v-77h77zM115 154v76h-77v-76h77zM115 269v77h-77v-77h77zM230 38v77h-76v-77h76zM230 154v76h-76v-76h76zM230 269v77h-76v-77h76zM346 38v77
-h-77v-77h77zM346 154v76h-77v-76h77zM346 269v77h-77v-77h77z" />
-    <glyph glyph-name="ion-ios-glasses" unicode="&#xf43f;" horiz-adv-x="446" 
-d="M432 207c8 0 14 -7 14 -15s-6 -15 -14 -15h-7c-3 -21 -13 -40 -28 -55c-17 -17 -40 -26 -64 -26c-51 0 -93 43 -93 96v0c0 6 -7 15 -17 15s-17 -9 -17 -15v0c0 -53 -42 -96 -93 -96c-24 0 -47 9 -64 26c-15 15 -25 34 -28 55h-7c-8 0 -14 7 -14 15s6 15 14 15h7
-c3 21 13 40 28 55c17 16 40 26 64 26c20 0 40 -6 56 -19c14 -11 24 -25 30 -42c7 5 16 7 24 7s17 -2 24 -7c6 17 16 31 30 42c16 13 36 19 56 19c24 0 47 -9 64 -26c15 -15 25 -34 28 -55h7z" />
-    <glyph glyph-name="ion-md-hand" unicode="&#xf304;" horiz-adv-x="414" 
-d="M401 174c15 -15 18 -36 3 -51c0 0 -96 -103 -126 -121v0c-28 -21 -65 -34 -100 -34c-55 0 -101 36 -117 85v0v1c0 1 -1 2 -1 3l-58 189c-5 15 2 32 17 37s30 -3 35 -18l34 -88c1 -4 2 -2 2 1l-22 161c-3 15 7 30 22 33s30 -8 33 -23l25 -138c0 -2 2 -2 2 0v177
-c0 15 13 28 28 28s28 -13 28 -28l8 -175c0 -5 3 -4 4 -1l23 135c2 15 16 27 31 25s27 -17 25 -32l-21 -172c-1 -12 -3 -30 2 -36c8 -9 20 -9 31 2l42 42c15 15 35 13 50 -2z" />
-    <glyph glyph-name="ion-ios-bluetooth" unicode="&#xf128;" horiz-adv-x="256" 
-d="M250 115c7 -6 7 -16 1 -23l-116 -120c-2 -2 -6 -4 -9 -4v0c-6 0 -11 5 -11 11v170l-85 -74c-7 -6 -19 -5 -25 2v0c-6 7 -5 18 2 24l108 91l-109 92c-7 6 -8 17 -2 24v0c6 7 18 7 25 1l86 -73v169c0 6 5 11 11 11v0c3 0 7 -2 9 -4l116 -121c6 -7 6 -17 -1 -23l-88 -76z
-M151 347c-1 1 -3 1 -3 -1v-119c0 -2 2 -3 3 -2l63 53c1 1 1 2 0 3zM148 38c0 -2 2 -2 3 -1l63 65c1 1 1 2 0 3l-63 53c-1 1 -3 0 -3 -2v-118z" />
-    <glyph glyph-name="ion-ios-time" unicode="&#xf4bf;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM222 174v146c0 8 -6 14 -14 14s-14 -6 -14 -14v-132h-82c-8 0 -14 -6 -14 -14s6 -14 14 -14h96c8 0 14 6 14 14z" />
-    <glyph glyph-name="ion-ios-trending-up" unicode="&#xf25b;" horiz-adv-x="448" 
-d="M433 320c8 0 15 -7 15 -15v-118c0 -8 -7 -15 -15 -15s-15 7 -15 15v82l-150 -152c-3 -3 -6 -4 -10 -4s-8 1 -11 4l-86 84l-135 -133c-3 -3 -7 -4 -11 -4s-8 1 -11 4s-4 6 -4 10c0 6 2 9 4 11l146 143c3 3 7 5 11 5s8 -2 11 -5l86 -84l138 142h-84c-8 0 -15 7 -15 15
-s7 15 15 15h121z" />
-    <glyph glyph-name="ion-md-contact" unicode="&#xf2d6;" 
-d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM208 338c-34 0 -62 -29 -62 -63s28 -62 62 -62s62 28 62 62s-28 63 -62 63zM208 37c52 0 98 27 125 67c-1 42 -83 64 -125 64s-124 -22 -125 -64c27 -40 73 -67 125 -67z" />
-    <glyph glyph-name="ion-md-close-circle" unicode="&#xf2bf;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM312 117l-75 75l75 75l-29 29l-75 -75l-75 75l-29 -29l75 -75l-75 -75l29 -29l75 75l75 -75z" />
-    <glyph glyph-name="ion-logo-sass" unicode="&#xf249;" horiz-adv-x="512" 
-d="M512 119v-8c-1 -9 -7 -17 -15 -22s-12 -4 -13 -3s1 3 4 5c13 8 17 20 10 33c-5 10 -15 16 -26 20c-24 8 -48 7 -72 0c4 -12 7 -23 -2 -34c-10 -12 -23 -19 -39 -22c-7 -2 -14 2 -15 9c-3 19 17 36 30 47c-7 11 -11 24 -14 37c-15 -17 -31 -40 -26 -61
-c3 -14 -1 -27 -14 -36s-30 -14 -46 -11c-4 1 -6 5 -5 8c2 14 25 32 35 43c2 2 3 4 1 7c-6 12 -10 23 -14 36c-13 -29 -30 -80 -57 -98c-9 -6 -17 -4 -21 5c-3 8 -2 20 -1 29c-6 -13 -11 -27 -20 -38c-7 -8 -24 -7 -30 1c-16 21 -13 50 -5 73l-29 -15c7 -16 8 -32 4 -49
-c-5 -19 -17 -35 -35 -46c-19 -12 -64 -24 -77 4c-7 16 -4 30 6 44c17 24 48 37 74 50c-32 23 -80 42 -96 80c-15 35 17 68 43 89c59 48 166 95 244 59c15 -7 36 -24 31 -52c-4 -24 -13 -39 -28 -54c-32 -32 -152 -77 -176 -15c-1 1 -1 4 1 4c2 -1 20 -15 43 -16
-c17 -1 36 3 52 8c33 11 71 33 80 67c4 13 -2 28 -15 34c-49 24 -116 -4 -159 -26c-33 -17 -84 -45 -82 -87c1 -37 56 -60 81 -82c15 7 42 15 52 27c11 13 26 25 44 26c8 0 14 -3 16 -10c2 -6 1 -11 0 -19c5 4 11 4 15 -1c12 -14 -22 -50 -10 -66c14 14 21 42 30 59
-c4 8 17 51 26 53c7 2 18 4 25 0c2 -1 3 -3 2 -5c-7 -19 -7 -33 3 -52c14 20 29 43 34 67c1 2 3 3 5 4c7 2 18 3 25 0c3 -1 3 -2 2 -5c-7 -22 -6 -38 6 -58c31 11 69 15 97 -5c-3 2 -7 5 0 0c5 -4 3 -2 0 0c12 -8 19 -18 21 -32zM113 94v0c1 7 -1 13 -3 20
-c-24 -8 -66 -35 -64 -62c1 -10 8 -13 17 -12s19 7 27 13c14 11 22 24 23 41zM216 166c1 3 -2 5 -5 4c-29 -8 -43 -57 -33 -81c1 -3 4 -3 6 -1c17 16 28 56 32 78zM286 84c8 -3 27 17 26 27c-8 -9 -18 -18 -26 -27zM367 102c11 6 16 19 12 30c-8 -6 -21 -19 -20 -31
-c0 -2 6 0 8 1z" />
-    <glyph glyph-name="ion-ios-apps" unicode="&#xf10a;" horiz-adv-x="384" 
-d="M371 310c18 -8 18 -21 0 -29l-148 -67c-17 -8 -45 -8 -62 0l-148 67c-18 8 -18 21 0 29l150 68c16 7 43 7 59 0zM161 73c17 -8 45 -8 62 0l100 45c4 2 9 2 13 0l35 -16c18 -8 18 -21 0 -29l-148 -67c-17 -8 -45 -8 -62 0l-148 67c-18 8 -18 21 0 29l35 16c4 2 10 2 14 0z
-M371 206c18 -8 18 -21 0 -29l-148 -67c-17 -8 -45 -8 -62 0l-148 67c-18 8 -18 21 0 29l32 15c4 2 9 2 13 0l108 -49c15 -5 37 -5 52 0l108 49c4 2 9 2 13 0z" />
-    <glyph glyph-name="ion-ios-outlet" unicode="&#xf1db;" 
-d="M311 370c3 0 6 0 8 -2c58 -37 97 -102 97 -176s-39 -138 -97 -176c-2 -2 -5 -2 -8 -2h-206c-3 0 -6 0 -8 2c-58 38 -97 102 -97 176s39 139 97 176c2 2 5 2 8 2h206zM145 177c2 0 4 2 4 4v111c0 2 -2 4 -4 4h-22c-2 0 -4 -2 -4 -4v-111c0 -2 2 -4 4 -4h22zM234 58
-c2 0 4 2 4 4v41c0 16 -14 30 -30 30s-30 -15 -30 -31v-40c0 -2 2 -4 4 -4h52zM293 192c2 0 4 2 4 4v81c0 2 -2 4 -4 4h-22c-2 0 -4 -2 -4 -4v-81c0 -2 2 -4 4 -4h22z" />
-    <glyph glyph-name="ion-ios-tablet-landscape" unicode="&#xf223;" horiz-adv-x="448" 
-d="M7 345v0c4 4 11 7 17 7h400c6 0 13 -3 17 -7v0c4 -4 7 -11 7 -17v-272c0 -6 -3 -13 -7 -17v0c-4 -4 -11 -7 -17 -7h-400c-6 0 -13 3 -17 7v0c-4 4 -7 11 -7 17v272c0 6 3 13 7 17zM17 192c0 -4 3 -7 7 -7s7 3 7 7s-3 7 -7 7s-7 -3 -7 -7zM438 192c0 8 -6 14 -14 14
-s-14 -6 -14 -14s6 -14 14 -14s14 6 14 14zM400 336h-352v-288h352v288z" />
-    <glyph glyph-name="ion-md-arrow-dropdown-circle" unicode="&#xf27f;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 128l96 96h-192z" />
-    <glyph glyph-name="ion-logo-flickr" unicode="&#xf107;" horiz-adv-x="384" 
-d="M288 384c53 0 96 -43 96 -96v-192c0 -53 -43 -96 -96 -96h-192c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h192zM120 144c26 0 48 22 48 48s-22 48 -48 48s-48 -22 -48 -48s22 -48 48 -48zM264 144c26 0 48 22 48 48s-22 48 -48 48s-48 -22 -48 -48s22 -48 48 -48z" />
-    <glyph glyph-name="ion-md-tv" unicode="&#xf17f;" horiz-adv-x="448" 
-d="M407 372c22 0 41 -18 41 -40v-240c0 -22 -19 -40 -41 -40h-102v-40h-163v40h-101c-22 0 -41 18 -41 40v240c0 22 19 40 41 40h366zM407 92v0v240h-366v-240h366z" />
-    <glyph glyph-name="ion-ios-bowtie" unicode="&#xf130;" horiz-adv-x="448" 
-d="M259 234c10 -17 19 -53 17 -85c-1 -17 -5 -22 -5 -22s-12 -7 -36 -7h-11c-35 3 -40 15 -40 15s4 12 8 43s0 58 0 58s7 5 19 7c8 2 17 3 23 3v0c11 0 20 -4 25 -12zM174 239c0 0 3 -16 2 -32v-10c0 -3 -1 -6 -1 -10c0 -5 0 -10 -1 -15l-2 -10c-4 -21 -10 -34 -10 -34
-s-77 -80 -110 -80c-28 0 -52 68 -52 144s26 144 52 144c35 0 100 -57 122 -97zM396 336c26 0 52 -68 52 -144s-24 -144 -52 -144c-37 0 -98 69 -106 79c0 0 4 5 5 22v9v8c0 11 -2 23 -4 33l-3 11c-3 10 -7 18 -10 24c0 1 -2 4 -2 4l1 1c22 40 83 97 119 97z" />
-    <glyph glyph-name="ion-ios-barcode" unicode="&#xf3dc;" 
-d="M74 60c4 0 7 -2 10 -5s4 -6 4 -10c0 -8 -7 -13 -15 -13h-56c-10 0 -17 6 -17 16v288c0 10 8 16 18 16h54c4 0 9 -1 12 -4s4 -6 4 -10c0 -8 -7 -14 -15 -14h-40c-2 0 -4 -2 -4 -4v-256c0 -2 2 -4 4 -4h41zM399 352c10 0 17 -6 17 -16v-288c0 -10 -7 -16 -17 -16h-57
-c-4 0 -7 1 -10 4s-4 6 -4 10c0 8 7 14 15 14h40c2 0 4 2 4 4v256c0 2 -2 4 -4 4h-41c-5 0 -9 3 -12 8c0 1 -1 1 -1 2c-3 10 4 18 14 18h56zM74 272c8 0 14 -6 14 -14v-132c0 -8 -6 -14 -14 -14s-14 6 -14 14v132c0 8 6 14 14 14zM342 112c-8 0 -14 6 -14 14v132
-c0 8 6 14 14 14s14 -6 14 -14v-132c0 -8 -6 -14 -14 -14zM278 304c8 0 14 -6 14 -14v-196c0 -8 -6 -14 -14 -14s-14 6 -14 14v196c0 8 6 14 14 14zM138 304c8 0 14 -6 14 -14v-196c0 -8 -6 -14 -14 -14s-14 6 -14 14v196c0 8 6 14 14 14zM208 288c8 0 14 -6 14 -14v-164
-c0 -8 -6 -14 -14 -14s-14 6 -14 14v164c0 8 6 14 14 14z" />
-    <glyph glyph-name="ion-ios-shirt" unicode="&#xf213;" horiz-adv-x="413" 
-d="M413 266l-62 -64c-2 -3 -7 -1 -7 3v45c0 5 -5 10 -11 9c-4 -1 -7 -5 -7 -9v-61v-181c0 -4 -4 -8 -8 -8h-222c-4 0 -8 4 -8 8v181v61c0 5 -5 10 -11 9c-4 -1 -7 -5 -7 -9v-45c0 -4 -5 -6 -7 -3l-62 64c-1 2 -1 4 0 6c12 12 61 63 89 83c20 15 41 29 63 29s22 -8 54 -8
-s32 8 54 8s42 -14 62 -29c28 -20 77 -71 89 -83c1 -2 2 -4 1 -6zM207 305c30 0 54 13 54 36c0 30 -24 11 -54 11s-54 19 -54 -11c0 -23 24 -36 54 -36z" />
-    <glyph glyph-name="ion-md-home" unicode="&#xf30c;" 
-d="M160 0h-98v192h-62l208 192l208 -192h-62v-192h-98v128h-96v-128z" />
-    <glyph glyph-name="ion-ios-cafe" unicode="&#xf13c;" 
-d="M322 44c8 0 14 -7 14 -15s-7 -13 -15 -13h-259c-8 0 -14 7 -14 15s6 13 14 13h260zM351 330v0c39 -14 65 -49 65 -88c0 -25 -11 -49 -30 -67s-45 -27 -72 -27h-6v0c-16 -28 -36 -50 -58 -64c-19 -12 -38 -20 -44 -20h-60c-9 0 -46 12 -78 49c-18 21 -33 47 -44 79
-c-14 38 -22 84 -24 136c0 11 4 22 12 30c7 7 17 10 27 10h274c10 0 19 -3 26 -10c8 -8 12 -17 12 -28zM322 176v0c37 3 66 32 66 66c0 13 -5 26 -13 37c-7 9 -16 16 -26 21v0c-4 -47 -13 -90 -27 -124z" />
-    <glyph glyph-name="ion-md-navigate" unicode="&#xf334;" horiz-adv-x="320" 
-d="M160 384l160 -369l-15 -15l-145 64l-145 -64l-15 15z" />
-    <glyph glyph-name="ion-md-arrow-round-down" unicode="&#xf289;" horiz-adv-x="332" 
-d="M9 163c-12 12 -12 31 0 43s34 12 46 0l79 -83v214c0 17 14 31 32 31s32 -14 32 -31v-214l79 83c12 12 34 12 46 0s12 -31 0 -43l-134 -138c-6 -6 -14 -9 -23 -9v0c-9 0 -17 3 -23 9z" />
-    <glyph glyph-name="ion-md-color-fill" unicode="&#xf2d0;" horiz-adv-x="448" 
-d="M104 370l30 30l257 -256l-54 -11l-153 -149l-184 178l142 141zM288 162l-102 103l-103 -103h205zM391 144c0 0 57 -61 57 -92s-26 -56 -57 -56s-56 25 -56 56s56 92 56 92z" />
-    <glyph glyph-name="ion-ios-star-half" unicode="&#xf4b1;" horiz-adv-x="448" 
-d="M431 256c9 0 17 -7 17 -16c0 -4 -2 -8 -5 -11l-3 -2l-120 -86l46 -135c2 -7 1 -14 -5 -18c-3 -2 -6 -4 -9 -4s-7 2 -10 4l-118 84l-118 -84c-3 -2 -7 -4 -10 -4s-6 2 -9 4c-6 4 -7 12 -5 18l46 135l-121 85c-5 4 -7 7 -7 11v3c0 9 7 16 16 16v0h148l45 133
-c2 6 8 11 15 11s13 -5 15 -11l45 -133h147zM384 221c3 2 1 7 -3 7h-97v0c-12 0 -23 8 -27 19l-29 88v0c-1 2 -4 2 -4 0v-210c0 -12 6 -23 16 -30v0l78 -56c3 -2 7 1 6 5l-30 88c-4 12 0 25 10 32z" />
-    <glyph glyph-name="ion-ios-person" unicode="&#xf47e;" horiz-adv-x="384" 
-d="M384 10c1 -5 -3 -10 -8 -10h-368c-5 0 -9 5 -8 10c7 32 49 47 63 52c16 6 38 7 52 10c8 2 20 6 24 11s1 49 1 49s-7 12 -11 22s-8 38 -8 38s-8 0 -11 14c-3 16 -9 22 -8 34s7 11 7 11s-6 16 -7 51c-1 41 31 82 90 82c58 0 91 -41 90 -82c-1 -35 -7 -51 -7 -51s6 1 7 -11
-s-5 -18 -8 -34c-3 -14 -11 -14 -11 -14s-4 -28 -8 -38s-12 -22 -12 -22s-2 -44 2 -49s16 -9 24 -11c14 -3 36 -4 52 -10c14 -5 56 -20 63 -52z" />
-    <glyph glyph-name="ion-md-settings" unicode="&#xf377;" 
-d="M366 171l47 -34c3 -3 4 -10 2 -14l-43 -71c-2 -4 -7 -7 -12 -5l-54 21c-12 -8 -23 -16 -36 -21l-8 -55c-1 -4 -6 -8 -11 -8h-85c-5 0 -10 3 -11 8l-8 55c-13 5 -25 13 -36 21l-54 -21c-4 -2 -10 1 -12 5l-43 71c-3 5 -2 11 2 14l45 34c0 7 -1 14 -1 21s1 14 1 21l-46 34
-c-3 3 -4 10 -2 14l43 71c2 4 7 7 12 5l54 -21c12 8 23 16 36 21l8 55c1 4 6 8 11 8h85c5 0 10 -4 11 -8l7 -55c13 -5 25 -13 36 -21l53 21c4 2 11 -1 13 -5l43 -71c3 -5 2 -11 -2 -14l-45 -34c0 -7 1 -14 1 -21s0 -15 -1 -21zM207 119c41 0 75 32 75 73s-34 73 -75 73
-s-74 -32 -74 -73s33 -73 74 -73z" />
-    <glyph glyph-name="ion-ios-lock" unicode="&#xf1b0;" horiz-adv-x="320" 
-d="M280 256c22 0 40 -18 40 -40v-192c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v192c0 22 18 40 40 40h24v48c0 53 44 97 97 96s95 -44 95 -97v-47h24zM174 131c11 5 18 16 18 29c0 18 -15 33 -34 32c-16 -1 -29 -13 -30 -29c-1 -14 6 -26 18 -32v-69
-c0 -8 7 -14 15 -14s13 6 13 14v69zM228 256v48c0 18 -7 35 -20 48s-30 20 -48 20s-35 -7 -48 -20s-20 -30 -20 -48v-48h136z" />
-    <glyph glyph-name="ion-ios-egg" unicode="&#xf175;" horiz-adv-x="320" 
-d="M160 416v0c64 0 160 -133 160 -257s-64 -191 -160 -191s-160 67 -160 191s96 257 160 257z" />
-    <glyph glyph-name="ion-ios-repeat" unicode="&#xf1fe;" horiz-adv-x="384" 
-d="M273 290c4 -4 6 -9 6 -15s-2 -11 -6 -15l-36 -36c-3 -3 -6 -4 -10 -4s-7 1 -10 4s-4 7 -4 11c0 3 2 7 4 9l16 16h-155c-13 0 -25 -5 -35 -15s-15 -22 -15 -35v-16c0 -8 -6 -14 -14 -14v0c-8 0 -14 6 -14 14v16c0 21 8 40 23 55s34 23 55 23h157l-16 16c-2 2 -4 6 -4 9
-c0 5 2 10 7 13c1 1 2 2 3 2c5 1 10 0 14 -4zM370 204c8 0 14 -6 14 -14v-16c0 -43 -35 -78 -78 -78h-157l16 -16c2 -2 4 -6 4 -9c0 -5 -2 -10 -7 -13c-1 -1 -2 -1 -3 -1c-5 -1 -10 -1 -14 3l-34 34c-4 4 -6 9 -6 15s2 12 6 16l36 35c3 3 6 4 10 4s7 -1 10 -4s4 -7 4 -11
-c0 -3 -2 -7 -4 -9l-16 -16h155c13 0 25 5 35 15s15 22 15 35v16c0 8 6 14 14 14v0z" />
-    <glyph glyph-name="ion-ios-color-palette" unicode="&#xf15b;" horiz-adv-x="384" 
-d="M366 100c12 -11 14 -35 0 -48c-39 -34 -94 -52 -149 -52h-1c-55 0 -111 18 -153 55c-84 74 -84 195 0 269c45 40 102 60 158 60c48 0 94 -15 128 -45c46 -41 46 -108 0 -149l-30 -27c-14 -13 -14 -31 0 -44c7 -6 11 -8 23 -10c8 -1 17 -3 24 -9zM56 232
-c0 -18 14 -32 32 -32s32 14 32 32s-14 32 -32 32s-32 -14 -32 -32zM96 106c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM160 267c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM232 48c26 0 48 22 48 48s-22 48 -48 48
-s-48 -22 -48 -48s22 -48 48 -48zM256 256c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
-    <glyph glyph-name="ion-ios-alert" unicode="&#xf104;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM225 290c0 10 -7 18 -17 18v0c-10 0 -17 -8 -17 -18l3 -115c0 -8 6 -15 14 -15v0c8 0 14 7 14 15zM208 94c11 0 19 8 19 18s-8 19 -19 19s-19 -9 -19 -19s8 -18 19 -18z" />
-    <glyph glyph-name="ion-ios-bus" unicode="&#xf13a;" horiz-adv-x="320" 
-d="M14 31c11 -12 24 -9 58 -9c0 -10 1 -22 -3 -22h-55c-4 0 -5 7 -6 29c0 3 4 4 6 2zM306 31c2 2 6 1 6 -2c-1 -22 -2 -29 -6 -29h-55s-3 12 -3 22c34 0 47 -3 58 9zM288 384c18 0 32 -14 32 -32v0v-276c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v276v0
-c0 18 14 32 32 32h8h240h8zM66 72c12 1 21 10 22 22c1 15 -11 27 -26 26c-12 -1 -21 -10 -22 -22c-1 -15 11 -27 26 -26zM142 150c2 0 4 2 4 4v140c0 2 -2 4 -4 4h-98c-9 0 -16 -7 -16 -16v-116c0 -9 7 -16 16 -16h98zM258 72c12 1 21 10 22 22c1 15 -11 27 -26 26
-c-12 -1 -21 -10 -22 -22c-1 -15 11 -27 26 -26zM292 166v116c0 9 -7 16 -16 16h-98c-2 0 -4 -2 -4 -4v-140c0 -2 2 -4 4 -4h98c9 0 16 7 16 16zM277 328c9 0 15 6 15 14s-6 14 -15 14h-234c-9 0 -15 -6 -15 -14s6 -14 15 -14h234z" />
-    <glyph glyph-name="ion-md-beer" unicode="&#xf298;" horiz-adv-x="448" 
-d="M384 308c47 0 64 -33 64 -68v-96c0 -35 -14 -68 -64 -68h-16v-33v-11c0 -35 -29 -64 -64 -64h-176c-35 0 -64 29 -64 64v173v2c-26 0 -48 22 -48 48v55c-10 11 -16 26 -16 42c0 35 29 64 64 64c18 0 34 -8 46 -20c10 12 26 20 43 20c14 0 27 -6 37 -14c12 9 26 14 42 14
-c17 0 34 -6 46 -16c11 10 26 16 42 16c35 0 64 -29 64 -64c0 -15 -7 -29 -16 -38v-6h16zM320 256v49v15h-20c-3 -8 -7 -16 -13 -23c-13 -16 -33 -25 -55 -25c-26 0 -48 13 -61 33c-6 -2 -12 -3 -18 -3c-12 0 -23 4 -32 10c-2 1 -3 3 -5 4c-1 -2 -2 -3 -3 -5l-1 -1v-54h208z
-M64 320c9 0 18 4 24 11c2 2 3 4 4 6c0 0 6 10 12 11s20 6 30 -5c4 -5 11 -9 19 -9c3 0 5 1 7 2c3 1 7 2 9 4v0c3 2 6 4 10 4c7 0 12 -4 14 -10c0 0 1 -1 1 -2c1 -3 1 -5 3 -8c7 -12 20 -20 35 -20c13 0 26 6 33 16c5 7 7 15 7 24s9 8 9 8h55c6 0 13 -3 15 -9c1 3 1 6 1 9
-c0 18 -14 32 -32 32c-9 0 -17 -4 -23 -10c-2 -2 -6 -5 -16 -6h-8c-6 1 -11 3 -13 5c-7 7 -17 11 -28 11c-9 0 -18 -4 -25 -9c-2 -2 -4 -5 -6 -7c0 -1 -1 -1 -2 -2c-3 -3 -7 -5 -11 -5c-5 0 -8 3 -11 6c-1 2 -2 3 -3 5s-3 4 -5 6c-4 4 -10 6 -16 6c-10 0 -18 -9 -25 -16
-c-7 -8 -27 -8 -34 0s-18 16 -30 16c-18 0 -32 -14 -32 -32c0 -2 1 -5 1 -7c2 -9 7 -17 15 -21v-63c0 -9 7 -16 16 -16v75zM400 144v96c0 18 -6 24 -24 24h-8v-144h8c18 0 24 6 24 24z" />
-    <glyph glyph-name="ion-md-snow" unicode="&#xf37e;" horiz-adv-x="412" 
-d="M411 150l-57 -16l58 -33l-24 -42l-57 33l16 -57l-31 -8l-24 88l-62 36v-71l64 -64l-22 -23l-42 42v-67h-48v66l-42 -42l-22 22l64 65v71l-61 -35l-23 -88l-31 8l15 57l-58 -33l-24 41l57 33l-57 15l8 31l88 -23l63 36l-63 36l-88 -24l-8 31l57 15l-57 33l24 42l58 -34
-l-15 57l31 9l23 -88l61 -35v71l-64 65l22 22l42 -42v66h48v-67l42 42l22 -23l-64 -64v-71l62 36l24 88l31 -9l-16 -57l57 33l24 -42l-58 -33l57 -15l-8 -31l-88 24l-60 -35l60 -35l88 23z" />
-    <glyph glyph-name="ion-md-download" unicode="&#xf2e3;" horiz-adv-x="320" 
-d="M320 248l-160 -158l-160 158h91v136h138v-136h91zM0 45h320v-45h-320v45z" />
-    <glyph glyph-name="ion-md-star-outline" unicode="&#xf383;" horiz-adv-x="404" 
-d="M404 238l-110 -96l33 -142l-125 75l-125 -75l33 142l-110 96l145 12l57 134l57 -134zM219 103l60 -36l-16 68l-5 19l15 12l53 46l-70 6l-19 2l-8 18l-27 64l-27 -64l-8 -18l-19 -2l-70 -6l53 -46l15 -12l-5 -19l-16 -68l60 36l17 10z" />
-    <glyph glyph-name="ion-ios-microphone" unicode="&#xf1c6;" horiz-adv-x="288" 
-d="M203 244c-7 0 -12 -5 -12 -12s5 -12 12 -12h73c7 0 12 -5 12 -12s-5 -12 -12 -12h-73c-7 0 -12 -5 -12 -12s5 -12 12 -12h77c4 0 8 -4 8 -8c0 -14 -3 -27 -8 -39c-1 -3 -4 -5 -7 -5h-258c-3 0 -6 2 -7 5c-5 12 -8 25 -8 39c0 4 4 8 8 8h77c7 0 12 5 12 12s-5 12 -12 12
-h-73c-7 0 -12 5 -12 12s5 12 12 12h73c7 0 12 5 12 12s-5 12 -12 12h-73c-7 0 -12 5 -12 12s5 12 12 12h73c7 0 12 5 12 12s-5 12 -12 12h-77c-4 0 -8 4 -8 8c2 47 31 88 73 106c5 2 11 -1 11 -7v-36c0 -7 5 -12 12 -12s12 5 12 12v41c0 7 5 12 12 12v0c7 0 12 -5 12 -12
-v-57c0 -7 5 -12 12 -12s12 5 12 12v57c0 7 5 12 12 12v0c7 0 12 -5 12 -12v-41c0 -7 5 -12 12 -12s12 5 12 12v36c0 6 6 9 11 7c42 -18 71 -58 73 -106c0 -4 -4 -8 -8 -8h-77c-7 0 -12 -5 -12 -12s5 -12 12 -12h73c7 0 12 -5 12 -12s-5 -12 -12 -12h-73zM30 89c-2 3 0 7 3 7
-h222c3 0 6 -4 4 -7c-19 -22 -46 -36 -76 -40c-4 0 -7 -4 -7 -8v-41c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v41c0 4 -3 8 -7 8c-30 4 -56 18 -75 40z" />
-    <glyph glyph-name="ion-md-git-network" unicode="&#xf2fe;" horiz-adv-x="384" 
-d="M384 352c0 -24 -13 -44 -32 -55v-93l-128 -64v-53c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v53l-128 64v93c-19 11 -32 31 -32 55c0 35 29 64 64 64s64 -29 64 -64c0 -24 -13 -44 -32 -55v-53l96 -48l96 48v53c-19 11 -32 31 -32 55
-c0 35 29 64 64 64s64 -29 64 -64zM64 392c-22 0 -40 -18 -40 -40s18 -40 40 -40s40 18 40 40s-18 40 -40 40zM192 -8c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40zM320 312c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40z" />
-    <glyph glyph-name="ion-md-code-working" unicode="&#xf2cd;" horiz-adv-x="448" 
-d="M158 94l-30 -30l-128 128l128 128l30 -30l-98 -98zM290 94l98 98l-98 98l30 30l128 -128l-128 -128zM124 172v40h40v-40h-40zM324 212v-40h-40v40h40zM204 172v40h40v-40h-40z" />
-    <glyph glyph-name="ion-md-phone-portrait" unicode="&#xf347;" horiz-adv-x="288" 
-d="M247 416c23 0 41 -19 41 -41v-366c0 -22 -18 -41 -41 -41h-206c-23 0 -41 19 -41 41v366c0 22 18 41 41 41h206zM252 48v288h-216v-288h216z" />
-    <glyph glyph-name="ion-ios-videocam" unicode="&#xf4cd;" horiz-adv-x="448" 
-d="M419 294h20c5 0 9 -3 9 -8v-188c0 -5 -4 -9 -9 -9h-20c-3 0 -7 1 -10 3l-86 55c-2 2 -4 4 -4 7v76c0 3 2 5 4 7l86 55c3 2 7 2 10 2zM242 64h-190c-28 0 -52 23 -52 51v154c0 28 23 51 51 51h190c28 0 52 -23 52 -51v-153c0 -28 -23 -52 -51 -52z" />
-    <glyph glyph-name="ion-logo-no-smoking" unicode="&#xf109;" horiz-adv-x="448" 
-d="M328 144v48h16v-48h-16zM80 144v48h82l48 -48h-130zM332 388c69 -38 116 -112 116 -196c0 -124 -100 -224 -224 -224c-24 0 -47 4 -68 11c-2 1 -3 1 -5 2c-12 4 -24 9 -35 15h-1c-69 38 -115 112 -115 196c0 124 100 224 224 224c24 0 47 -4 68 -11c2 -1 3 -1 5 -2
-c12 -4 24 -9 35 -15v0zM224 22c37 0 72 12 100 32l-238 238c-20 -28 -32 -63 -32 -100c0 -65 36 -121 90 -150c6 -3 13 -7 19 -9c2 -1 3 -1 5 -2c9 -3 19 -5 29 -7c9 -2 18 -2 27 -2zM362 93c20 28 32 62 32 99c0 66 -37 123 -91 151c-6 3 -12 6 -18 8c-2 1 -3 1 -5 2
-c-9 3 -19 5 -29 7c-9 2 -18 2 -27 2c-37 0 -71 -12 -99 -32zM320 192v-34l-34 34h34zM352 144v48h16v-48h-16zM328 235c16 -7 16 -23 16 -30v-1h-16v1c0 8 -1 13 -7 16c-4 2 -13 4 -39 4h-3c-13 0 -24 0 -33 13c-5 8 -5 19 -2 29c-4 1 -8 1 -12 3c-17 7 -26 20 -26 38
-c0 33 27 44 39 44v-16c-1 0 -23 -2 -23 -28c0 -11 5 -19 16 -23c9 -4 18 -3 18 -3c3 0 6 -2 7 -5s2 -6 0 -8c-5 -7 -7 -18 -4 -22c4 -6 7 -6 20 -6h3c24 0 37 -2 46 -6zM368 204v0h-16c0 28 -4 37 -7 42c-6 10 -14 14 -25 14h-30c-3 0 -5 2 -6 4s-1 6 0 8c0 0 8 18 6 32
-c-1 8 -6 17 -27 17v16c24 0 40 -11 43 -30c2 -11 0 -23 -3 -31h17c16 0 30 -8 39 -22c6 -10 9 -24 9 -50z" />
-    <glyph glyph-name="ion-md-add" unicode="&#xf273;" horiz-adv-x="320" 
-d="M320 171h-139v-139h-42v139h-139v42h139v139h42v-139h139v-42z" />
-    <glyph glyph-name="ion-md-arrow-dropup" unicode="&#xf286;" horiz-adv-x="256" 
-d="M0 128l128 128l128 -128h-256z" />
-    <glyph glyph-name="ion-ios-checkmark-circle" unicode="&#xf14a;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM314 250c2 2 2 3 0 5l-17 18c-1 1 -2 2 -3 2v0c-1 0 -2 -1 -3 -2l-122 -123l-44 45c-1 1 -2 1 -3 1s-2 0 -3 -1l-18 -18c-2 -2 -2 -4 0 -6l56 -56c4 -4 8 -5 12 -5c5 0 10 3 12 5v0
-z" />
-    <glyph glyph-name="ion-ios-link" unicode="&#xf22a;" 
-d="M232 107c15 1 23 -17 13 -27l-66 -65c-20 -20 -46 -31 -74 -31s-54 11 -74 31s-31 46 -31 74s10 55 30 75l69 68c8 8 18 15 28 20c6 3 12 5 19 7c1 0 3 1 4 1c5 1 11 3 16 3h7c4 0 7 -1 11 -1h6c22 -4 42 -14 58 -30c12 -12 20 -25 24 -41c2 -8 -2 -17 -10 -19v0h-1
-c-8 -2 -16 2 -19 10c-4 10 -9 19 -17 27c-12 12 -29 20 -47 21h-4h-11c-5 -1 -10 -2 -15 -4s-9 -4 -14 -7c-4 -3 -8 -6 -12 -10l-68 -68c-14 -14 -22 -32 -22 -52s8 -37 22 -51s31 -22 51 -22s38 8 52 22l64 64c3 2 6 5 10 5h1zM385 369c20 -20 31 -46 31 -74
-s-10 -55 -30 -75l-69 -68c-8 -8 -18 -15 -28 -20c-6 -3 -12 -5 -19 -7c-6 -2 -14 -3 -20 -3c-3 0 -4 -1 -7 -1c-4 0 -7 1 -11 1c-24 2 -47 13 -64 30v0v0c-12 12 -20 24 -24 38c-3 9 3 18 12 20c8 2 16 -2 19 -10c4 -10 9 -18 16 -25c12 -12 29 -20 47 -21h4h11
-c5 1 10 2 15 4s9 5 14 8c4 3 8 5 12 9l68 68c14 14 22 32 22 52s-8 37 -22 51s-31 22 -51 22s-37 -8 -51 -22l-64 -63c-3 -3 -8 -5 -13 -5c-14 1 -20 18 -10 28l64 63c20 20 46 31 74 31s54 -11 74 -31z" />
-    <glyph glyph-name="ion-md-checkbox-outline" unicode="&#xf2b8;" horiz-adv-x="384" 
-d="M105 233l66 -66l183 183l30 -30l-213 -213l-96 96zM341 43v170h43v-170c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h213v-43h-213v-298h298z" />
-    <glyph glyph-name="ion-md-cloud-upload" unicode="&#xf2c8;" horiz-adv-x="480" 
-d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM272 172h68l-100 100l-100 -100h68v-76h64v76z" />
-    <glyph glyph-name="ion-logo-instagram" unicode="&#xf23e;" horiz-adv-x="384" 
-d="M272 352h-160c-21 0 -41 -9 -56 -24s-24 -35 -24 -56v-160c0 -21 9 -41 24 -56s35 -24 56 -24h160c21 0 41 9 56 24s24 35 24 56v160c0 21 -9 41 -24 56s-35 24 -56 24zM272 384v0c62 0 112 -50 112 -112v-160c0 -62 -50 -112 -112 -112h-160c-62 0 -112 50 -112 112v160
-c0 62 50 112 112 112h160zM296 272c-13 0 -24 11 -24 24s11 24 24 24s24 -11 24 -24s-11 -24 -24 -24zM192 256c-35 0 -64 -29 -64 -64s29 -64 64 -64s64 29 64 64s-29 64 -64 64zM192 288v0c53 0 96 -43 96 -96s-43 -96 -96 -96s-96 43 -96 96s43 96 96 96z" />
-    <glyph glyph-name="ion-md-volume-high" unicode="&#xf123;" horiz-adv-x="384" 
-d="M0 256h85l107 112v-352l-107 112h-85v128zM288 192c0 -38 -21 -73 -53 -88v177c32 -16 53 -51 53 -89zM235 384c85 -20 149 -99 149 -192s-64 -172 -149 -192v45c62 19 106 78 106 147s-44 128 -106 147v45z" />
-    <glyph glyph-name="ion-md-help-buoy" unicode="&#xf309;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM269 44c19 8 37 20 52 35s27 33 35 52l-40 12c-6 -13 -14 -25 -24 -35s-22 -18 -35 -24zM147 340c-19 -8 -37 -20 -52 -35s-27 -33 -35 -52l40 -12c6 13 14 25 24 35s22 18 35 24z
-M208 256c-35 0 -64 -29 -64 -64s29 -64 64 -64s64 29 64 64s-29 64 -64 64zM321 305c-15 15 -33 27 -52 35l-12 -40c13 -6 25 -14 35 -24s18 -22 24 -35l40 12c-8 19 -20 37 -35 52zM95 79c15 -15 33 -27 52 -35l12 40c-13 6 -25 14 -35 24s-18 22 -24 35l-40 -12
-c8 -19 20 -37 35 -52z" />
-    <glyph glyph-name="ion-md-restaurant" unicode="&#xf36c;" horiz-adv-x="415" 
-d="M116 168l-91 89c-34 33 -34 86 0 119l153 -148zM264 206l-33 -31l150 -145l-30 -30l-150 146l-150 -146l-30 30s163 159 211 207c-15 32 -4 77 31 111c41 40 101 49 132 17c33 -31 24 -89 -17 -129c-34 -34 -80 -45 -114 -30z" />
-    <glyph glyph-name="ion-md-body" unicode="&#xf29c;" horiz-adv-x="384" 
-d="M192 400c22 0 40 -18 40 -40s-18 -40 -40 -40s-40 18 -40 40s18 40 40 40zM384 256h-128v-272h-43v144h-42v-144h-43v272h-128v43h384v-43z" />
-    <glyph glyph-name="ion-md-crop" unicode="&#xf2dc;" 
-d="M304 135v153h-153v38h153c21 0 38 -17 38 -38v-153h-38zM112 102h304v-38h-74v-80h-38v80h-192c-21 0 -38 17 -38 38v186h-74v38h74v74h38v-298z" />
-    <glyph glyph-name="ion-md-chatbubbles" unicode="&#xf2b7;" 
-d="M85 80h219v-7c0 -17 -13 -31 -30 -31h-216l-58 -58v274c0 17 13 30 30 30h10v-163c0 -20 25 -45 45 -45zM381 400c19 0 35 -16 35 -35v-314l-76 53h-238c-19 0 -35 16 -35 35v226c0 19 16 35 35 35h279z" />
-    <glyph glyph-name="ion-logo-rss" unicode="&#xf248;" horiz-adv-x="384" 
-d="M56 112c31 0 56 -25 56 -56s-25 -56 -56 -56s-56 25 -56 56s25 56 56 56zM0 256c140 0 256 -116 256 -256h-80c0 48 -14 94 -48 128s-80 48 -128 48v80zM0 384c212 0 384 -172 384 -384h-80c0 171 -133 304 -304 304v80z" />
-    <glyph glyph-name="ion-md-outlet" unicode="&#xf33d;" horiz-adv-x="448" 
-d="M338 416c61 0 110 -51 110 -113v-222c0 -62 -49 -113 -110 -113h-228c-61 0 -110 51 -110 113v222c0 62 49 113 110 113h228zM143 197v102c0 11 -9 21 -20 21h-23c-11 0 -19 -9 -20 -20v-2v-101v-1c0 -11 9 -20 20 -20h23c11 0 20 9 20 20v1zM265 50v31
-c0 23 -18 42 -41 42s-41 -19 -41 -42v-29c0 -12 9 -20 20 -20h42c11 0 20 7 20 18zM368 197v102c0 11 -9 21 -20 21h-24c-11 0 -19 -9 -20 -20v-2v-101v-1c0 -11 9 -20 20 -20h24c11 0 20 9 20 20v1z" />
-    <glyph glyph-name="ion-ios-information-circle-outline" unicode="&#xf19f;" 
-d="M187 276c0 11 10 20 21 20s21 -9 21 -20s-10 -20 -21 -20s-21 9 -21 20zM189 240h38v-144h-38v144zM208 372c-48 0 -93 -19 -127 -53s-53 -79 -53 -127s19 -93 53 -127s79 -53 127 -53s93 19 127 53s53 79 53 127s-19 93 -53 127s-79 53 -127 53zM208 400v0
-c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208z" />
-    <glyph glyph-name="ion-md-flash-off" unicode="&#xf169;" horiz-adv-x="408" 
-d="M408 12l-24 -24l-140 140l-72 -144v192h-64v88l-108 107l24 25zM300 240l-24 -48l-168 168v40h192l-64 -160h64z" />
-    <glyph glyph-name="ion-md-videocam" unicode="&#xf39f;" horiz-adv-x="448" 
-d="M352 228l96 98v-268l-96 98v-86c0 -13 -11 -24 -25 -24h-302c-14 0 -25 11 -25 24v244c0 13 11 24 25 24h302c14 0 25 -11 25 -24v-86z" />
-    <glyph glyph-name="ion-ios-square-outline" unicode="&#xf15c;" horiz-adv-x="320" 
-d="M292 352c15 0 28 -13 28 -28v-264c0 -15 -13 -28 -28 -28h-264c-15 0 -28 13 -28 28v264c0 15 13 28 28 28h264zM292 68v248c0 4 -4 8 -8 8h-248c-4 0 -8 -4 -8 -8v-248c0 -4 4 -8 8 -8h248c4 0 8 4 8 8z" />
-    <glyph glyph-name="ion-ios-information-circle" unicode="&#xf1a0;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM227 96v144h-38v-144h38zM208 256c11 0 21 9 21 20s-10 20 -21 20s-21 -9 -21 -20s10 -20 21 -20z" />
-    <glyph glyph-name="ion-ios-heart-dislike" unicode="&#xf13f;" horiz-adv-x="448" 
-d="M392 21c6 -6 6 -14 0 -20c-2 -2 -5 -2 -7 -3c-5 -1 -9 -1 -13 3l-368 362c-6 6 -6 14 0 20s14 6 20 0zM32 279c0 10 1 20 4 30l270 -265c-36 -31 -66 -52 -66 -52s-101 72 -161 154c-32 43 -47 96 -47 133zM402 146c-16 -22 -33 -42 -52 -61l-282 277c20 18 47 30 76 30
-v0v0h1c40 0 75 -21 95 -52c20 31 55 52 95 52h1v0v0c62 -1 112 -51 112 -113c0 -37 -14 -90 -46 -133z" />
-    <glyph glyph-name="ion-md-search" unicode="&#xf375;" horiz-adv-x="384" 
-d="M274 143l110 -110l-33 -33l-109 110v17l-7 6c-25 -21 -58 -34 -93 -34c-79 0 -142 63 -142 142s63 143 141 143c79 0 142 -64 142 -143c0 -36 -13 -68 -34 -93l7 -5h18zM142 143c55 0 99 43 99 98s-44 99 -99 99s-98 -44 -98 -99s43 -98 98 -98z" />
-    <glyph glyph-name="ion-ios-download" unicode="&#xf420;" horiz-adv-x="320" 
-d="M280 304c22 0 40 -18 40 -40v-240c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v240c0 22 18 40 40 40h107v-180l-48 47c-5 5 -13 5 -18 0s-5 -13 0 -18l70 -69v0c1 -1 2 -2 4 -3s3 -1 5 -1c3 0 7 2 9 4l70 69c5 5 5 13 0 18s-13 5 -18 0l-48 -47v180h107zM173 387
-v-83h-26v83c0 7 6 13 13 13s13 -6 13 -13z" />
-    <glyph glyph-name="ion-ios-boat" unicode="&#xf12a;" horiz-adv-x="400" 
-d="M296 26c0 0 27 -24 63 -36c2 -1 1 -4 -1 -4c-23 2 -40 6 -62 12c-22 -10 -67 -14 -96 -14s-73 5 -96 14c-21 -6 -39 -9 -62 -12c-2 0 -3 3 -1 4c36 12 63 36 63 36c26 -9 66 -15 96 -15s70 6 96 15zM390 185c6 -3 10 -9 10 -16c0 -2 0 -5 -1 -7l-55 -136
-c-28 0 -57 22 -57 22c-18 -9 -53 -17 -79 -19h-8h-8c-26 2 -61 10 -79 19c0 0 -29 -22 -57 -22l-55 136c-1 2 -1 5 -1 7c0 7 4 13 10 16v0l187 85c2 1 4 1 6 0l187 -85v0zM156 160c7 0 12 10 12 22s-5 22 -12 22s-12 -10 -12 -22s5 -22 12 -22zM244 160c7 0 12 10 12 22
-s-5 22 -12 22s-12 -10 -12 -22s5 -22 12 -22zM336 321l18 -97c1 -3 -2 -5 -5 -4l-26 11c-1 0 -2 2 -2 3l-16 86c-3 11 -7 16 -16 16h-177c-9 0 -15 -5 -17 -16l-16 -86c0 -1 -1 -3 -2 -3l-25 -11c-3 -1 -7 1 -6 4l18 97c5 26 17 47 40 47h34l2 8c4 14 16 24 31 24h57
-c15 0 27 -10 31 -24l2 -8h35c22 0 34 -20 40 -47v0z" />
-    <glyph glyph-name="ion-ios-volume-off" unicode="&#xf264;" horiz-adv-x="384" 
-d="M326 -16c-5 0 -9 3 -12 7l-228 388c-4 7 -2 15 5 19s15 2 19 -5l228 -388c4 -7 2 -15 -5 -19c-2 -1 -5 -2 -7 -2zM69 248l51 41l40 -69v-124c0 -6 -3 -11 -9 -14c-2 -1 -5 -2 -7 -2c-4 0 -7 2 -10 4l-65 52h-53c-9 0 -16 7 -16 16v80c0 9 7 16 16 16h53zM384 192v0
-c0 -53 -19 -103 -53 -143l-13 22c27 34 42 77 42 121v0v0c0 53 -20 102 -58 139c-5 5 -5 12 0 17s11 5 16 0c42 -42 66 -97 66 -156v0zM321 192c0 -31 -8 -60 -23 -85l-15 24c9 19 14 39 14 61v0v0c0 37 -14 72 -40 98c-5 5 -5 12 0 17s12 5 17 0c30 -31 47 -71 47 -115v0v0
-zM254 192c0 -3 -1 -7 -1 -10l-48 82c0 1 1 1 2 2c5 5 12 4 17 -1c19 -20 30 -45 30 -73v0v0z" />
-    <glyph glyph-name="ion-logo-reddit" unicode="&#xf247;" horiz-adv-x="449" 
-d="M259 160c0 18 14 31 32 31s32 -13 32 -31s-14 -32 -32 -32s-32 14 -32 32zM127 160c0 18 14 31 32 31s32 -13 32 -31s-14 -32 -32 -32s-32 14 -32 32zM449 197c0 -20 -11 -37 -27 -45c1 -5 1 -9 1 -14c0 -76 -88 -138 -198 -138s-199 61 -199 137c0 5 0 10 1 15
-c-16 8 -27 25 -27 45c0 28 23 50 50 50c13 0 24 -5 33 -13c33 23 79 39 129 41h7l29 98l86 -17c7 16 22 28 41 28c25 0 44 -20 44 -45s-19 -45 -44 -45c-24 0 -45 19 -45 44l-69 14l-24 -77c50 -2 96 -18 129 -41c9 8 21 13 34 13c27 0 49 -22 49 -50zM375 366
-c-15 0 -27 -12 -27 -27s12 -27 27 -27s27 12 27 27s-12 27 -27 27zM18 197c0 -11 6 -21 14 -27c7 19 20 38 37 53c-5 4 -12 6 -19 6c-18 0 -32 -14 -32 -32zM355 55c32 22 50 52 50 83v9c-1 6 -3 12 -5 18c-6 16 -15 30 -30 43c-4 4 -10 8 -15 12v0c-35 24 -80 37 -130 37
-s-96 -13 -131 -37v0c-5 -4 -11 -8 -15 -12c-15 -13 -24 -27 -30 -43c-2 -6 -4 -12 -5 -18v-9c0 -31 18 -61 50 -83c35 -24 81 -37 131 -37s95 13 130 37zM417 170c8 6 14 16 14 27c0 18 -13 32 -31 32c-7 0 -15 -2 -20 -6c17 -15 30 -34 37 -53zM289 90l13 -12
-c-1 -1 -29 -30 -77 -30s-77 29 -78 30l13 12s24 -24 65 -24c40 0 64 24 64 24z" />
-    <glyph glyph-name="ion-ios-flashlight" unicode="&#xf141;" horiz-adv-x="170" 
-d="M146 416c18 0 24 -14 24 -32h-170c0 18 6 32 24 32h122zM25 300c-16 18 -25 33 -25 68h170c0 -33 -10 -50 -25 -68c-8 -9 -12 -19 -12 -31v-266c0 -22 -18 -35 -40 -35h-16c-22 0 -40 13 -40 35v266c0 12 -4 22 -12 31zM57 210v-36c0 -16 13 -28 28 -28s28 12 28 28v36
-c0 16 -13 28 -28 28s-28 -12 -28 -28zM65 175c0 11 9 20 20 20s20 -9 20 -20s-9 -20 -20 -20s-20 9 -20 20z" />
-    <glyph glyph-name="ion-md-qr-scanner" unicode="&#xf35e;" 
-d="M48 324v-68h-48v68c0 34 27 60 61 60h67v-48h-68c-7 0 -12 -5 -12 -12zM356 384c33 0 60 -26 60 -60v-68h-48v68c0 7 -6 12 -13 12h-67v48h68zM368 61v67h48v-67c0 -34 -26 -61 -60 -61h-68v49h68c7 0 12 5 12 12zM60 49h68v-49h-67c-34 0 -61 27 -61 61v67h48v-67
-c0 -7 5 -12 12 -12z" />
-    <glyph glyph-name="ion-ios-navigate" unicode="&#xf46e;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 64l96 224l-224 -96h128v-128z" />
-    <glyph glyph-name="ion-md-power" unicode="&#xf359;" 
-d="M231 400v-231h-46v231h46zM343 350c45 -38 73 -95 73 -158c0 -115 -93 -208 -208 -208s-208 93 -208 208c0 63 28 120 73 158l33 -33c-36 -30 -60 -74 -60 -125c0 -89 72 -162 162 -162s162 73 162 162c0 51 -24 96 -60 125z" />
-    <glyph glyph-name="ion-ios-stopwatch" unicode="&#xf4b5;" horiz-adv-x="384" 
-d="M352 304l-26 26c-3 3 -3 8 0 11l12 11c3 3 8 3 11 0l25 -25c3 -3 3 -8 0 -11l-11 -12c-3 -3 -8 -3 -11 0zM21 304l-11 12c-3 3 -3 8 0 11l25 25c3 3 8 3 11 0l12 -11c3 -3 3 -8 0 -11l-26 -26c-3 -3 -8 -3 -11 0zM216 366c95 -12 168 -92 168 -190
-c0 -106 -86 -192 -192 -192s-192 86 -192 192c0 98 73 178 168 190v18c0 9 7 16 16 16h16c9 0 16 -7 16 -16v-18zM206 147c11 5 18 16 18 29s-7 24 -18 29v99c0 8 -6 14 -14 14s-14 -6 -14 -14v-99c-11 -5 -18 -16 -18 -29s7 -24 18 -29v-19c0 -8 6 -14 14 -14s14 6 14 14
-v19z" />
-    <glyph glyph-name="ion-md-key" unicode="&#xf316;" 
-d="M201 224h215v-64h-43v-64h-69v64h-103c-14 -40 -53 -72 -98 -72c-57 0 -103 47 -103 104s44 104 101 104c45 0 86 -32 100 -72zM104 158c19 0 34 15 34 34s-15 34 -34 34s-35 -15 -35 -34s16 -34 35 -34z" />
-    <glyph glyph-name="ion-ios-arrow-down" unicode="&#xf3d0;" horiz-adv-x="336" 
-d="M168 154l127 127c9 9 25 9 34 0s9 -25 0 -34l-144 -144c-9 -9 -24 -10 -33 -1l-145 145c-5 5 -7 11 -7 17s2 12 7 17c9 9 25 9 34 0z" />
-    <glyph glyph-name="ion-logo-linkedin" unicode="&#xf240;" horiz-adv-x="384" 
-d="M353 384c18 0 31 -13 31 -30v-321c0 -17 -13 -33 -31 -33h-320c-18 0 -33 16 -33 33v321c0 17 15 30 33 30h320zM119 64v171h-55v-171h55zM93 261c18 0 30 13 30 29c0 17 -11 30 -29 30s-30 -13 -30 -30c0 -16 11 -29 29 -29v0zM320 64v100c0 51 -27 75 -63 75
-c-29 0 -42 -17 -50 -28v24h-55v-171h55v97c0 5 0 10 2 14c4 10 13 20 28 20c20 0 28 -15 28 -37v-94h55z" />
-    <glyph glyph-name="ion-ios-arrow-dropdown" unicode="&#xf110;" 
-d="M100 237c8 8 19 8 27 0l81 -81l81 79c8 8 19 8 27 0c4 -4 6 -8 6 -13s-2 -10 -6 -14l-94 -94c-8 -7 -20 -6 -27 1l-95 95c-8 8 -8 19 0 27zM0 192c0 115 93 208 208 208s208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208zM332 316c-33 33 -77 52 -124 52
-s-91 -19 -124 -52s-52 -77 -52 -124s19 -91 52 -124s77 -52 124 -52s91 19 124 52s52 77 52 124s-19 91 -52 124z" />
-    <glyph glyph-name="ion-ios-settings" unicode="&#xf4a7;" horiz-adv-x="384" 
-d="M352 192c0 -21 14 -39 32 -46c-5 -20 -13 -40 -24 -57c-6 3 -13 4 -20 4c-13 0 -25 -5 -35 -15c-15 -15 -18 -36 -10 -54c-17 -11 -37 -19 -57 -24c-7 18 -25 32 -46 32s-39 -14 -46 -32c-20 5 -40 13 -57 24c8 18 5 39 -10 54c-10 10 -22 15 -35 15c-7 0 -14 -1 -20 -4
-c-11 17 -19 37 -24 57c18 7 32 25 32 46s-14 39 -32 46c5 20 13 39 24 57c6 -3 13 -4 20 -4c13 0 25 4 35 14c15 15 18 37 10 55c17 11 37 19 57 24c7 -18 25 -32 46 -32s39 14 46 32c20 -5 40 -13 57 -24c-8 -18 -5 -40 10 -55c10 -10 22 -14 35 -14c7 0 14 1 20 4
-c11 -17 19 -37 24 -57c-19 -7 -32 -25 -32 -46zM193 112c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80z" />
-    <glyph glyph-name="ion-md-sad" unicode="&#xf373;" 
-d="M208 160c45 0 83 -26 102 -64h-204c19 38 57 64 102 64zM208 400c114 0 208 -94 208 -208s-93 -208 -208 -208s-208 94 -208 208s93 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166zM281 213c-18 0 -31 13 -31 31
-s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31zM135 213c-18 0 -31 13 -31 31s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31z" />
-    <glyph glyph-name="ion-ios-tennisball" unicode="&#xf4bb;" 
-d="M202 -16c-110 3 -199 93 -202 203c8 1 15 1 23 1c48 0 94 -18 128 -52s53 -80 53 -128c0 -8 -1 -16 -2 -24zM182 374c0 -115 92 -207 207 -207c9 0 18 0 26 1c-11 -96 -89 -173 -186 -183c1 8 1 15 1 23c0 115 -92 207 -207 207c-7 0 -15 0 -22 -1c10 96 87 172 182 184
-c-1 -8 -1 -16 -1 -24zM261 246c-34 34 -53 80 -53 128c0 9 1 18 2 26c112 -2 204 -93 206 -205c-9 -1 -18 -2 -27 -2c-48 0 -94 19 -128 53zM184 399v0v0v0z" />
-    <glyph glyph-name="ion-ios-card" unicode="&#xf142;" horiz-adv-x="448" 
-d="M448 320v-48h-448v48c0 18 14 32 32 32h384c18 0 32 -14 32 -32zM0 64v160h448v-160c0 -18 -14 -32 -32 -32h-384c-18 0 -32 14 -32 32zM142 112c-8 0 -14 -6 -14 -14v0c0 -8 6 -14 14 -14h164c8 0 14 6 14 14v0c0 8 -6 14 -14 14h-164zM70 112c-8 0 -14 -6 -14 -14v0
-c0 -8 6 -14 14 -14h12c8 0 14 6 14 14v0c0 8 -6 14 -14 14h-12z" />
-    <glyph glyph-name="ion-md-create" unicode="&#xf2db;" horiz-adv-x="384" 
-d="M0 80l236 236l80 -80l-236 -236h-80v80zM378 298l-40 -40l-80 80l40 40c9 9 20 9 29 0l51 -51c9 -9 9 -20 0 -29z" />
-    <glyph glyph-name="ion-logo-vk" unicode="&#xf10d;" horiz-adv-x="448" 
-d="M395 149c41 -38 53 -58 53 -70c0 -6 -3 -9 -6 -11c-5 -4 -22 -4 -34 -4h-28c-9 0 -18 -1 -26 2c-6 2 -12 5 -18 9c-12 9 -21 21 -31 32c-5 6 -10 11 -17 15c-8 4 -14 2 -19 -4c-6 -6 -7 -18 -7 -26s1 -18 -6 -24c-2 -1 -4 -2 -6 -2c-4 -1 -17 -2 -33 -2s-68 8 -105 49
-c-36 39 -62 79 -82 120c-11 23 -30 55 -30 66c0 5 5 9 10 9h66c9 0 15 -4 19 -11s10 -26 23 -52c13 -25 25 -45 41 -50c2 0 8 -1 10 3c4 7 5 18 6 25c4 29 3 46 -5 67c-2 5 -7 7 -11 9c-7 3 -13 2 -11 5c4 5 12 10 19 12s21 4 40 4s40 -1 48 -7c1 -1 4 -4 5 -6
-c5 -11 2 -29 1 -55c-1 -46 3 -51 5 -54s5 -3 6 -3c2 0 4 0 6 1c8 4 26 26 40 52c13 25 18 36 21 44s8 16 14 16h74c16 0 20 -3 20 -14c0 -17 -18 -39 -32 -58c-34 -45 -40 -53 -40 -59c0 -3 0 -5 1 -8c3 -8 10 -12 19 -20z" />
-    <glyph glyph-name="ion-ios-wifi" unicode="&#xf26d;" horiz-adv-x="448" 
-d="M224 352c82 0 163 -33 222 -88c3 -3 3 -9 0 -12l-27 -28c-3 -3 -8 -3 -11 0c-23 22 -51 39 -80 51c-33 14 -68 21 -104 21s-71 -7 -104 -21c-29 -12 -56 -29 -79 -51c-3 -3 -9 -3 -12 0l-27 28c-3 3 -2 9 1 12c58 55 139 88 221 88zM81 170c-3 3 -3 9 0 12
-c38 34 88 55 143 55s104 -21 142 -55c4 -3 4 -9 1 -12l-29 -28c-3 -3 -8 -3 -11 0c-28 25 -65 39 -103 39s-75 -14 -103 -39c-3 -3 -8 -3 -11 0zM224 124c23 0 44 -10 59 -26c3 -3 3 -8 0 -11l-53 -53c-3 -3 -9 -3 -12 0l-53 53c-3 3 -3 8 0 11c15 16 36 26 59 26z" />
-    <glyph glyph-name="ion-logo-vimeo" unicode="&#xf2c4;" horiz-adv-x="448" 
-d="M445 334c7 -33 1 -66 -13 -97s-31 -59 -51 -87c-26 -36 -52 -71 -85 -101c-19 -18 -41 -35 -66 -44c-31 -11 -52 -5 -71 22c-14 19 -22 40 -28 63c-12 45 -25 90 -38 134c-4 12 -9 22 -15 33c-3 5 -8 10 -12 14c-5 4 -11 3 -17 0c-10 -6 -28 -18 -28 -18l-21 27
-c26 24 82 71 82 71c11 9 33 25 48 27c21 3 38 -4 50 -22c11 -17 15 -37 18 -57c7 -41 11 -82 23 -122c3 -10 8 -20 13 -29c7 -11 15 -13 25 -5c4 3 7 6 10 10c20 24 37 52 48 81c3 9 3 17 3 27c0 13 -10 25 -25 26s-24 -1 -39 -7c6 24 24 62 54 84c29 21 71 24 94 16
-s36 -23 41 -46z" />
-    <glyph glyph-name="ion-ios-checkmark-circle-outline" unicode="&#xf149;" 
-d="M315 255c2 -2 1 -4 0 -6l-134 -134v0c-2 -2 -7 -5 -12 -5c-4 0 -7 1 -11 5l-56 56c-2 2 -2 4 0 6l17 18c1 1 2 1 3 1s2 0 3 -1l44 -45l122 123c1 1 2 1 3 1v0c1 0 2 0 3 -1zM208 372c-48 0 -93 -19 -127 -53s-53 -79 -53 -127s19 -93 53 -127s79 -53 127 -53
-s93 19 127 53s53 79 53 127s-19 93 -53 127s-79 53 -127 53zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208z" />
-    <glyph glyph-name="ion-md-battery-full" unicode="&#xf296;" horiz-adv-x="224" 
-d="M194 371c16 0 30 -14 30 -30v-343c0 -16 -13 -30 -30 -30h-164c-16 0 -30 13 -30 30v343c0 16 14 30 30 30h37v45h90v-45h37z" />
-    <glyph glyph-name="ion-md-color-wand" unicode="&#xf2d3;" horiz-adv-x="384" 
-d="M137 291l247 -254l-36 -37l-248 253zM117 316v68h37v-68h-37zM117 118v68h37v-68h-37zM206 235v37h69v-37h-69zM242 332l-48 -48l-25 26l47 48zM105 310l-26 -26l-47 48l26 26zM32 170l47 48l26 -26l-47 -48zM0 235v37h65v-37h-65z" />
-    <glyph glyph-name="ion-md-analytics" unicode="&#xf278;" horiz-adv-x="448" 
-d="M347 270c4 -1 9 -2 13 -2c11 0 22 4 30 10l58 -39v-212c0 -24 -19 -43 -43 -43h-362c-24 0 -43 19 -43 43v57l61 57c7 -4 15 -6 24 -6c13 0 24 5 33 13l58 -33c0 -3 -1 -6 -1 -9c0 -26 22 -48 48 -48s48 22 48 48c0 12 -4 22 -11 30zM85 231c-26 0 -48 -22 -48 -48
-c0 -6 1 -12 3 -17l-40 -38v229c0 24 19 43 43 43h362c24 0 43 -19 43 -43v-80l-41 28c1 4 1 7 1 11c0 26 -22 48 -48 48s-48 -22 -48 -48c0 -10 3 -20 9 -28l-87 -135c-3 1 -7 1 -11 1c-12 0 -22 -4 -30 -11l-60 34v6c0 26 -22 48 -48 48z" />
-    <glyph glyph-name="ion-ios-compass" unicode="&#xf15d;" 
-d="M232 168c1 -1 1 -3 0 -4l-98 -49c-2 -1 -4 1 -3 3l49 98c1 1 3 1 4 0zM208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM249 151v0l81 160c1 2 -1 4 -3 3l-159 -81h-1l-81 -160c-1 -2 1 -4 3 -3z" />
-    <glyph glyph-name="ion-logo-dribbble" unicode="&#xf233;" horiz-adv-x="384" 
-d="M192 384c106 0 192 -86 192 -192s-86 -192 -192 -192s-192 86 -192 192s86 192 192 192zM314 296c-17 -25 -47 -47 -85 -64c5 -10 9 -20 13 -31c33 3 75 4 110 2c-2 35 -16 68 -38 93zM192 352c-14 0 -26 -2 -39 -5c23 -23 43 -53 62 -87c34 14 62 33 79 55
-c-28 23 -63 37 -102 37zM120 334c-41 -21 -71 -58 -83 -103h25c44 0 85 6 121 17c-19 34 -40 63 -63 86zM32 200v-8c0 -40 15 -78 40 -106c24 45 67 83 122 106c4 2 8 3 14 4c-3 8 -6 16 -10 24c-40 -13 -88 -20 -138 -21c-9 0 -19 1 -28 1zM192 32c20 0 39 3 57 10
-c-3 25 -8 53 -15 79c-4 17 -10 33 -16 49c-7 -2 -13 -4 -17 -6c-48 -22 -86 -56 -107 -98c27 -21 61 -34 98 -34zM278 58c40 26 68 67 73 116c-30 2 -68 3 -99 0c4 -12 9 -25 12 -38c7 -27 11 -52 14 -78z" />
-    <glyph glyph-name="ion-ios-fitness" unicode="&#xf1ab;" horiz-adv-x="448" 
-d="M320 168h-192c-4 0 -8 4 -8 8v32c0 4 4 8 8 8h192c4 0 8 -4 8 -8v-32c0 -4 -4 -8 -8 -8zM346 86v212c0 12 10 22 22 22v0c12 0 22 -10 22 -22v-212c0 -12 -10 -22 -22 -22v0c-12 0 -22 10 -22 22zM428 256c11 0 20 -9 20 -20v-88c0 -11 -9 -20 -20 -20h-12
-c-4 0 -8 4 -8 8v112c0 4 4 8 8 8h12zM102 86c0 -12 -10 -22 -22 -22v0c-12 0 -22 10 -22 22v212c0 12 10 22 22 22v0c12 0 22 -10 22 -22v-212zM32 256c4 0 8 -4 8 -8v-112c0 -4 -4 -8 -8 -8h-12c-11 0 -20 9 -20 20v88c0 11 9 20 20 20h12z" />
-    <glyph glyph-name="ion-ios-aperture" unicode="&#xf108;" 
-d="M202 77h179c-25 -37 -61 -66 -103 -81l-22 22l-55 55c-1 1 -1 4 1 4zM119 113c0 2 2 3 3 2l127 -127c-13 -3 -27 -4 -41 -4c-32 0 -62 7 -89 20v109zM208 400c32 0 63 -7 90 -20v-109c0 -2 -3 -3 -4 -2l-126 127c13 3 26 4 40 4zM20 281h110c2 0 2 -2 1 -3l-127 -127
-c-3 13 -4 27 -4 41c0 32 7 62 20 89zM139 388l77 -77c1 -1 1 -4 -1 -4h-180c25 37 61 66 104 81zM119 227c0 1 0 2 1 3l50 50c1 1 2 1 3 1h71c1 0 1 0 2 -1l50 -50c1 -1 2 -2 2 -3v-70c0 -1 -1 -2 -2 -3l-50 -50c-1 -1 -1 -1 -2 -1h-71c-1 0 -2 0 -3 1l-50 50
-c-1 1 -1 2 -1 3v70zM412 232c3 -13 4 -26 4 -40c0 -32 -7 -62 -20 -89h-109c-2 0 -2 2 -1 3zM324 365c37 -25 65 -61 80 -104l-77 -77c-1 -1 -3 0 -3 2v179zM12 122l78 78c1 1 3 0 3 -2v-179c-37 25 -66 60 -81 103z" />
-    <glyph glyph-name="ion-md-document" unicode="&#xf2e1;" horiz-adv-x="320" 
-d="M192 400l128 -128v-248c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v336c0 22 18 40 40 40h152zM176 256h112l-112 112v-112z" />
-    <glyph glyph-name="ion-ios-bicycle" unicode="&#xf127;" horiz-adv-x="448" 
-d="M93 159c-17 0 -34 -8 -46 -20s-19 -29 -19 -46s7 -34 19 -46s29 -19 46 -19s34 7 46 19s20 29 20 46s-8 35 -20 47s-29 19 -46 19zM93 187v0c51 0 94 -43 94 -94s-43 -93 -94 -93s-93 42 -93 93s42 94 93 94zM288 320c-18 0 -32 14 -32 32s14 32 32 32s32 -14 32 -32
-s-14 -32 -32 -32zM355 159c-17 0 -34 -8 -46 -20s-20 -29 -20 -46s8 -34 20 -46s29 -19 46 -19s34 7 46 19s19 29 19 46s-7 35 -19 47s-29 19 -46 19zM355 187v0c51 0 93 -43 93 -94s-42 -93 -93 -93s-94 42 -94 93s43 94 94 94zM336 256c9 0 16 -7 16 -16s-7 -16 -16 -16
-h-57s-19 24 -38 52l-49 -52c18 -14 48 -25 48 -38v-90c0 -9 -7 -16 -16 -16s-16 7 -16 16v66s-16 16 -62 42c-6 4 -18 10 -18 27c0 8 3 17 9 23l72 69c6 6 14 9 22 9c11 0 21 -7 27 -16l30 -60h48z" />
-    <glyph glyph-name="ion-ios-clipboard" unicode="&#xf14c;" horiz-adv-x="352" 
-d="M60 288c0 9 7 16 16 16h200c9 0 16 -7 16 -16v-240c0 -9 -7 -16 -16 -16h-200c-9 0 -16 7 -16 16v240zM242 367c8 0 14 -7 14 -15v-18c0 -1 -1 -2 -2 -2h-156c-1 0 -2 1 -2 2v16c0 10 8 17 18 17h14c0 6 1 11 3 16c2 6 6 11 10 16c9 10 21 17 35 17s27 -7 36 -17
-c4 -5 8 -10 10 -16c2 -5 2 -10 2 -16h18zM179 352c7 1 12 6 13 13c1 10 -8 19 -18 18c-7 -1 -12 -7 -13 -14c-1 -10 8 -18 18 -17zM320 400c18 0 32 -14 32 -32v-368c0 -17 -15 -32 -32 -32h-288c-18 0 -32 14 -32 56v344c0 18 14 32 32 32h76c2 0 3 -2 2 -3
-c-3 -4 -6 -9 -8 -16c0 -1 0 -1 -1 -1h-1c-22 0 -27 -18 -27 -37v-9c0 -1 -1 -2 -2 -2h-22c-9 0 -16 -7 -16 -16v-297c0 -9 7 -16 16 -16h253c9 0 16 7 16 16v297c0 9 -7 16 -16 16h-20c-1 0 -2 1 -2 2v14v1v0c-1 19 -8 34 -27 34h-1c-1 0 -2 0 -2 1c-2 5 -4 9 -7 13
-c-1 1 0 3 2 3h75z" />
-    <glyph glyph-name="ion-ios-arrow-dropright-circle" unicode="&#xf12b;" 
-d="M0 192c0 115 93 208 208 208s208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208zM244 192l-79 -81c-8 -8 -8 -19 0 -27c4 -4 8 -6 13 -6s10 2 14 6l94 94c7 8 6 20 -1 27l-95 95c-8 8 -19 8 -27 0s-8 -19 0 -27z" />
-    <glyph glyph-name="ion-md-mail-unread" unicode="&#xf172;" horiz-adv-x="464" 
-d="M336 320c0 35 29 64 64 64s64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64zM351 245c14 -9 31 -15 49 -15s34 5 48 14v-185c0 -24 -19 -43 -43 -43h-362c-24 0 -43 19 -43 43v266c0 24 19 43 43 43h281c-9 -14 -14 -30 -14 -48s5 -36 15 -50l-101 -67l-176 117v-43
-l176 -117z" />
-    <glyph glyph-name="ion-md-shirt" unicode="&#xf37a;" horiz-adv-x="384" 
-d="M256 384l128 -32v-96l-77 16l13 -272h-256l13 272l-77 -16v96l128 32c11 -19 40 -32 64 -32s53 13 64 32z" />
-    <glyph glyph-name="ion-ios-finger-print" unicode="&#xf17c;" 
-d="M403 266c8 -24 13 -50 13 -73v-11c0 -7 -7 -13 -14 -13v0c-4 0 -8 1 -10 4s-4 6 -4 10c0 2 1 7 1 10c0 20 -5 42 -12 63s-17 38 -27 48c-5 5 -5 15 0 20c3 3 6 4 10 4v0c4 0 7 -1 10 -4c13 -13 24 -34 33 -58zM95 337c-4 0 -9 2 -11 6c-2 3 -3 6 -2 10s2 7 5 9
-c35 25 76 38 121 38c47 0 92 -17 131 -49c6 -5 7 -13 2 -19c-3 -3 -7 -5 -11 -5c-3 0 -6 1 -8 3c-34 28 -73 43 -114 43c-39 0 -75 -12 -105 -33c-2 -2 -5 -3 -8 -3zM27 193c0 -30 6 -53 15 -82c1 -4 1 -8 -1 -11s-5 -5 -9 -6c-1 0 -3 -1 -4 -1c-6 0 -11 4 -13 10
-c-10 31 -15 57 -15 90c0 50 18 99 51 137c3 3 7 4 11 4v0c3 0 6 -1 8 -3c3 -2 5 -5 5 -9s-1 -7 -3 -10c-29 -33 -45 -75 -45 -119zM308 318c26 -23 46 -55 57 -94c12 -43 16 -96 10 -155c-1 -7 -7 -12 -14 -12h-1c-8 1 -13 7 -12 15c5 55 2 106 -9 145c-10 34 -27 62 -49 81
-s-50 29 -79 29c-40 0 -76 -14 -101 -41c-23 -25 -36 -59 -33 -95c2 -31 6 -48 9 -63c5 -23 9 -42 6 -92c0 -7 -7 -13 -14 -13c-1 0 -3 1 -4 1c-6 2 -10 7 -10 14c3 46 -1 64 -5 85c-3 16 -7 33 -9 66c-3 43 11 84 40 115c30 32 73 50 121 50c36 0 70 -12 97 -36zM326 180
-c5 -31 7 -56 7 -77c0 -42 -5 -76 -5 -77c-1 -7 -7 -12 -14 -12h-2c-4 1 -7 3 -9 6s-3 6 -2 10c0 0 4 33 4 73c0 20 -2 43 -7 73c-5 31 -16 57 -32 75c-16 17 -36 26 -58 26c-15 0 -29 -3 -42 -9c-2 -1 -4 -1 -6 -1c-4 0 -8 2 -11 5s-4 8 -3 12s4 7 8 9c16 8 35 12 54 12
-c30 0 56 -12 77 -34s35 -53 41 -91zM137 244c-11 -16 -14 -35 -10 -59c9 -54 18 -116 10 -174c-1 -7 -7 -12 -14 -12h-1c-4 0 -7 2 -9 5s-3 7 -3 11c8 54 -1 114 -10 165c-5 31 0 58 15 80c3 4 7 6 11 6c3 0 7 -1 9 -3c5 -5 6 -13 2 -19zM270 60c7 0 13 -5 13 -13
-c0 -1 1 -21 -3 -41c-1 -6 -6 -11 -13 -11h-5c-6 2 -10 9 -9 16c3 17 3 35 3 35c0 8 5 14 13 14h1zM247 242c11 -10 19 -26 24 -44c8 -28 11 -67 12 -114c0 -4 -2 -7 -4 -10c-3 -3 -5 -4 -9 -4v0c-8 0 -14 7 -14 14c-1 45 -5 82 -12 108c-3 12 -13 39 -38 39
-c-11 0 -20 -4 -26 -11c-6 -8 -9 -21 -6 -37c13 -65 16 -127 9 -184c-1 -7 -7 -12 -14 -12h-1c-7 1 -13 7 -12 15c7 54 4 114 -8 176c-6 31 2 50 10 60c11 13 28 20 48 20c15 0 30 -6 41 -16zM217 202c8 -19 14 -51 16 -90c3 -39 2 -80 -2 -116c-1 -7 -6 -12 -13 -12h-2
-c-4 0 -7 2 -9 5s-3 6 -3 10c4 33 4 73 2 110s-7 67 -14 83c-3 7 0 15 7 18c2 1 3 1 5 1v0c6 0 11 -4 13 -9z" />
-    <glyph glyph-name="ion-logo-buffer" unicode="&#xf22d;" horiz-adv-x="384" 
-d="M7 284c-9 4 -9 11 0 15l169 82c4 2 10 3 16 3s12 -1 16 -3l169 -82c9 -4 9 -11 0 -15l-169 -82c-4 -2 -10 -3 -16 -3s-12 1 -16 3zM377 200c9 -4 9 -12 0 -16l-169 -81c-4 -2 -10 -4 -16 -4s-12 2 -16 4l-169 81c-9 4 -9 12 0 16c0 0 27 13 33 16c5 3 7 3 13 0
-s123 -60 123 -60c4 -2 10 -3 16 -3s12 1 16 3c0 0 121 59 125 61s5 2 9 0s35 -17 35 -17zM377 100c9 -4 9 -11 0 -15l-169 -82c-4 -2 -10 -3 -16 -3s-12 1 -16 3l-169 82c-9 4 -9 11 0 15c0 0 27 14 33 17c5 3 7 2 13 -1s123 -59 123 -59c4 -2 10 -3 16 -3s12 1 16 3
-c0 0 121 58 125 60s5 2 9 0s35 -17 35 -17z" />
-    <glyph glyph-name="ion-ios-arrow-forward" unicode="&#xf3d1;" horiz-adv-x="192" 
-d="M134 192l-127 127c-9 9 -9 25 0 34s25 9 34 0l144 -144c9 -9 10 -24 1 -33l-145 -145c-5 -5 -11 -7 -17 -7s-12 2 -17 7c-9 9 -9 25 0 34z" />
-    <glyph glyph-name="ion-md-construct" unicode="&#xf2d5;" horiz-adv-x="480" 
-d="M415 55c7 -5 7 -18 -2 -25l-41 -41c-7 -7 -17 -7 -24 0l-114 113l-96 -112c-8 -8 -19 -8 -27 0l-43 43c-10 8 -10 21 -2 27l105 105l-14 15c-41 -16 -89 -8 -123 26c-35 35 -44 88 -23 130l78 -75l53 53l-76 75c42 19 96 12 131 -23c34 -34 43 -80 27 -121l13 -13v0
-l58 -58v0zM478 231c2 -2 2 -5 0 -7l-55 -56c-2 -2 -6 -2 -8 0l-35 34c-2 2 -2 6 0 8l10 10l-14 13c-6 4 -17 4 -30 0l-31 -37l-57 57l29 28s-1 47 -17 60s-45 29 -45 29v30c30 0 55 -7 91 -25s63 -45 70 -52s17 -18 23 -27s5 -18 5 -18l18 -16l4 4c2 2 6 2 8 0z" />
-    <glyph glyph-name="ion-ios-restaurant" unicode="&#xf201;" horiz-adv-x="288" 
-d="M272 384c5 0 16 0 16 -11v-357c0 -9 -7 -16 -16 -16s-16 7 -16 16v128s-32 23 -32 80c0 83 23 160 48 160zM176 384h8s24 -107 24 -128s-13 -38 -32 -45v-195c0 -9 -7 -16 -16 -16s-16 7 -16 16v195c-19 7 -32 24 -32 45s24 128 24 128h8l-10 -104c0 -4 4 -8 8 -8
-s8 4 8 8l6 104h8l6 -104c0 -4 4 -8 8 -8s8 4 8 8zM48 384c26 0 48 -64 48 -128c0 -21 -13 -38 -32 -45v-195c0 -9 -7 -16 -16 -16s-16 7 -16 16v195c-19 7 -32 24 -32 45c0 64 22 128 48 128z" />
-    <glyph glyph-name="ion-md-repeat" unicode="&#xf36a;" horiz-adv-x="384" 
-d="M85 296v0v-83h-42v125h256v62l85 -83l-85 -83v62h-214zM299 88v0v83h42v-125h-256v-62l-85 83l85 83v-62h214z" />
-    <glyph glyph-name="ion-ios-reverse-camera" unicode="&#xf49f;" horiz-adv-x="384" 
-d="M354 288c18 0 30 -13 30 -31v-176c0 -18 -12 -33 -30 -33h-320c-18 0 -34 15 -34 33v176c0 18 16 31 34 31h7v8c0 4 4 8 8 8h26c4 0 8 -4 8 -8v-8h4c4 0 9 2 12 5c28 32 40 43 52 43h85c12 0 23 -11 51 -43c3 -3 7 -5 12 -5h55zM244 108c1 4 1 8 -2 11c-2 2 -5 4 -8 4
-c-2 0 -5 -2 -7 -3c-11 -8 -23 -11 -35 -11c-15 0 -30 5 -42 16c-10 9 -16 21 -19 34h20c1 0 1 1 2 1c3 2 4 5 2 8l-32 42c-1 1 -3 2 -5 2s-3 -1 -4 -2l-31 -42s-1 -1 -1 -2c0 -4 3 -6 6 -6h20c3 -19 12 -37 27 -51c16 -15 36 -22 57 -22c17 0 34 4 48 14c2 2 3 5 4 7z
-M301 175c2 3 1 7 -2 9h-2h-21c-3 20 -13 40 -26 52c-16 14 -36 23 -58 23c-17 0 -34 -5 -48 -15c-2 -1 -3 -4 -4 -6c-1 -4 -1 -9 2 -12c2 -2 5 -3 8 -3c2 0 5 1 7 2c11 7 23 11 35 11c15 0 29 -5 41 -16c10 -10 17 -22 20 -36h-21h-2c-3 -2 -4 -6 -2 -9l33 -43v-1
-c3 -2 7 -1 9 1z" />
-    <glyph glyph-name="ion-md-move" unicode="&#xf331;" horiz-adv-x="448" 
-d="M448 192l-96 -96v64h-96v-96h64l-96 -96l-96 96h64v96h-96v-64l-96 96l96 96v-64h96v96h-64l96 96l96 -96h-64v-96h96v64z" />
-    <glyph glyph-name="ion-ios-book" unicode="&#xf3e8;" 
-d="M98 384c54 0 100 -28 100 -82v-16v0v0v0v-284c0 -2 -3 -3 -4 -1v0c-10 34 -38 68 -82 71c-34 2 -67 -13 -93 -37c-2 -2 -5 -3 -7 -3h-4c-4 0 -8 3 -8 6v290c0 32 44 56 98 56zM318 384c54 0 98 -24 98 -56v-290c0 -3 -4 -6 -8 -6h-4c-2 0 -5 2 -7 3c-29 26 -60 39 -93 37
-c-43 -3 -72 -36 -82 -70v-1c-1 -2 -4 -1 -4 1v284v0v0v0v16c0 54 46 82 100 82z" />
-    <glyph glyph-name="ion-ios-cloud-outline" unicode="&#xf409;" horiz-adv-x="512" 
-d="M288 324c-40 0 -77 -20 -100 -53l-7 -9c-4 -5 -10 -7 -16 -5l-11 4c-5 2 -10 4 -16 4c-11 0 -22 -5 -30 -14s-14 -20 -14 -32v-11c0 -6 -4 -10 -9 -12l-10 -4c-14 -4 -25 -13 -34 -25c-8 -12 -13 -27 -13 -41c0 -17 7 -33 19 -46s28 -20 44 -20h330c16 0 32 7 44 20
-s19 29 19 46c0 15 -5 30 -15 42s-23 21 -37 23l-11 2c-6 1 -10 5 -11 11l-1 11c-3 30 -17 57 -39 77s-52 32 -82 32zM288 352v0c77 0 141 -59 149 -134c43 -8 75 -47 75 -92c0 -50 -41 -94 -91 -94h-330c-50 0 -91 44 -91 94c0 41 26 80 66 93c1 39 33 74 72 74
-c10 0 19 -3 27 -6c27 39 72 65 123 65z" />
-    <glyph glyph-name="ion-ios-arrow-dropdown-circle" unicode="&#xf125;" 
-d="M0 192c0 115 93 208 208 208s208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208zM289 235l-81 -79l-81 81c-8 8 -19 8 -27 0s-8 -19 0 -27l95 -95c7 -7 19 -8 27 -1l94 94c4 4 6 9 6 14s-2 9 -6 13c-8 8 -19 8 -27 0z" />
-    <glyph glyph-name="ion-md-pin" unicode="&#xf34a;" horiz-adv-x="320" 
-d="M160 416c88 0 160 -71 160 -157c0 -118 -160 -291 -160 -291s-160 173 -160 291c0 86 72 157 160 157zM160 203c32 0 57 25 57 56s-25 56 -57 56s-57 -25 -57 -56s25 -56 57 -56z" />
-    <glyph glyph-name="ion-ios-list-box" unicode="&#xf143;" 
-d="M0 365c0 19 16 35 35 35h346c19 0 35 -16 35 -35v-346c0 -19 -16 -35 -35 -35h-346c-19 0 -35 16 -35 35v346zM89 68c9 1 16 8 17 17c2 13 -9 25 -22 23c-9 -1 -16 -8 -17 -17c-2 -13 9 -25 22 -23zM89 172c9 1 16 8 17 17c2 13 -9 25 -22 23c-9 -1 -16 -8 -17 -17
-c-2 -13 9 -25 22 -23zM89 276c9 1 16 8 17 17c2 13 -9 25 -22 23c-9 -1 -16 -8 -17 -17c-2 -13 9 -25 22 -23zM337 74c8 0 14 6 14 14v0c0 8 -6 14 -14 14h-180c-8 0 -14 -6 -14 -14v0c0 -8 6 -14 14 -14h180zM337 178c8 0 14 6 14 14v0c0 8 -6 14 -14 14h-180
-c-8 0 -14 -6 -14 -14v0c0 -8 6 -14 14 -14h180zM337 282c8 0 14 6 14 14v0c0 8 -6 14 -14 14h-180c-8 0 -14 -6 -14 -14v0c0 -8 6 -14 14 -14h180z" />
-    <glyph glyph-name="ion-ios-disc" unicode="&#xf16e;" 
-d="M208 282c50 0 90 -40 90 -90s-40 -90 -90 -90s-90 40 -90 90s40 90 90 90zM208 152c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40zM208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 78c63 0 114 51 114 114
-s-51 114 -114 114s-114 -51 -114 -114s51 -114 114 -114z" />
-    <glyph glyph-name="ion-ios-cube" unicode="&#xf168;" 
-d="M393 318c6 -3 6 -11 0 -14l-179 -94c-4 -2 -8 -2 -12 0l-179 94c-6 3 -6 11 0 14l179 81c4 2 8 2 12 0zM232 -15c-5 -3 -11 1 -11 7v187c0 3 1 6 4 7l180 93c5 3 11 -1 11 -7v-185c0 -3 -2 -6 -4 -7zM0 272c0 6 6 10 11 7l180 -93c3 -1 4 -4 4 -7v-187
-c0 -6 -6 -10 -11 -7l-180 95c-2 1 -4 4 -4 7v185z" />
-    <glyph glyph-name="ion-md-thunderstorm" unicode="&#xf393;" horiz-adv-x="448" 
-d="M361 287c48 -3 87 -44 87 -93c0 -52 -41 -82 -93 -82h-94l18 36h-33l33 67h-99v-103h-68c-62 0 -112 38 -112 100c0 55 38 100 91 111c6 1 15 2 21 2c50 0 91 -31 106 -75h33c-6 24 -19 47 -37 65c-25 25 -57 37 -91 40c25 31 61 45 101 45c68 0 124 -48 137 -113z
-M180 80v32h81l-59 -128v96h-22z" />
-    <glyph glyph-name="ion-md-male" unicode="&#xf323;" 
-d="M368 400h48v-48v-128h-48v94l-107 -107c17 -24 27 -52 27 -83c0 -80 -64 -144 -144 -144s-144 64 -144 144s64 144 144 144c31 0 59 -10 83 -27l107 107h-94v48h128zM144 32c53 0 96 43 96 96s-43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96z" />
-    <glyph glyph-name="ion-ios-color-wand" unicode="&#xf416;" horiz-adv-x="384" 
-d="M382 42c3 -3 3 -8 0 -11l-29 -29c-3 -3 -8 -3 -11 0l-245 246c-3 3 -3 8 0 11l29 29c3 3 8 3 11 0zM356 28c3 3 3 8 0 11l-190 191c-3 3 -8 3 -11 0v0c-3 -3 -3 -9 0 -12l190 -190c3 -3 8 -3 11 0v0zM129 328c-7 0 -12 5 -12 12v32c0 7 5 12 12 12s12 -5 12 -12v-32
-c0 -7 -5 -12 -12 -12zM129 185c7 0 12 -5 12 -12v-32c0 -7 -5 -12 -12 -12s-12 5 -12 12v32c0 7 5 12 12 12zM207 258c0 7 5 12 12 12h32c7 0 12 -5 12 -12s-5 -12 -12 -12h-32c-7 0 -12 5 -12 12zM56 258c0 -7 -6 -12 -12 -12h-32c-7 0 -12 5 -12 12s5 12 12 12h32
-c7 0 12 -5 12 -12zM61 307l-21 21c-5 5 -5 12 0 17c2 2 5 3 8 3s7 -1 9 -3l21 -21c5 -5 5 -12 0 -17c-2 -2 -6 -3 -9 -3s-6 1 -8 3zM69 208c3 0 7 -1 9 -3c5 -5 5 -12 0 -17l-21 -21c-2 -2 -6 -4 -9 -4s-6 2 -8 4s-4 5 -4 8s2 7 4 9l21 21c2 2 5 3 8 3v0zM188 304
-c-3 0 -6 1 -8 3s-4 6 -4 9s2 6 4 8l21 21c2 2 5 3 8 3s7 -1 9 -3c5 -5 5 -12 0 -17l-21 -21c-2 -2 -6 -3 -9 -3z" />
-    <glyph glyph-name="ion-ios-pie" unicode="&#xf484;" horiz-adv-x="448" 
-d="M244 380c0 2 2 4 4 4c111 -4 200 -96 200 -208c0 -114 -92 -207 -207 -208c-88 -1 -164 54 -195 131c-1 2 1 5 3 6l189 48c4 1 6 4 6 8v219zM0 209c0 90 59 205 216 207c2 0 4 -2 4 -4v-229c0 -4 -2 -7 -6 -8l-194 -50c-2 0 -4 1 -5 3c-15 32 -15 81 -15 81z" />
-    <glyph glyph-name="ion-md-person" unicode="&#xf345;" horiz-adv-x="384" 
-d="M192 192c-53 0 -96 43 -96 96s43 96 96 96s96 -43 96 -96s-43 -96 -96 -96zM192 144c64 0 192 -32 192 -96v-48h-384v48c0 64 128 96 192 96z" />
-    <glyph glyph-name="ion-md-alert" unicode="&#xf276;" 
-d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM232 88v40h-48v-40h48zM232 176v128h-48v-128h48z" />
-    <glyph glyph-name="ion-md-tennisball" unicode="&#xf38e;" 
-d="M336 356c-42 -45 -64 -103 -64 -164s23 -119 65 -163c-36 -28 -81 -45 -129 -45s-93 17 -128 45c42 44 64 102 64 163s-22 119 -64 164c35 28 80 44 128 44s93 -16 128 -44zM305 193c0 27 5 53 15 78c9 23 23 44 40 62c35 -37 56 -87 56 -141s-21 -103 -55 -140
-c-18 19 -31 39 -41 63c-10 25 -15 51 -15 78zM111 193c0 -27 -5 -53 -15 -78c-10 -24 -23 -45 -41 -64c-34 37 -55 87 -55 141c0 55 21 105 56 142c17 -18 31 -40 40 -63c10 -25 15 -51 15 -78z" />
-    <glyph glyph-name="ion-logo-closed-captioning" unicode="&#xf105;" horiz-adv-x="448" 
-d="M0 352h448v-320h-448v320zM406 192c0 23 0 38 -3 70s-20 50 -52 53s-86 3 -127 3s-95 0 -127 -3s-49 -21 -52 -53s-3 -47 -3 -70s1 -41 3 -70s17 -50 52 -53s84 -3 127 -3s92 0 127 3s50 24 52 53s3 47 3 70zM326 168c0 1 -1 3 -1 3h46c0 -24 -5 -42 -16 -54
-s-29 -19 -54 -19c-12 0 -22 2 -31 5s-15 8 -21 15s-10 16 -13 28s-5 28 -5 46s2 33 6 45s8 22 15 29s15 12 24 15s19 5 30 5c22 0 38 -7 49 -19s17 -32 17 -54h-46v1c0 18 -11 29 -24 29c-14 0 -22 -9 -24 -26c0 0 -1 -10 -1 -26s1 -24 1 -24c1 -15 10 -26 24 -26
-s24 10 24 26v1zM171 168c0 1 -1 3 -1 3h46c0 -24 -5 -42 -16 -54s-29 -19 -54 -19c-12 0 -21 2 -30 5s-16 8 -22 15s-10 16 -13 28s-5 28 -5 46s2 33 6 45s8 22 15 29s15 12 24 15s19 5 30 5c22 0 38 -7 49 -19s17 -32 17 -54h-45v1c0 18 -11 29 -24 29
-c-14 0 -23 -9 -25 -26c0 0 -1 -10 -1 -26s1 -24 1 -24c1 -15 10 -26 24 -26s24 10 24 26v1z" />
-    <glyph glyph-name="ion-ios-qr-scanner" unicode="&#xf1f3;" 
-d="M126 384c8 0 14 -6 14 -14s-6 -14 -14 -14h-60c-9 0 -18 -4 -26 -12c-7 -8 -12 -17 -12 -26v-60c0 -8 -6 -14 -14 -14s-14 6 -14 14v59c0 37 30 67 67 67h59zM350 384c36 0 66 -30 66 -66v-60c0 -8 -6 -14 -14 -14s-14 6 -14 14v60c0 9 -5 18 -12 26c-8 8 -17 12 -26 12
-h-60c-8 0 -14 6 -14 14s6 14 14 14h60zM126 28c8 0 14 -6 14 -14s-6 -14 -14 -14h-60c-36 0 -66 30 -66 66v60c0 8 6 14 14 14s14 -6 14 -14v-60c0 -9 5 -18 12 -26c8 -8 17 -12 26 -12h60zM402 140c8 0 14 -6 14 -14v-59c0 -37 -30 -67 -67 -67h-59c-8 0 -14 6 -14 14
-s6 14 14 14h60c9 0 18 4 26 12c7 8 12 17 12 26v60c0 8 6 14 14 14z" />
-    <glyph glyph-name="ion-md-flashlight" unicode="&#xf16b;" horiz-adv-x="352" 
-d="M48 150l1 122h255v-122l-64 -64v-118h-128v118zM155 416h42v-64h-42v64zM0 338l30 30l45 -46l-30 -30zM277 322l45 46l30 -30l-45 -46z" />
-    <glyph glyph-name="ion-ios-code" unicode="&#xf157;" horiz-adv-x="384" 
-d="M268 305l114 -109c1 -1 2 -2 2 -4s-1 -3 -2 -4l-114 -109c-1 -1 -2 -2 -4 -2s-3 1 -4 2l-14 13c-1 1 -2 2 -2 4s1 3 2 4l96 92l-96 92c-1 1 -2 2 -2 4s1 3 2 4l14 13c1 1 3 2 4 2s3 -1 4 -2zM140 288c0 -2 -1 -3 -2 -4l-96 -92l96 -92c1 -1 2 -2 2 -4s-1 -3 -2 -4
-l-14 -13c-1 -1 -2 -2 -4 -2c-1 0 -3 1 -4 2l-114 109c-1 1 -2 2 -2 4s1 3 2 4l114 109c1 1 3 2 4 2s3 -1 4 -2l14 -13c1 -1 2 -2 2 -4z" />
-    <glyph glyph-name="ion-md-bowtie" unicode="&#xf2a1;" horiz-adv-x="448" 
-d="M244 144h-40c-15 0 -28 13 -28 28v40c0 15 13 28 28 28h40c15 0 28 -13 28 -28v-40c0 -15 -13 -28 -28 -28zM144 168c0 -18 8 -35 22 -45c-6 -27 -102 -91 -134 -91c-18 0 -32 14 -32 32v256c0 18 14 32 32 32c32 0 128 -64 134 -91c-14 -10 -22 -27 -22 -45v-48z
-M416 352c18 0 32 -14 32 -32v-256c0 -18 -14 -32 -32 -32c-32 0 -128 64 -134 91c14 10 22 27 22 45v48c0 18 -8 35 -22 45c6 27 102 91 134 91z" />
-    <glyph glyph-name="ion-md-infinite" unicode="&#xf310;" 
-d="M387 260c19 -18 29 -42 29 -68s-11 -50 -30 -68s-43 -28 -70 -28c-26 0 -51 10 -70 28l-38 36l-38 -36c-19 -18 -43 -28 -70 -28s-52 10 -71 28s-29 42 -29 68s10 50 29 68s44 28 71 28c26 0 51 -10 70 -28l108 -104c10 -10 24 -15 38 -15s28 5 38 15s15 22 15 36
-s-5 26 -15 36s-24 15 -38 15s-28 -5 -38 -15v0l-17 -16l-33 32l18 16c19 18 43 28 70 28s52 -10 71 -28zM138 156l37 36l-37 36c-10 10 -24 15 -38 15s-28 -5 -38 -15s-15 -22 -15 -36s5 -26 15 -36s24 -15 38 -15s28 5 38 15z" />
-    <glyph glyph-name="ion-md-volume-off" unicode="&#xf3a2;" horiz-adv-x="384" 
-d="M342 192c0 69 -45 128 -107 147v45c85 -20 149 -99 149 -192c0 -35 -8 -68 -24 -96l-32 32c9 19 14 41 14 64zM192 368v-104l-51 51zM357 51v0l24 -24l-24 -24l-40 40c-23 -21 -51 -36 -82 -43v45c19 6 37 15 52 28l-95 95v-152l-107 112h-85v128h85l9 10l-91 91l24 24z
-M288 192c0 -7 0 -15 -2 -22l-51 51v60c32 -16 53 -51 53 -89z" />
-    <glyph glyph-name="ion-ios-flag" unicode="&#xf42d;" horiz-adv-x="320" 
-d="M311 367c5 1 9 -3 9 -8v-191c0 -4 -3 -7 -7 -8c0 0 -37 -7 -72 -7s-57 6 -83 12s-51 15 -77 15c-21 0 -37 -2 -47 -4c-4 -1 -6 -4 -6 -8v-154c0 -8 -8 -15 -16 -14c-7 1 -12 7 -12 14v354l4 3c2 1 21 13 77 13c28 0 55 -5 81 -11c25 -5 50 -12 78 -12c18 0 48 3 61 5
-c4 0 7 1 10 1z" />
-    <glyph glyph-name="ion-md-cloud-download" unicode="&#xf2c6;" horiz-adv-x="480" 
-d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM208 180h-68l100 -100l100 100h-68v76h-64v-76z" />
-    <glyph glyph-name="ion-md-git-compare" unicode="&#xf2fc;" horiz-adv-x="448" 
-d="M160 66v62l96 -96l-96 -96v64h-22c-39 0 -64 11 -84 36c-18 23 -22 48 -22 94v167c-19 11 -32 31 -32 55c0 35 29 64 64 64s64 -29 64 -64c0 -24 -13 -44 -32 -55v-167c0 -35 2 -47 8 -54c5 -6 9 -10 34 -10h22zM64 392c-22 0 -40 -18 -40 -40s18 -40 40 -40s40 18 40 40
-s-18 40 -40 40zM416 87c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v170c0 35 -2 47 -8 54c-5 6 -9 9 -34 9h-22v-64l-96 96l96 96v-62h22c39 0 64 -10 84 -35c18 -23 22 -48 22 -94v-170zM384 -8c22 0 40 18 40 40s-18 40 -40 40
-s-40 -18 -40 -40s18 -40 40 -40z" />
-    <glyph glyph-name="ion-ios-mic" unicode="&#xf461;" horiz-adv-x="220" 
-d="M110 112c-35 0 -64 29 -64 64v160c0 35 29 64 64 64v0c35 0 64 -29 64 -64v-160c0 -35 -29 -64 -64 -64v0zM206 256c8 0 14 -6 14 -14v-69c0 -56 -42 -102 -96 -109v-52h36c8 0 14 -6 14 -14s-6 -14 -14 -14h-100c-8 0 -14 6 -14 14s6 14 14 14h36v52
-c-54 7 -96 53 -96 109v69c0 8 6 14 14 14s14 -6 14 -14v-69c0 -45 37 -82 82 -82s82 37 82 82v69c0 8 6 14 14 14z" />
-    <glyph glyph-name="ion-md-transgender" unicode="&#xf397;" horiz-adv-x="448" 
-d="M320 416h128v-128h-35v69l-88 -88c7 -15 11 -31 11 -49c0 -55 -40 -100 -91 -110v-46h63v-40h-63v-56h-42v56h-63v40h63v46c-52 10 -91 55 -91 110c0 18 4 34 11 49l-19 19l-31 -31l-29 29l31 31l-40 40v-69h-35v128h128v-35h-63l37 -37l32 32l28 -29l-31 -31l15 -15
-c20 19 48 31 78 31c24 0 46 -7 64 -20c0 0 6 -5 14 -12l81 81h-63v35zM224 158c35 0 64 29 64 64s-29 64 -64 64s-64 -29 -64 -64s29 -64 64 -64z" />
-    <glyph glyph-name="ion-md-headset" unicode="&#xf306;" horiz-adv-x="384" 
-d="M192 400c106 0 192 -88 192 -197v-153c0 -36 -29 -66 -64 -66h-64v176h85v43c0 85 -67 153 -149 153s-149 -68 -149 -153v-43h85v-176h-64c-35 0 -64 30 -64 66v153c0 109 86 197 192 197z" />
-    <glyph glyph-name="ion-md-arrow-down" unicode="&#xf27e;" horiz-adv-x="342" 
-d="M192 363v-260l120 120l30 -31l-171 -171l-171 171l30 30l120 -119v260h42z" />
-    <glyph glyph-name="ion-ios-partly-sunny" unicode="&#xf1df;" horiz-adv-x="480" 
-d="M152 384c9 0 16 -7 16 -16v-30c0 -9 -7 -16 -16 -16v0c-9 0 -16 7 -16 16v30c0 9 7 16 16 16v0zM63 232c0 -9 -7 -16 -16 -16h-31c-9 0 -16 7 -16 16v0c0 9 7 16 16 16h31c9 0 16 -7 16 -16v0zM64 299l-21 21c-6 6 -6 16 0 22c3 3 8 4 12 4v0c4 0 8 -1 11 -4l20 -21
-c6 -6 6 -16 0 -22c-3 -3 -7 -5 -11 -5s-8 2 -11 5zM255 343c6 -6 6 -16 0 -22l-20 -21c-3 -3 -7 -4 -11 -4s-8 1 -11 4v0h-1c-6 6 -6 16 0 22l21 21c3 3 7 5 11 5v0c4 0 8 -2 11 -5zM77 175c4 0 8 -2 11 -5c6 -6 6 -16 0 -22l-20 -21c-3 -3 -7 -5 -11 -5s-9 2 -12 5
-c-6 6 -6 17 0 23l21 20c3 3 7 5 11 5v0zM387 189c51 0 93 -43 93 -94s-42 -95 -93 -95h-226c-41 0 -74 36 -74 77c0 39 29 73 67 76v1v10v6c2 39 24 74 56 92c5 3 10 5 15 7c13 5 26 8 41 8c54 0 99 -39 110 -89c3 0 6 1 9 1h2zM135 164c-34 7 -59 36 -59 72
-c0 40 33 74 73 74c23 0 45 -11 58 -28h-1c-5 -2 -9 -5 -14 -8c-33 -19 -56 -53 -58 -93v-6c0 -3 1 -7 1 -10v-1z" />
-    <glyph glyph-name="ion-md-cloudy-night" unicode="&#xf2ca;" horiz-adv-x="448" 
-d="M91 265h2h-2zM310 145c42 -3 74 -38 74 -81c0 -44 -36 -80 -80 -80h-208c-53 0 -96 44 -96 97c0 47 32 86 78 95c5 1 13 1 18 1c43 0 78 -26 91 -64h28c-6 21 -16 40 -32 56c-21 21 -48 32 -77 34c21 27 52 39 86 39c58 0 107 -41 118 -97zM80 223l-13 -17v0v5
-c0 92 63 168 148 189c-9 -21 -14 -45 -14 -70c0 -20 3 -39 9 -57c-6 1 -12 1 -18 1c-22 0 -43 -4 -61 -12c-20 -9 -37 -22 -51 -39zM386 141c-3 3 -6 7 -10 10h3c24 0 48 5 69 14c-7 -27 -19 -53 -35 -74c-4 19 -14 36 -27 50z" />
-    <glyph glyph-name="ion-md-nutrition" unicode="&#xf33a;" 
-d="M309 212c8 -8 13 -19 13 -31c0 -14 -6 -28 -17 -36l-233 -168c-9 -6 -19 -9 -28 -9c-25 0 -44 20 -44 44c0 8 2 15 5 21v1l158 255v0c8 10 21 16 35 16c10 0 20 -4 28 -10h1zM416 303l-109 -56l-42 41l68 128l49 -28l-32 -56l37 20z" />
-    <glyph glyph-name="ion-ios-options" unicode="&#xf1d9;" 
-d="M251 72c6 14 21 24 37 24s31 -10 37 -24h75c9 0 16 -7 16 -16v0c0 -9 -7 -16 -16 -16h-75c-6 -14 -21 -24 -37 -24s-31 10 -37 24h-235c-9 0 -16 7 -16 16v0c0 9 7 16 16 16h235zM91 208c6 14 21 24 37 24s31 -10 37 -24h235c9 0 16 -7 16 -16v0c0 -9 -7 -16 -16 -16
-h-235c-6 -14 -21 -24 -37 -24s-31 10 -37 24h-75c-9 0 -16 7 -16 16v0c0 9 7 16 16 16h75zM251 344c6 14 21 24 37 24s31 -10 37 -24h75c9 0 16 -7 16 -16v0c0 -9 -7 -16 -16 -16h-75c-6 -14 -21 -24 -37 -24s-31 10 -37 24h-235c-9 0 -16 7 -16 16v0c0 9 7 16 16 16h235z
-" />
-    <glyph glyph-name="ion-md-log-out" unicode="&#xf31f;" 
-d="M144 171v42h190l-45 45l31 30l96 -96l-96 -96l-30 30l44 45h-190zM208 27c44 0 85 17 116 48l30 -30c-8 -8 -17 -16 -27 -23c-35 -24 -76 -38 -119 -38c-114 0 -208 93 -208 208s94 208 208 208c43 0 84 -13 119 -37c10 -7 19 -16 27 -24l-30 -30c-31 31 -72 48 -116 48
-s-86 -17 -117 -48s-48 -73 -48 -117s17 -86 48 -117s73 -48 117 -48zM401 192l-1 1l-1 -1l1 -1z" />
-    <glyph glyph-name="ion-md-appstore" unicode="&#xf27b;" 
-d="M416 296c-19 -214 -13 -312 -13 -312h-390s6 96 -13 312h104c0 57 47 104 104 104s104 -47 104 -104h104zM208 374c-43 0 -78 -35 -78 -78h156c0 43 -35 78 -78 78zM156 50l143 85l-143 84v-169z" />
-    <glyph glyph-name="ion-md-cellular" unicode="&#xf164;" horiz-adv-x="384" 
-d="M0 0l384 384v-384h-384z" />
-    <glyph glyph-name="ion-ios-beer" unicode="&#xf126;" horiz-adv-x="384" 
-d="M48 286v-96h-26c-9 0 -17 8 -17 17c0 16 11 22 11 35v51c0 19 -16 12 -16 41v4c0 26 25 43 50 43c10 0 18 -1 23 -2c6 -1 12 1 16 6c9 10 22 17 36 17c9 0 19 -2 26 -7c6 -4 13 -2 17 3c10 11 23 18 44 18c24 0 47 -16 56 -39c2 -5 7 -9 13 -9h1c21 0 38 -17 38 -38v-22
-c0 -2 -3 -4 -5 -2v0c-4 3 -8 4 -13 4h-230c-13 0 -24 -11 -24 -24zM322 -4c8 0 14 -6 14 -14s-6 -14 -14 -14h-276c-8 0 -14 6 -14 14s6 14 14 14h276zM336 254c26 0 48 -22 48 -48v-96c0 -26 -22 -48 -48 -48h-32c0 -12 2 -18 5 -30c1 -6 0 -12 -5 -16c-3 -3 -7 -4 -11 -4
-h-214c-6 0 -12 3 -15 8c-3 4 -4 9 -3 14v0c2 12 3 18 3 30v214c0 9 7 16 16 16h208c9 0 16 -7 16 -16v-24h32zM356 110v96c0 11 -9 20 -20 20h-32v-136h32c11 0 20 9 20 20z" />
-    <glyph glyph-name="ion-ios-snow" unicode="&#xf218;" horiz-adv-x="384" 
-d="M377 102c7 -4 9 -13 5 -20c-3 -5 -8 -8 -13 -8c-3 0 -6 1 -8 2l-32 19c-4 -16 -2 -32 -2 -32c1 -8 -4 -15 -12 -17c-1 0 -2 -1 -3 -1c-7 0 -13 6 -14 13c0 1 -4 26 6 52l-96 56v-99c27 -5 46 -20 47 -21c3 -2 6 -6 6 -10s-1 -8 -4 -11s-7 -5 -11 -5c-3 0 -7 1 -10 3
-c0 0 -12 10 -28 14v-38c0 -8 -8 -15 -16 -15s-15 7 -15 15v38c-16 -4 -29 -14 -29 -14c-3 -2 -7 -3 -10 -3c-4 0 -8 2 -11 5s-4 7 -4 11s3 8 6 10c1 1 21 16 48 21v99l-96 -56c10 -26 6 -51 6 -52c-1 -7 -7 -13 -14 -13c-1 0 -2 1 -3 1c-8 2 -13 9 -12 17c0 0 2 16 -3 32
-l-32 -19c-2 -1 -5 -2 -8 -2c-5 0 -10 3 -13 8c-4 7 -2 16 5 20l33 19c-12 12 -26 19 -26 19c-8 3 -11 11 -9 19c2 6 7 9 13 9c2 0 4 0 6 -1c1 0 24 -10 42 -31l96 56l-96 56c-18 -21 -41 -31 -42 -31c-2 -1 -4 -1 -6 -1c-6 0 -11 4 -13 10c-2 8 1 16 9 19c0 0 14 6 26 18
-l-33 19c-7 4 -9 13 -5 20c3 5 8 8 13 8c3 0 6 -1 8 -2l32 -19c5 16 3 32 3 32c-1 8 4 16 12 18h3c7 0 13 -6 14 -13c0 -1 4 -26 -6 -52l96 -56v100c-27 5 -47 19 -48 20c-3 2 -6 6 -6 10s1 8 4 11s7 5 11 5s7 -1 10 -3c0 0 13 -10 29 -14v38c0 8 7 15 15 15s16 -7 16 -15
-v-38c16 4 28 14 28 14c3 2 7 3 10 3c4 0 8 -2 11 -5s4 -7 4 -11s-3 -8 -6 -10c-1 -1 -20 -16 -47 -21v-99l96 56c-10 26 -7 51 -7 52c1 7 8 13 15 13c1 0 2 -1 3 -1c8 -2 13 -9 12 -17c0 -1 -2 -16 2 -32l32 19c2 1 5 2 8 2c5 0 10 -3 13 -8c4 -7 2 -16 -5 -20l-33 -19
-c12 -12 26 -19 26 -19c8 -3 11 -11 9 -19c-2 -6 -7 -9 -13 -9c-2 0 -4 0 -6 1c-1 0 -24 10 -42 31l-96 -56l96 -56c18 21 41 31 42 31c2 1 4 1 6 1c6 0 11 -4 13 -10c2 -8 -1 -16 -9 -19c0 0 -14 -6 -26 -18z" />
-    <glyph glyph-name="ion-ios-happy" unicode="&#xf192;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM280 248c-13 0 -24 -11 -24 -24s11 -24 24 -24s24 11 24 24s-11 24 -24 24zM136 248c-13 0 -24 -11 -24 -24s11 -24 24 -24s24 11 24 24s-11 24 -24 24zM208 79c45 0 82 30 94 71
-c2 5 -3 10 -8 10h-172c-5 0 -10 -5 -8 -10c12 -41 49 -71 94 -71z" />
-    <glyph glyph-name="ion-md-wallet" unicode="&#xf18f;" 
-d="M155 107c0 -24 18 -43 42 -43h197v-21c0 -24 -18 -43 -42 -43h-308c-24 0 -44 18 -44 42v300c0 24 20 42 44 42h308c23 0 42 -19 42 -43v-21h-197c-24 0 -42 -19 -42 -43v-170zM197 262c0 9 7 16 16 16h187c9 0 16 -7 16 -16v-140c0 -9 -7 -16 -16 -16h-187
-c-9 0 -16 7 -16 16v140zM274 160c16 1 29 14 30 30c1 19 -15 35 -34 34c-16 -1 -29 -14 -30 -30c-1 -19 15 -35 34 -34z" />
-    <glyph glyph-name="ion-md-funnel" unicode="&#xf2f7;" horiz-adv-x="448" 
-d="M176 48v48h96v-48h-96zM0 336h448v-48h-448v48zM80 167v50h288v-50h-288z" />
-    <glyph glyph-name="ion-ios-refresh-circle" unicode="&#xf135;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 64c67 0 123 51 128 117c0 6 -4 11 -10 11v0c-5 0 -10 -4 -10 -9c-4 -55 -51 -98 -107 -99c-59 -1 -108 47 -109 106c-1 60 48 110 108 110v-42c0 -6 7 -10 12 -7l73 47
-c5 3 5 10 0 13l-73 53c-5 4 -12 -1 -12 -7v-37c-71 0 -128 -57 -128 -128s57 -128 128 -128z" />
-    <glyph glyph-name="ion-ios-watch" unicode="&#xf269;" 
-d="M392 287c16 -25 24 -53 24 -82v-41c0 -21 -4 -40 -12 -58c-8 -17 -19 -33 -33 -46c-28 -25 -66 -39 -108 -39c-41 0 -54 8 -65 14c-7 4 -13 6 -27 7c-38 2 -69 16 -94 40c-3 2 -4 5 -4 9c0 3 2 7 4 9c2 3 5 4 9 4c3 0 8 -1 10 -3c20 -19 45 -30 77 -32
-c20 -1 29 -6 37 -11c9 -5 19 -10 53 -10c35 0 67 12 90 32c12 10 21 22 27 36c7 15 10 31 10 48v41c0 24 -7 48 -20 68c-12 20 -30 35 -51 46c-3 2 -6 5 -7 8s-1 7 1 10c2 4 7 7 12 7c2 0 4 0 6 -1c25 -13 46 -32 61 -56zM236 65c-6 1 -11 6 -11 13v2c1 6 7 11 13 11h2
-c7 -1 14 -2 21 -2c26 0 48 9 65 25c2 2 6 4 9 4c4 0 7 -2 9 -5c5 -5 5 -13 0 -18c-11 -10 -24 -19 -38 -24s-29 -8 -45 -8c-8 0 -16 1 -25 2zM238 86v0v0v0zM175 26c7 0 13 -6 13 -13s-6 -13 -13 -13c-46 0 -86 16 -121 47s-54 73 -54 114v44c0 29 8 57 24 82
-c15 24 36 43 61 56c2 1 4 1 6 1c5 0 10 -3 12 -7c2 -3 2 -7 1 -10s-4 -6 -7 -8c-21 -11 -39 -26 -51 -46c-13 -20 -20 -44 -20 -68v-44c0 -34 17 -68 46 -94c30 -27 63 -41 103 -41zM300 333c-1 -14 11 -26 25 -26v0c2 0 3 -3 1 -4c-8 -7 -18 -10 -29 -10h-178
-c-11 0 -21 3 -29 9c-1 1 0 3 0 4v0c0 1 1 1 2 1c13 1 24 12 23 26c-1 12 -11 22 -23 23c-4 0 -7 -1 -10 -2s-5 2 -4 4c8 16 23 26 41 26h178c11 0 22 -4 30 -11c5 -4 8 -9 11 -15c1 -2 0 -5 -3 -4c-4 2 -8 2 -12 2c-12 -1 -22 -11 -23 -23zM279 343c-2 8 -9 15 -17 17
-c-16 4 -31 -10 -27 -26c2 -8 9 -15 17 -17c16 -4 31 10 27 26z" />
-    <glyph glyph-name="ion-ios-reorder" unicode="&#xf1fd;" horiz-adv-x="352" 
-d="M0 128v16h352v-16h-352zM0 184v16h352v-16h-352zM0 240v16h352v-16h-352z" />
-    <glyph glyph-name="ion-ios-volume-high" unicode="&#xf11c;" horiz-adv-x="383" 
-d="M151 302c6 -3 9 -8 9 -14v-192c0 -6 -3 -11 -9 -14c-2 -1 -5 -2 -7 -2c-4 0 -7 2 -10 4l-65 52h-53c-9 0 -16 7 -16 16v80c0 9 7 16 16 16h53l65 53c3 2 6 3 10 3c2 0 5 -1 7 -2zM383 192v0v0c0 -59 -23 -114 -65 -156c-2 -2 -6 -4 -9 -4s-6 2 -8 4c-5 5 -5 12 0 17
-c38 37 58 86 58 139v0v0c0 53 -20 102 -58 139c-5 5 -5 12 0 17s12 5 17 0c42 -42 65 -97 65 -156zM320 192v0c0 -44 -16 -84 -46 -115c-2 -2 -6 -4 -9 -4s-6 2 -8 4c-5 5 -6 12 -1 17c26 26 40 61 40 98v0v0c0 37 -14 72 -40 98c-5 5 -4 12 1 17s12 5 17 0
-c30 -31 46 -71 46 -115v0zM223 266c19 -20 30 -46 30 -74v0v0c0 -28 -11 -54 -30 -74c-2 -2 -6 -3 -9 -3s-6 1 -8 3c-5 5 -5 12 0 17c15 15 23 36 23 57v0v0c0 22 -8 42 -23 57c-5 5 -5 12 0 17s12 5 17 0z" />
-    <glyph glyph-name="ion-ios-contrast" unicode="&#xf163;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM335 65c34 34 53 79 53 127s-19 93 -53 127s-79 53 -127 53v-360c48 0 93 19 127 53z" />
-    <glyph glyph-name="ion-ios-today" unicode="&#xf14f;" horiz-adv-x="384" 
-d="M324 416c33 0 60 -27 60 -60v-328c0 -33 -27 -60 -60 -60h-264c-33 0 -60 27 -60 60v328c0 33 27 60 60 60h264zM356 28v328c0 18 -14 32 -32 32h-264c-18 0 -32 -14 -32 -32v-328c0 -18 14 -32 32 -32h264c18 0 32 14 32 32zM296 272c13 0 24 -11 24 -24v-192
-c0 -13 -11 -24 -24 -24h-208c-13 0 -24 11 -24 24v192c0 13 11 24 24 24h208zM78 324c-8 0 -14 6 -14 14s6 14 14 14h100c8 0 14 -6 14 -14s-6 -14 -14 -14h-100z" />
-    <glyph glyph-name="ion-ios-mic-off" unicode="&#xf45f;" horiz-adv-x="256" 
-d="M242 -16c-5 0 -9 3 -12 7l-228 388c-4 7 -2 15 5 19s16 2 20 -5l227 -388c4 -7 2 -15 -5 -19c-2 -1 -5 -2 -7 -2zM192 176c0 -9 -2 -17 -5 -25l-120 205c8 26 33 44 61 44v0c35 0 64 -29 64 -64v-160zM64 176v65l75 -128c-4 -1 -7 -1 -11 -1v0c-35 0 -64 29 -64 64z
-M238 173c0 -26 -9 -49 -24 -68l-15 26c7 12 11 27 11 42v69c0 8 6 14 14 14s14 -6 14 -14v-69zM128 91c8 0 15 1 22 3l15 -25c-7 -3 -15 -4 -23 -5v-52h36c8 0 14 -6 14 -14s-6 -14 -14 -14h-100c-8 0 -14 6 -14 14s6 14 14 14h36v52c-54 7 -96 53 -96 109v69
-c0 8 6 14 14 14s14 -6 14 -14v-69c0 -45 37 -82 82 -82z" />
-    <glyph glyph-name="ion-ios-medkit" unicode="&#xf45e;" 
-d="M384 320c18 0 32 -14 32 -32v-256c0 -18 -14 -32 -32 -32h-352c-18 0 -32 14 -32 32v256c0 18 14 32 32 32h84v32c0 18 14 32 32 32h120c18 0 32 -14 32 -32v-32h84zM144 348v-28h128v28c0 4 -4 8 -8 8h-112c-4 0 -8 -4 -8 -8zM272 144c9 0 16 7 16 16s-7 16 -16 16h-32
-h-16v16v32c0 9 -7 16 -16 16s-16 -7 -16 -16v-32v-16h-16h-32c-9 0 -16 -7 -16 -16s7 -16 16 -16h32h16v-16v-32c0 -9 7 -16 16 -16s16 7 16 16v32v16h16h32z" />
-    <glyph glyph-name="ion-ios-arrow-round-down" unicode="&#xf118;" horiz-adv-x="192" 
-d="M188 152c5 -5 5 -13 0 -18l-83 -82c-2 -2 -6 -4 -9 -4c-2 0 -3 0 -5 1s-3 2 -4 3v0l-83 82c-5 5 -5 13 0 18s13 6 18 1l61 -61v231c0 7 6 13 13 13s13 -6 13 -13v-231l61 60c5 5 13 5 18 0z" />
-    <glyph glyph-name="ion-md-link" unicode="&#xf22e;" horiz-adv-x="448" 
-d="M43 192c0 -38 31 -69 69 -69h88v-43h-88c-62 0 -112 50 -112 112s50 112 112 112h88v-43h-88c-38 0 -69 -31 -69 -69zM128 170v44h192v-44h-192zM336 304c62 0 112 -50 112 -112s-50 -112 -112 -112h-88v43h88c38 0 69 31 69 69s-31 69 -69 69h-88v43h88z" />
-    <glyph glyph-name="ion-ios-chatbubbles" unicode="&#xf146;" 
-d="M383 127l16 -58s1 -2 1 -3c0 -4 -4 -8 -8 -8c-2 0 -4 1 -4 1l-57 21c-3 1 -6 2 -10 2c-3 0 -6 -1 -9 -2s-15 -5 -26 -8s-32 -8 -47 -8c-96 0 -171 77 -171 169c0 12 2 23 4 34c16 76 86 133 170 133c96 0 174 -75 174 -167c0 -33 -11 -64 -28 -90c-1 -1 -1 -2 -2 -3
-c-2 -4 -3 -9 -3 -13zM270 56c4 1 9 2 13 3c-4 -5 -7 -9 -7 -9c-30 -35 -73 -56 -120 -56c-21 0 -42 5 -61 12c-4 2 -6 2 -6 2c-2 0 -4 0 -6 -1l-56 -22c-1 0 -2 -1 -3 -1c-2 0 -3 1 -5 2c-2 2 -4 5 -3 8c0 0 12 60 12 62s-1 4 -3 8c-16 24 -25 53 -25 82c0 42 19 82 52 111
-l8 7c-1 -4 -3 -9 -4 -13s-1 -9 -2 -13c-1 -6 -2 -14 -2 -21c0 -92 75 -169 171 -169c10 0 24 2 34 4c5 1 9 3 13 4z" />
-    <glyph glyph-name="ion-ios-beaker" unicode="&#xf124;" horiz-adv-x="384" 
-d="M381 400c2 0 3 -1 3 -2s-2 -4 -3 -6s-12 -15 -14 -33v-310c0 -35 -28 -65 -63 -65h-208c-35 0 -64 29 -64 64v276c0 32 -2 32 -32 36c0 12 10 40 64 40h270h47zM48 371c12 -13 12 -29 12 -47v-36h279v0v71v3c0 3 1 6 2 10h-7h-270c-4 0 -10 0 -16 -1v0z" />
-    <glyph glyph-name="ion-ios-git-branch" unicode="&#xf183;" horiz-adv-x="332" 
-d="M262 352c39 0 70 -31 70 -70c0 -34 -24 -63 -56 -69c-1 -28 -14 -46 -38 -64c-25 -19 -56 -25 -78 -29c-27 -5 -42 -14 -51 -24c19 -13 31 -35 31 -58c0 -39 -31 -70 -70 -70s-70 31 -70 70c0 17 6 33 17 46c10 11 24 19 38 22v172c-15 3 -28 11 -38 22
-c-11 13 -17 29 -17 46c0 39 31 70 70 70s70 -31 70 -70c0 -17 -6 -34 -18 -47c-10 -11 -24 -19 -39 -22v-169c10 13 32 33 73 40c19 3 45 7 65 23c17 13 26 24 27 43c-32 7 -56 35 -56 68c0 39 31 70 70 70zM28 346c0 -23 19 -42 42 -42s42 19 42 42s-19 42 -42 42
-s-42 -19 -42 -42zM112 38c0 23 -19 42 -42 42s-42 -19 -42 -42s19 -42 42 -42s42 19 42 42zM262 240c23 0 42 19 42 42s-19 42 -42 42s-42 -19 -42 -42s19 -42 42 -42z" />
-    <glyph glyph-name="ion-logo-google" unicode="&#xf23a;" horiz-adv-x="408" 
-d="M406 224c0 -1 2 -14 2 -37c0 -54 -18 -106 -54 -144s-87 -59 -141 -59c-59 0 -116 22 -156 64c-38 39 -57 92 -57 144s20 108 59 147c40 39 94 61 150 61v0c73 0 120 -38 137 -53l-58 -58c-10 9 -38 30 -77 30c-34 0 -68 -12 -90 -35c-23 -23 -39 -58 -39 -92
-c0 -35 15 -69 39 -92c23 -22 58 -36 91 -36c46 0 102 30 114 87h-116v82h194z" />
-    <glyph glyph-name="ion-ios-recording" unicode="&#xf497;" horiz-adv-x="480" 
-d="M370 302c61 0 110 -49 110 -110s-49 -110 -110 -110h-260c-61 0 -110 49 -110 110s49 110 110 110v0v0c61 0 110 -49 110 -110c0 -30 -12 -58 -32 -78h105c-20 20 -33 48 -33 78c0 61 49 110 110 110v0v0zM448 192c0 43 -35 78 -78 78s-78 -35 -78 -78s35 -78 78 -78
-s78 35 78 78zM110 114c43 0 78 35 78 78s-35 78 -78 78s-78 -35 -78 -78s35 -78 78 -78z" />
-    <glyph glyph-name="ion-md-checkmark-circle" unicode="&#xf2bb;" 
-d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM165 81l192 192l-29 30l-163 -162l-76 77l-30 -30z" />
-    <glyph glyph-name="ion-ios-checkbox-outline" unicode="&#xf147;" horiz-adv-x="384" 
-d="M352 384c18 0 32 -14 32 -32v-320c0 -18 -14 -32 -32 -32h-320c-18 0 -32 14 -32 32v320c0 18 14 32 32 32h320zM356 36v312c0 4 -4 8 -8 8h-312c-4 0 -8 -4 -8 -8v-312c0 -4 4 -8 8 -8h312c4 0 8 4 8 8zM300 255c2 -2 1 -4 0 -6l-134 -134v0c-2 -2 -7 -5 -12 -5
-c-4 0 -7 1 -11 5l-56 56c-2 2 -2 4 0 6l17 18c1 1 2 1 3 1s2 0 3 -1l44 -45l122 123c1 1 2 1 3 1v0c1 0 2 0 3 -1z" />
-    <glyph glyph-name="ion-ios-arrow-round-up" unicode="&#xf11a;" horiz-adv-x="192" 
-d="M188 232c-5 -5 -13 -5 -18 0l-61 60v-231c0 -7 -6 -13 -13 -13s-13 6 -13 13v231l-61 -61c-5 -5 -13 -4 -18 1s-5 13 0 18l83 82v0c1 1 2 2 4 3s3 1 5 1c3 0 7 -2 9 -4l83 -82c5 -5 5 -13 0 -18z" />
-    <glyph glyph-name="ion-ios-home" unicode="&#xf448;" 
-d="M211 344l156 -125c1 -1 1 -2 1 -3v-230c0 -1 -1 -2 -2 -2h-108c-1 0 -2 1 -2 2v140c0 1 -1 2 -2 2h-92c-1 0 -2 -1 -2 -2v-140c0 -1 -1 -2 -2 -2h-108c-1 0 -2 1 -2 2v230c0 1 1 2 2 3l156 125c2 1 3 1 5 0zM411 244c3 -2 5 -6 5 -10s-1 -8 -4 -11s-6 -4 -10 -4
-c-3 0 -7 1 -9 3l-184 147l-1 1l-1 -1l-184 -148c-2 -2 -6 -3 -9 -3c-4 0 -7 1 -10 4s-4 7 -4 11s2 8 5 10l43 35v92c0 1 1 2 2 2h60c1 0 2 -1 2 -2v-42l82 67c4 3 9 5 14 5s10 -2 14 -5z" />
-    <glyph glyph-name="ion-ios-paper" unicode="&#xf472;" 
-d="M76 368c0 18 12 30 30 30l278 2c18 0 32 -14 32 -32v-353c0 -17 -14 -31 -31 -31h-353c-18 0 -32 14 -32 32v288c0 18 14 32 32 32h16v-290c0 -8 6 -14 14 -14v0c8 0 14 6 14 14v322zM142 336c-8 0 -14 -6 -14 -14v0c0 -8 6 -14 14 -14h84c8 0 14 6 14 14v0
-c0 8 -6 14 -14 14h-84zM142 176c-8 0 -14 -6 -14 -14v0c0 -8 6 -14 14 -14h148c8 0 14 6 14 14v0c0 8 -6 14 -14 14h-148zM338 68c8 0 14 6 14 14v0c0 8 -6 14 -14 14h-196c-8 0 -14 -6 -14 -14v0c0 -8 6 -14 14 -14h196zM338 228c8 0 14 6 14 14v0c0 8 -6 14 -14 14h-196
-c-8 0 -14 -6 -14 -14v0c0 -8 6 -14 14 -14h196z" />
-    <glyph glyph-name="ion-md-cafe" unicode="&#xf2a9;" 
-d="M0 0v48h368v-48h-368zM376 384c22 0 40 -18 40 -40v-80c0 -22 -18 -40 -40 -40h-40v-64c0 -44 -36 -80 -80 -80h-144c-44 0 -80 36 -80 80v224h293h11h40zM376 272v64h-40v-64h40z" />
-    <glyph glyph-name="ion-md-medical" unicode="&#xf327;" horiz-adv-x="408" 
-d="M300 192l108 -62l-48 -84l-108 63v-125h-96v125l-108 -63l-48 84l108 62l-108 62l48 84l108 -63v125h96v-125l108 63l48 -84z" />
-    <glyph glyph-name="ion-ios-log-in" unicode="&#xf1b1;" horiz-adv-x="414" 
-d="M368 368c25 0 46 -21 46 -46v-260c0 -25 -21 -46 -46 -46h-280c-25 0 -46 21 -46 46c0 8 6 14 14 14s14 -6 14 -14c0 -10 8 -18 18 -18h280c10 0 18 8 18 18v260c0 10 -8 18 -18 18h-280c-10 0 -18 -8 -18 -18c0 -8 -6 -14 -14 -14s-14 6 -14 14c0 25 21 46 46 46h280z
-M175 114l64 64h-225c-8 0 -14 6 -14 14s6 14 14 14h224l-65 64c-6 6 -6 14 0 20c3 3 6 4 10 4s7 -1 10 -4l84 -84c4 -4 7 -10 7 -15s-3 -11 -7 -15l-82 -82c-3 -3 -6 -4 -10 -4s-7 2 -10 4v0c-5 6 -5 15 0 20z" />
-    <glyph glyph-name="ion-ios-return-right" unicode="&#xf203;" horiz-adv-x="384" 
-d="M378 183c4 -4 6 -10 6 -16s-3 -11 -7 -15l-57 -58c-3 -3 -6 -4 -10 -4s-7 2 -10 4v0c-3 3 -4 6 -4 10s1 7 4 10l40 40h-262c-21 0 -40 8 -55 23s-23 34 -23 55v48c0 8 6 14 14 14s14 -6 14 -14v-48c0 -13 5 -25 15 -35s22 -15 35 -15h261l-41 40v0c-3 3 -4 6 -4 10
-s1 7 4 10s6 4 10 4s7 -1 10 -4z" />
-    <glyph glyph-name="ion-logo-bitbucket" unicode="&#xf193;" 
-d="M405 384c7 -1 12 -8 11 -16l-18 -113h-256l22 -127h88l16 96h125l-34 -212c-1 -7 -6 -12 -13 -12h-271c-4 0 -9 1 -12 4v0c-3 3 -5 8 -6 12l-57 352v2c0 8 7 14 14 14h389h2z" />
-    <glyph glyph-name="ion-ios-man" unicode="&#xf1bb;" horiz-adv-x="228" 
-d="M114 341v0v0c-25 0 -46 21 -46 46s21 45 46 45s45 -20 45 -45c0 -12 -4 -24 -13 -32c-8 -9 -20 -14 -32 -14zM79 -48c-14 0 -27 10 -27 30l1 278h-10v-105c0 -9 -3 -15 -6 -18c-4 -4 -9 -7 -15 -7s-12 3 -16 7c-3 3 -6 9 -6 18v122c0 14 5 27 14 38c10 12 24 18 39 18
-h122c15 0 29 -6 39 -18c9 -11 14 -24 14 -38v-122c0 -7 -2 -14 -7 -18c-4 -4 -9 -7 -15 -7s-12 3 -16 7c-5 4 -6 11 -6 18v105h-9v-278c0 -20 -14 -30 -28 -30c-13 0 -26 10 -27 30v0v141h-12v-141v0c-1 -20 -15 -30 -29 -30z" />
-    <glyph glyph-name="ion-md-lock" unicode="&#xf31d;" horiz-adv-x="320" 
-d="M280 262c22 0 40 -18 40 -40v-200c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v200c0 22 18 40 40 40h20v40c0 55 45 100 100 100s100 -45 100 -100v-40h20zM160 80c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40zM222 262v40c0 34 -28 62 -62 62
-s-62 -28 -62 -62v-40h124z" />
-    <glyph glyph-name="ion-ios-flask" unicode="&#xf431;" horiz-adv-x="385" 
-d="M374 94c8 -16 11 -32 11 -46c-1 -36 -27 -64 -63 -64h-257c-36 0 -64 28 -65 64c0 14 4 30 12 46l116 194v2v78c0 2 -2 4 -4 4c-7 0 -12 5 -12 12v4c0 7 5 12 12 12h137c7 0 12 -5 12 -12v-4c0 -7 -5 -12 -12 -12c-2 0 -4 -2 -4 -4v-78v-2zM98 160h189c6 0 10 7 7 12
-l-61 102c-3 5 -4 10 -4 16v78v4h-73v-4v-78c0 -6 -1 -11 -4 -16l-61 -102c-3 -5 1 -12 7 -12z" />
-    <glyph glyph-name="ion-md-remove-circle" unicode="&#xf367;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM315 171v42h-214v-42h214z" />
-    <glyph glyph-name="ion-md-code-download" unicode="&#xf2cc;" horiz-adv-x="448" 
-d="M203 288h42v-126l45 45l30 -31l-96 -96l-96 96l30 30l45 -44v126zM158 94l-30 -30l-128 128l128 128l30 -30l-98 -98zM290 94l98 98l-98 98l30 30l128 -128l-128 -128z" />
-    <glyph glyph-name="ion-ios-wine" unicode="&#xf26f;" horiz-adv-x="208" 
-d="M177 397c9 -25 31 -87 31 -125v-4v-1c0 -19 0 -45 -28 -74c-7 -7 -15 -13 -23 -20c-19 -15 -39 -31 -39 -50v-115c0 -1 1 -2 2 -2h57c8 0 15 -6 15 -14s-7 -14 -15 -14h-146c-8 0 -15 6 -15 14s7 14 15 14h57c1 0 2 1 2 2v115c0 19 -20 35 -39 50c-8 7 -17 13 -23 20
-c-28 29 -28 55 -28 74v1v4c0 38 22 100 31 125c2 6 7 9 13 9h120c6 0 11 -3 13 -9zM176 295v1c-5 26 -15 60 -22 81c0 1 -1 1 -2 1h-96c-1 0 -2 0 -2 -1c-7 -21 -17 -55 -22 -81v-1s1 -1 2 -1h140c1 0 2 1 2 1z" />
-    <glyph glyph-name="ion-ios-expand" unicode="&#xf178;" horiz-adv-x="384" 
-d="M48 356l117 -117c5 -5 5 -15 0 -20c-3 -3 -6 -4 -10 -4s-7 1 -10 4l-117 117v-78c0 -8 -6 -14 -14 -14v0c-8 0 -14 6 -14 14v112c0 8 6 14 14 14h112c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14h-78zM370 384c8 0 14 -6 14 -14v-112c0 -8 -6 -14 -14 -14v0
-c-8 0 -14 6 -14 14v78l-117 -117c-3 -3 -6 -4 -10 -4s-7 1 -10 4c-5 5 -5 15 0 20l117 117h-78c-8 0 -14 6 -14 14v0c0 8 6 14 14 14h112zM155 169c4 0 7 -1 10 -4c5 -5 5 -15 0 -20l-117 -117h78c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14h-112c-8 0 -14 6 -14 14v112
-c0 8 6 14 14 14v0c8 0 14 -6 14 -14v-78l117 117c3 3 6 4 10 4zM370 140c8 0 14 -6 14 -14v-112c0 -8 -6 -14 -14 -14h-112c-8 0 -14 6 -14 14v0c0 8 6 14 14 14h78l-117 117c-5 5 -5 15 0 20c3 3 6 4 10 4s7 -1 10 -4l117 -117v78c0 8 6 14 14 14v0z" />
-    <glyph glyph-name="ion-ios-list" unicode="&#xf454;" horiz-adv-x="384" 
-d="M0 192c0 15 13 28 28 28s28 -13 28 -28s-13 -28 -28 -28s-28 13 -28 28zM0 316c0 15 13 28 28 28s28 -13 28 -28s-13 -28 -28 -28s-28 13 -28 28zM0 68c0 15 13 28 28 28s28 -13 28 -28s-13 -28 -28 -28s-28 13 -28 28zM368 208c9 0 16 -7 16 -16s-7 -16 -16 -16h-240
-c-9 0 -16 7 -16 16s7 16 16 16h240zM368 84c9 0 16 -7 16 -16s-7 -16 -16 -16h-240c-9 0 -16 7 -16 16s7 16 16 16h240zM128 300c-9 0 -16 7 -16 16s7 16 16 16h240c9 0 16 -7 16 -16s-7 -16 -16 -16h-240z" />
-    <glyph glyph-name="ion-md-keypad" unicode="&#xf317;" horiz-adv-x="320" 
-d="M160 50c22 0 40 -19 40 -41s-18 -41 -40 -41s-40 19 -40 41s18 41 40 41zM40 416c22 0 41 -19 41 -41s-19 -40 -41 -40s-40 18 -40 40s18 41 40 41zM40 294c22 0 41 -19 41 -41s-19 -41 -41 -41s-40 19 -40 41s18 41 40 41zM40 172c22 0 41 -19 41 -41s-19 -41 -41 -41
-s-40 19 -40 41s18 41 40 41zM280 334c-22 0 -41 19 -41 41s19 41 41 41s40 -19 40 -41s-18 -41 -40 -41zM160 172c22 0 40 -19 40 -41s-18 -41 -40 -41s-40 19 -40 41s18 41 40 41zM280 172c22 0 40 -19 40 -41s-18 -41 -40 -41s-41 19 -41 41s19 41 41 41zM280 294
-c22 0 40 -19 40 -41s-18 -41 -40 -41s-41 19 -41 41s19 41 41 41zM160 294c22 0 40 -19 40 -41s-18 -41 -40 -41s-40 19 -40 41s18 41 40 41zM160 416c22 0 40 -19 40 -41s-18 -40 -40 -40s-40 18 -40 40s18 41 40 41z" />
-    <glyph glyph-name="ion-logo-octocat" unicode="&#xf243;" horiz-adv-x="448" 
-d="M146 160c8 0 16 -3 22 -12c6 -8 10 -20 10 -32s-4 -23 -10 -31s-14 -13 -22 -13c-9 0 -17 5 -23 13s-9 19 -9 31s3 24 9 32c6 9 14 12 23 12zM303 160c9 0 16 -3 22 -12c6 -8 9 -20 9 -32s-3 -23 -9 -31s-14 -13 -22 -13c-9 0 -17 5 -23 13s-10 19 -10 31s4 24 10 32
-c6 9 14 12 23 12zM414 276c24 -27 34 -66 34 -96c0 -24 0 -46 -6 -65s-13 -35 -21 -47c-9 -12 -20 -23 -32 -32c-13 -9 -24 -17 -34 -21s-22 -7 -36 -9c-13 -2 -24 -4 -31 -4c0 0 -28 -2 -64 -2s-64 2 -64 2c-7 0 -18 2 -31 4c-14 2 -26 5 -36 9s-22 12 -34 21
-c-13 9 -23 20 -32 32c-8 12 -15 28 -21 47c-5 19 -6 41 -6 65c0 31 10 70 34 96c0 0 -2 14 0 39s7 48 16 69c30 -3 67 -20 112 -51c15 4 36 6 62 6c28 0 48 -2 62 -6c20 14 40 25 58 33c19 8 33 13 41 15s13 3 13 3c9 -21 14 -44 16 -69s0 -39 0 -39v0zM348 42
-c28 13 42 40 42 81c0 24 -8 43 -26 59c-9 8 -20 13 -32 15s-31 1 -56 -1s-40 -4 -52 -4s-25 2 -42 3s-30 3 -39 3c-10 0 -20 1 -31 -2s-21 -8 -28 -14c-17 -15 -25 -35 -25 -59c0 -41 13 -68 41 -81c27 -13 69 -18 123 -18h2c54 0 95 5 123 18z" />
-    <glyph glyph-name="ion-ios-planet" unicode="&#xf1eb;" 
-d="M415 96c2 -6 2 -12 -1 -17c-3 -6 -11 -9 -22 -9c-37 0 -120 32 -208 81c-54 30 -103 64 -137 92c-38 32 -53 54 -45 67c4 7 11 10 23 10c16 0 48 -10 83 -24c3 -1 3 -5 1 -7l-11 -10c-1 -1 -2 -2 -4 -1c-21 8 -46 16 -57 19c-4 1 -6 -3 -4 -6c10 -13 25 -24 39 -35
-c7 -6 15 -11 23 -17c8 21 23 39 41 52c21 15 44 23 70 23c32 0 63 -11 86 -33c24 -23 37 -54 37 -87c0 -26 -9 -51 -25 -72c10 -4 19 -8 28 -11c15 -6 34 -11 44 -13c3 -1 6 3 4 6c-6 8 -26 24 -42 36c-2 1 -3 4 -2 6l5 13c1 3 4 4 7 2c24 -18 45 -35 55 -47
-c6 -7 10 -12 12 -18zM264 94c2 -1 4 -3 4 -5s-1 -4 -3 -5c-20 -13 -42 -20 -66 -20c-32 0 -63 12 -86 35s-36 53 -36 85c0 1 1 3 1 4c0 2 1 4 3 5c1 0 2 1 3 1s2 -1 3 -2c25 -17 54 -36 84 -53c33 -19 64 -32 93 -45z" />
-    <glyph glyph-name="ion-logo-usd" unicode="&#xf2b1;" horiz-adv-x="320" 
-d="M315 145c3 -10 5 -19 5 -29c0 -21 -5 -38 -14 -53s-20 -26 -35 -35s-31 -17 -50 -21c-10 -2 -19 -3 -29 -4v-35h-64v35c-9 1 -19 4 -28 6c-20 5 -36 12 -51 23s-26 24 -35 41c-8 16 -13 34 -14 55h69c0 -12 2 -24 7 -33c5 -10 12 -17 21 -23s20 -11 31 -14v120
-c-8 2 -18 4 -27 6c-17 4 -30 9 -41 16s-20 15 -27 23s-11 17 -14 26s-4 18 -4 28c0 18 4 34 12 48s19 25 33 34s29 16 46 20c7 2 15 3 22 4v33h64v-33c9 -1 16 -4 24 -6c18 -5 34 -12 48 -22s25 -22 33 -37c7 -13 11 -28 12 -46h-69c-3 21 -12 37 -26 46c-7 4 -13 8 -22 10
-v-106c9 -2 16 -4 25 -6c12 -3 22 -6 27 -7c13 -4 23 -9 33 -15c10 -7 18 -14 24 -22s11 -17 14 -27zM128 238v92c-7 -2 -15 -4 -21 -7c-7 -4 -12 -9 -17 -15s-7 -14 -7 -23c0 -13 4 -24 13 -31c8 -7 20 -12 32 -16zM247 89c3 7 4 13 4 20c0 14 -3 24 -10 31s-15 11 -23 14
-s-16 5 -26 8v-107c6 1 10 2 14 3c11 3 20 8 27 13s11 11 14 18z" />
-    <glyph glyph-name="ion-ios-bulb" unicode="&#xf138;" horiz-adv-x="296" 
-d="M296 259c0 -31 -13 -56 -30 -80v0c-11 -15 -22 -18 -32 -35c-14 -24 -17 -41 -18 -56c0 -8 -8 -15 -16 -15h-10c-2 0 -4 2 -4 4v94c0 5 1 11 3 15l22 42c3 7 -1 15 -9 15v0c-4 0 -7 -3 -9 -6l-26 -51c-2 -4 -3 -9 -3 -14v-95c0 -2 -2 -4 -4 -4h-24c-2 0 -4 2 -4 4v95
-c0 5 -1 10 -3 14l-26 51c-2 4 -5 6 -9 6v0c-8 0 -13 -8 -9 -15l21 -42c2 -4 3 -9 3 -14v-95c0 -2 -2 -4 -4 -4h-9c-8 0 -16 6 -16 15c-1 15 -4 31 -19 56c-10 17 -20 20 -31 35v0c-17 24 -30 49 -30 80c0 78 70 141 148 141s148 -63 148 -141zM130 -16c-8 0 -14 6 -14 14v0
-c0 8 6 14 14 14h36c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14h-36zM110 28c-8 0 -14 6 -14 14v0c0 8 6 14 14 14h76c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14h-76z" />
-    <glyph glyph-name="ion-md-map" unicode="&#xf325;" horiz-adv-x="384" 
-d="M373 384c6 0 11 -5 11 -11v-322c0 -5 -3 -9 -7 -10l-121 -41l-128 45s-105 -41 -108 -42s-7 -3 -9 -3c-6 0 -11 5 -11 11v322c0 5 3 9 7 10l121 41l128 -45s103 40 108 42s7 3 9 3zM256 43v254l-128 44v-254z" />
-    <glyph glyph-name="ion-md-time" unicode="&#xf394;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166zM218 296v-109l94 -56l-16 -25l-109 65v125h31z" />
-    <glyph glyph-name="ion-logo-ionitron" unicode="&#xf151;" horiz-adv-x="426" 
-d="M425 179c3 -34 -4 -63 -19 -65h-7c-18 -79 -87 -141 -172 -146c-71 -4 -134 33 -169 89l-16 -3c-17 -2 -36 26 -41 64s5 71 22 73l12 1c17 80 86 142 172 147c77 4 145 -38 177 -103c11 -22 16 -46 17 -72c4 24 -2 57 -8 72c21 2 29 -23 32 -57zM47 184
-c9 -13 18 -34 21 -58c3 -25 1 -46 -5 -61c9 10 17 36 13 64c-4 27 -18 47 -29 55zM231 68c8 0 15 8 15 16s-9 14 -17 14c-9 0 -14 -8 -14 -16s8 -14 16 -14zM312 72c8 0 15 9 15 17s-9 14 -17 14c-9 0 -14 -8 -14 -16s8 -15 16 -15zM123 378h-1c-1 1 0 3 0 4c0 3 2 6 5 9
-s8 6 14 9c1 0 1 1 2 1c1 1 3 1 4 1c4 6 9 12 17 14c7 1 14 0 19 -4h2h2c6 0 12 1 16 0c3 -1 6 -2 8 -3c1 0 2 1 3 1c3 0 6 -3 6 -6s-3 -6 -6 -6v-1c-1 -1 -1 -2 -2 -3s-3 -2 -4 -3s-2 -1 -3 -2l-8 -5h-1l1 2l6 3c1 1 3 2 4 3l3 3s1 2 2 3v0c-2 1 -5 3 -5 6c0 1 0 2 1 3
-c-2 1 -4 1 -6 1h-11v0h-4h-1c-7 -1 -14 -2 -22 -4c-1 0 -2 -1 -3 -1c14 3 24 3 29 2c2 -3 3 -6 4 -10c2 -12 -3 -23 -14 -28l4 -24l-13 -2l-4 24c-12 0 -21 9 -23 21c-1 4 -1 7 0 10v0c-1 0 -2 -1 -3 -1c-4 -2 -8 -5 -11 -7c-3 -3 -5 -6 -5 -8v-2c0 0 0 -1 1 -1
-c2 -2 5 -3 9 -4c3 -1 7 -1 11 -1h1l2 -1h-3c-4 0 -9 1 -12 1c-4 1 -7 0 -9 2c-1 1 -2 2 -2 3v0v1v0v0v0z" />
-    <glyph glyph-name="ion-ios-grid" unicode="&#xf18c;" horiz-adv-x="384" 
-d="M142 140c-1 0 -2 1 -2 2v100c0 1 1 2 2 2h100c1 0 2 -1 2 -2v-100c0 -1 -1 -2 -2 -2h-100zM0 352c0 18 14 32 32 32h320c18 0 32 -14 32 -32v-320c0 -18 -14 -32 -32 -32h-320c-18 0 -32 14 -32 32v320zM330 244c8 0 14 6 14 14v0c0 8 -6 14 -14 14h-56c-1 0 -2 1 -2 2
-v56c0 8 -6 14 -14 14v0c-8 0 -14 -6 -14 -14v-56c0 -1 -1 -2 -2 -2h-100c-1 0 -2 1 -2 2v56c0 8 -6 14 -14 14v0c-8 0 -14 -6 -14 -14v-56c0 -1 -1 -2 -2 -2h-56c-8 0 -14 -6 -14 -14v0c0 -8 6 -14 14 -14h56c1 0 2 -1 2 -2v-100c0 -1 -1 -2 -2 -2h-56c-8 0 -14 -6 -14 -14
-v0c0 -8 6 -14 14 -14h56c1 0 2 -1 2 -2v-56c0 -8 6 -14 14 -14v0c8 0 14 6 14 14v56c0 1 1 2 2 2h100c1 0 2 -1 2 -2v-56c0 -8 6 -14 14 -14v0c8 0 14 6 14 14v56c0 1 1 2 2 2h56c8 0 14 6 14 14v0c0 8 -6 14 -14 14h-56c-1 0 -2 1 -2 2v100c0 1 1 2 2 2h56z" />
-    <glyph glyph-name="ion-logo-model-s" unicode="&#xf153;" horiz-adv-x="448" 
-d="M412 240c9 -6 23 -16 32 -26c0 0 4 -28 4 -62c0 -48 -6 -93 -6 -93c-2 0 -3 -1 -5 -1c0 -1 -1 -13 -2 -21c0 -2 -1 -5 -6 -5h-64c-2 0 -5 1 -5 3l-1 17h-12c-25 0 -15 8 -27 8c-11 0 -55 -3 -96 -3s-85 3 -96 3c-12 0 -2 -8 -27 -8h-11l-1 -17c0 -2 -3 -3 -5 -3h-65
-c-5 0 -6 3 -6 5c-1 8 -2 20 -2 21c-2 0 -3 1 -5 1c0 0 -6 45 -6 93c0 33 4 62 4 62c9 10 23 19 32 25c3 2 3 7 -1 8l-5 1v0c-7 0 -23 2 -26 5s-4 6 -4 9s2 8 5 11s15 5 23 6s9 0 11 -1s3 -7 3 -12c0 -3 3 -6 6 -7c2 0 2 1 3 3c5 13 12 34 21 51c12 21 23 27 28 29s9 3 43 6
-c34 4 64 4 81 4s46 0 80 -4s38 -4 43 -6s17 -8 29 -29c9 -16 14 -36 19 -49c1 -3 5 -5 8 -4h1c1 0 2 2 2 3c0 6 1 14 3 15s2 2 10 1s21 -3 24 -6s5 -8 5 -11s-1 -6 -4 -9s-19 -5 -26 -5v0l-5 -1c-4 -1 -4 -5 -1 -7zM91 293c-4 -9 -10 -31 -9 -33s-1 -4 12 -3s91 3 130 3
-s117 -2 130 -3s11 1 12 3s-6 24 -10 33c-2 5 -6 11 -10 17c-5 7 -12 12 -20 13c-17 3 -53 7 -102 7s-85 -4 -102 -7c-8 -1 -16 -6 -21 -13c-4 -6 -8 -12 -10 -17zM100 177c6 0 14 2 20 3c4 1 4 5 1 7c-7 5 -20 13 -37 18c-26 7 -41 7 -55 7c-2 0 -4 -1 -4 -3
-c0 -4 -1 -11 1 -19c2 -11 26 -15 28 -15s6 3 11 3s25 -1 35 -1zM310 104c13 2 28 16 18 30c-6 8 -21 14 -49 18c-30 4 -48 4 -55 4s-26 0 -56 -4c-28 -4 -41 -10 -49 -18c-11 -13 6 -28 19 -30s58 -2 86 -2s73 0 86 2zM422 189c2 8 0 16 0 20c0 2 -1 3 -3 3
-c-14 0 -30 -1 -56 -8c-17 -5 -30 -12 -37 -17c-3 -2 -2 -6 2 -7c6 -1 14 -3 20 -3c10 0 30 1 35 1s9 -4 11 -4s26 4 28 15z" />
-    <glyph glyph-name="ion-ios-hand" unicode="&#xf190;" horiz-adv-x="320" 
-d="M299 331c12 0 21 -10 21 -21v-233c0 -55 -32 -93 -78 -93h-58s-40 11 -40 11c-43 25 -94 96 -113 118c-20 22 -39 41 -27 53c18 17 40 7 66 -16l28 -24v219c0 11 9 20 21 20s21 -9 21 -20v-127c0 -5 4 -9 9 -9s9 4 9 9v161c0 11 9 21 21 21s21 -10 21 -21v-144
-c0 -5 4 -8 9 -8s9 3 9 8v127c0 11 9 21 21 21s21 -10 21 -21v-161c0 -5 4 -9 9 -9s9 4 9 9v109c0 11 9 21 21 21z" />
-    <glyph glyph-name="ion-md-brush" unicode="&#xf2a4;" horiz-adv-x="448" 
-d="M118 146c39 0 71 -32 71 -70c0 -51 -43 -92 -95 -92c-36 0 -72 18 -94 46c20 0 47 16 47 46c0 38 32 70 71 70zM441 362c9 -9 9 -23 0 -32l-211 -207l-65 63l211 207c9 9 25 9 34 0z" />
-    <glyph glyph-name="ion-ios-add-circle-outline" unicode="&#xf100;" 
-d="M298 208c9 0 16 -7 16 -16s-7 -16 -16 -16h-74v-74c0 -9 -7 -16 -16 -16s-16 6 -16 16v74h-74s-16 6 -16 16s7 16 16 16h74v74c0 9 7 16 16 16s16 -7 16 -16v-74h74zM208 372c-48 0 -93 -19 -127 -53s-53 -79 -53 -127s19 -93 53 -127s79 -53 127 -53s93 19 127 53
-s53 79 53 127s-19 93 -53 127s-79 53 -127 53zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208z" />
-    <glyph glyph-name="ion-ios-mail-unread" unicode="&#xf145;" 
-d="M320 296c0 27 21 48 48 48s48 -21 48 -48s-21 -48 -48 -48s-48 21 -48 48zM368 230c19 0 36 7 48 20v-178c0 -18 -14 -32 -32 -32h-352c-18 0 -32 14 -32 32v219c0 2 2 3 3 2l108 -110c1 -1 1 -2 0 -3l-75 -80c-5 -5 -5 -13 0 -18c2 -2 6 -4 9 -4s7 2 9 4l75 80
-c1 1 2 1 3 0l18 -18c16 -16 36 -25 58 -25s43 8 58 24l18 19c1 1 2 1 3 0l75 -80c2 -2 6 -4 9 -4s7 2 9 4c5 5 5 13 0 18l-75 80c-1 1 -1 2 0 3l47 48c5 -1 11 -1 16 -1zM302 296c0 -22 10 -41 26 -53l-81 -82c-10 -11 -24 -16 -39 -16s-29 5 -39 16l-157 160c5 4 12 7 20 7
-h278c-5 -10 -8 -20 -8 -32z" />
-    <glyph glyph-name="ion-md-desktop" unicode="&#xf2df;" horiz-adv-x="448" 
-d="M405 416c23 0 43 -20 43 -43v-282c0 -23 -20 -43 -43 -43h-138l42 -48v-32h-170v32l42 48h-138c-23 0 -43 20 -43 43v282c0 23 20 43 43 43h362zM405 128v245h-362v-245h362z" />
-    <glyph glyph-name="ion-ios-briefcase" unicode="&#xf3ee;" 
-d="M32 0c-18 0 -32 14 -32 32v192h416v-192c0 -18 -14 -32 -32 -32h-352zM384 320c18 0 32 -14 32 -32v-40h-416v40c0 18 14 32 32 32h8v8c0 4 4 8 8 8h32c4 0 8 -4 8 -8v-8h28v32c0 18 14 32 32 32h120c18 0 32 -14 32 -32v-32h28v8c0 4 4 8 8 8h32c4 0 8 -4 8 -8v-8h8z
-M272 320v28c0 4 -4 8 -8 8h-112c-4 0 -8 -4 -8 -8v-28h128z" />
-    <glyph glyph-name="ion-ios-cloud-circle" unicode="&#xf152;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM291 128c25 0 45 21 45 47c0 23 -16 42 -38 46c-4 38 -34 67 -72 67c-26 0 -49 -14 -62 -34c-4 2 -10 4 -15 4c-20 0 -36 -17 -36 -37c-20 -6 -33 -25 -33 -46c0 -26 20 -47 45 -47
-h166z" />
-    <glyph glyph-name="ion-md-trophy" unicode="&#xf39b;" 
-d="M344 343h72c0 -62 -13 -108 -21 -127s-34 -52 -59 -70c-24 -17 -95 -53 -104 -58v-28c3 -9 17 -28 78 -28h26v-48h-256v48h21c60 0 78 18 83 28v28c-9 4 -74 35 -104 58c-32 25 -48 46 -59 70s-21 59 -21 127h71c-1 27 0 56 0 57h273c0 -1 1 -30 0 -57zM62 236
-c10 -20 24 -37 41 -51c-11 26 -19 58 -26 97c-1 5 -1 10 -2 16h-29c2 -24 7 -44 16 -62zM354 236c9 18 14 38 16 62h-29c-1 -6 -1 -11 -2 -16c-7 -40 -15 -71 -26 -97c18 14 31 31 41 51z" />
-    <glyph glyph-name="ion-md-apps" unicode="&#xf27a;" horiz-adv-x="320" 
-d="M0 272v80h80v-80h-80zM120 32v80h80v-80h-80zM0 32v80h80v-80h-80zM0 152v80h80v-80h-80zM120 152v80h80v-80h-80zM240 352h80v-80h-80v80zM120 272v80h80v-80h-80zM240 152v80h80v-80h-80zM240 32v80h80v-80h-80z" />
-    <glyph glyph-name="ion-md-mail-open" unicode="&#xf321;" horiz-adv-x="448" 
-d="M448 246v-203c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v203c0 15 8 30 20 37l204 101l204 -101c13 -7 20 -22 20 -37zM224 144l171 112l-171 85l-171 -85z" />
-    <glyph glyph-name="ion-md-cart" unicode="&#xf2b4;" 
-d="M122 70c23 0 41 -18 41 -41s-18 -42 -41 -42s-42 19 -42 42s19 41 42 41zM0 397h68l19 -42h308c11 0 21 -9 21 -20c0 -4 -1 -8 -2 -10l-75 -129c-7 -14 -20 -22 -36 -22h-155l-21 -32s-2 -5 -2 -6c0 -3 2 -5 5 -5h238v-40h-243c-26 0 -45 14 -45 42c0 7 2 15 5 20l31 51
-l-74 151h-42v42zM326 70c23 0 42 -18 42 -41s-19 -42 -42 -42s-41 19 -41 42s18 41 41 41z" />
-    <glyph glyph-name="ion-md-archive" unicode="&#xf27c;" 
-d="M406 348c7 -7 10 -17 10 -29v-289c0 -25 -21 -46 -46 -46h-324c-25 0 -46 21 -46 46v289c0 12 3 22 10 29l33 39c6 8 16 13 26 13h278c10 0 20 -5 26 -13zM208 65l127 127h-81v46h-92v-46h-81zM49 354h317l-22 23h-277z" />
-    <glyph glyph-name="ion-logo-whatsapp" unicode="&#xf2c5;" horiz-adv-x="448" 
-d="M228 416c121 0 220 -97 220 -218s-99 -218 -220 -218c-39 0 -74 10 -106 27l-122 -39l40 117c-20 33 -32 72 -32 113c0 121 99 218 220 218zM337 115c5 13 6 24 5 26s-5 4 -11 7s-32 18 -37 20s-9 2 -13 -3s-16 -17 -19 -21s-6 -4 -12 -1s-23 10 -44 30
-c-16 15 -27 33 -30 39s0 9 3 12c3 2 6 6 9 9s4 5 6 9s1 7 0 10s-12 31 -16 42s-10 11 -13 11h-10s-10 -2 -15 -7s-21 -19 -22 -46s18 -54 21 -58s37 -64 93 -88s57 -17 67 -16s33 12 38 25z" />
-    <glyph glyph-name="ion-md-paw" unicode="&#xf342;" 
-d="M412 282c7 -15 5 -34 -3 -52c-11 -23 -34 -38 -56 -38c-6 0 -11 1 -16 3c-24 9 -32 39 -18 70c11 25 33 42 55 42c5 0 9 -1 14 -3c10 -4 19 -12 24 -22zM97 265c14 -31 6 -61 -18 -70c-5 -2 -11 -3 -16 -3c-22 0 -45 15 -56 38c-9 17 -9 37 -2 52c5 10 13 18 23 22
-c5 2 9 3 14 3c22 0 44 -17 55 -42zM146 269c-30 1 -57 28 -61 61c-3 20 4 40 17 54c9 9 20 15 33 16h7c29 -1 50 -26 54 -60c3 -22 -1 -43 -14 -57c-8 -8 -18 -13 -30 -14h-6zM208 224c69 0 139 -97 139 -176c0 -24 -12 -43 -24 -51c-14 -10 -24 -13 -45 -13
-c-13 0 -22 2 -28 6c-12 7 -26 10 -40 10h-4c-14 0 -28 -3 -40 -10c-6 -4 -15 -6 -28 -6c-21 0 -31 3 -45 13c-12 8 -24 27 -24 51c0 79 70 176 139 176zM265 269c-12 1 -23 6 -31 14c-13 14 -17 35 -14 57c4 34 26 59 55 60h6c13 -1 24 -7 33 -16c13 -13 20 -34 17 -54
-c-4 -34 -30 -60 -60 -61h-6z" />
-    <glyph glyph-name="ion-md-tablet-landscape" unicode="&#xf38c;" horiz-adv-x="448" 
-d="M0 328c0 13 11 24 24 24h400c13 0 24 -11 24 -24v-272c0 -13 -11 -24 -24 -24h-400c-13 0 -24 11 -24 24v272zM384 320h-336v-256h336v256zM430 192c0 8 -6 14 -14 14s-14 -6 -14 -14s6 -14 14 -14s14 6 14 14z" />
-    <glyph glyph-name="ion-md-mail" unicode="&#xf322;" horiz-adv-x="448" 
-d="M405 368c23 0 43 -20 43 -43v-266c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v266c0 23 20 43 43 43h362zM400 277v43l-176 -117l-176 117v-43l176 -117z" />
-    <glyph glyph-name="ion-ios-git-compare" unicode="&#xf185;" horiz-adv-x="448" 
-d="M202 120l59 -59c4 -4 7 -10 7 -16s-3 -11 -7 -15l-57 -58c-3 -3 -6 -4 -10 -4s-7 2 -10 4v0c-5 6 -5 15 0 20l40 40h-90c-34 0 -58 16 -70 45c-9 23 -9 50 -9 65v136c-15 3 -28 11 -38 22c-11 13 -17 29 -17 46c0 39 31 70 70 70s70 -31 70 -70c0 -17 -6 -34 -18 -47
-c-10 -11 -24 -19 -39 -22v-135c0 -17 1 -42 9 -59c8 -16 22 -23 42 -23h89l-41 40v0c-3 3 -4 6 -4 10s1 7 4 10s6 4 10 4s7 -1 10 -4zM70 304c23 0 42 19 42 42s-19 42 -42 42s-42 -19 -42 -42s19 -42 42 -42zM393 106c14 -3 28 -11 38 -22c11 -13 17 -29 17 -46
-c0 -39 -31 -70 -70 -70s-70 31 -70 70c0 17 6 34 18 47c10 11 24 19 39 22v135c0 17 -1 41 -9 58c-8 16 -22 24 -42 24h-89l41 -40v0c3 -3 4 -6 4 -10s-1 -7 -4 -10s-6 -4 -10 -4s-7 1 -10 4l-59 59c-4 4 -7 10 -7 16s3 11 7 15l57 58c3 3 6 4 10 4s7 -2 10 -4v0
-c5 -6 5 -15 0 -20l-40 -40h90c34 0 58 -16 70 -45c9 -23 9 -50 9 -65v-136zM378 -4c23 0 42 19 42 42s-19 42 -42 42s-42 -19 -42 -42s19 -42 42 -42z" />
-    <glyph glyph-name="ion-ios-radio" unicode="&#xf1f9;" horiz-adv-x="448" 
-d="M28 192c0 -51 19 -98 54 -136c3 -3 4 -6 4 -10s-1 -7 -4 -10c-3 -2 -6 -4 -10 -4s-7 1 -10 4c-40 43 -62 98 -62 156c0 59 22 113 62 156c3 3 6 4 10 4s7 -1 10 -4c6 -6 5 -14 0 -20c-35 -38 -54 -85 -54 -136zM386 348c40 -43 62 -98 62 -156s-22 -112 -62 -155
-c-3 -3 -6 -5 -10 -5s-8 1 -10 4c-6 6 -5 14 0 20c35 38 54 85 54 136s-19 98 -54 136c-3 3 -4 6 -4 10s1 7 4 10c3 2 6 4 10 4v0c4 0 7 -1 10 -4zM127 100v0c3 -3 4 -6 4 -10s-1 -6 -4 -9s-6 -5 -10 -5s-7 2 -10 5v0v0c-29 30 -45 68 -45 110c0 43 17 83 47 113
-c3 3 6 4 10 4v0c4 0 7 -2 10 -5c5 -6 6 -14 0 -19c-25 -24 -39 -58 -39 -93c0 -34 13 -67 37 -91v0zM339 304c30 -30 47 -70 47 -112s-16 -81 -45 -111c-2 -3 -6 -5 -10 -5s-7 2 -10 5c-5 5 -5 14 0 19c24 24 37 58 37 92c0 35 -14 68 -39 92v0v0c-6 6 -5 14 0 19
-c3 3 6 5 10 5v0c4 0 7 -1 10 -4zM175 265c5 -6 5 -15 0 -20c-14 -14 -23 -33 -23 -53s8 -39 22 -53c3 -3 4 -6 4 -10s-1 -7 -4 -10s-6 -4 -10 -4s-7 1 -10 4c-19 19 -30 45 -30 72c0 28 11 54 31 74c3 3 6 4 10 4v0c4 0 7 -1 10 -4zM294 265c20 -20 30 -46 30 -74
-c0 -27 -10 -53 -29 -72c-3 -3 -6 -4 -10 -4s-7 1 -10 4s-4 6 -4 10s1 7 4 10c14 14 21 32 21 52s-8 40 -22 54c-6 6 -5 15 0 20c3 3 6 4 10 4v0c4 0 7 -1 10 -4zM224 230c21 0 38 -17 38 -38s-17 -38 -38 -38s-38 17 -38 38s17 38 38 38z" />
-    <glyph glyph-name="ion-md-rose" unicode="&#xf372;" 
-d="M213 233c-32 41 -61 76 -95 93c-14 7 -24 11 -30 14c86 25 120 76 120 76s35 -52 119 -78c-2 -1 -15 -3 -23 -8c-43 -25 -67 -56 -91 -97zM198 195c60 -92 109 -130 145 -158c-27 -41 -77 -69 -135 -69c-86 0 -156 62 -156 138c0 41 2 136 -52 215c83 0 138 -34 198 -126
-zM416 321c-69 -101 -52 -174 -52 -215c0 -13 -2 -25 -6 -37c-8 6 -16 14 -27 24c-22 22 -57 58 -96 110c21 42 53 77 96 103c30 18 85 15 85 15z" />
-    <glyph glyph-name="ion-md-build" unicode="&#xf2a6;" horiz-adv-x="448" 
-d="M442 50c8 -6 8 -21 -2 -29l-47 -47c-8 -8 -20 -8 -28 0l-185 186c-47 -18 -101 -8 -140 31c-41 41 -51 102 -27 151l90 -88l61 62l-88 88c49 22 110 14 151 -27c39 -39 48 -94 30 -141z" />
-    <glyph glyph-name="ion-ios-chatboxes" unicode="&#xf3fa;" 
-d="M378 278c21 0 38 -17 38 -38v-155c0 -21 -21 -38 -42 -38h-1c-6 0 -10 -2 -10 -8v-50c0 -5 -5 -6 -9 -3l-63 58c-2 2 -5 3 -8 3h-127c-21 0 -38 17 -38 38v155c0 21 17 38 38 38h222zM126 302c-18 0 -32 -14 -32 -32v-100h-61c-18 0 -33 14 -33 32v165c0 18 15 33 33 33
-h238c18 0 33 -15 33 -33v-65h-178z" />
-    <glyph glyph-name="ion-ios-transgender" unicode="&#xf259;" 
-d="M402 280c-8 0 -13 6 -13 13v60l-73 -72c34 -31 53 -74 53 -120c0 -31 -9 -60 -25 -86l20 -19l29 29c2 3 5 4 9 4s7 -1 10 -4c5 -5 5 -14 0 -19l-29 -30l29 -29c5 -5 5 -14 0 -19c-2 -3 -6 -4 -10 -4s-6 1 -9 4l-29 29l-30 -29c-2 -3 -5 -4 -9 -4s-7 1 -10 4
-c-5 5 -5 14 0 19l29 29l-16 17c-31 -34 -74 -53 -120 -53c-43 0 -84 17 -114 47s-47 71 -47 114c0 46 19 89 53 120l-17 16l-30 -30c-2 -3 -5 -4 -9 -4s-7 1 -10 4c-5 5 -5 14 0 19l30 30l-37 37v-60c0 -8 -5 -13 -13 -13s-14 5 -14 13v93c0 8 6 14 14 14h93
-c8 0 14 -6 14 -14s-6 -13 -14 -13h-60l37 -37l28 28c2 3 6 4 10 4s6 -1 9 -4c5 -5 5 -14 0 -19l-28 -29l19 -19c26 16 55 25 86 25s60 -9 86 -25l75 76h-60c-8 0 -13 5 -13 13s5 14 13 14h93c8 0 14 -6 14 -14v-93c0 -8 -6 -13 -14 -13zM342 161c0 36 -14 70 -39 95
-s-59 39 -95 39s-70 -14 -95 -39s-39 -59 -39 -95s14 -70 39 -95s59 -39 95 -39s70 14 95 39s39 59 39 95z" />
-    <glyph glyph-name="ion-ios-train" unicode="&#xf258;" horiz-adv-x="288" 
-d="M282 -8c6 -5 6 -14 0 -20c-3 -3 -6 -4 -10 -4s-7 1 -10 4l-14 14h-208l-14 -14c-3 -3 -6 -4 -10 -4s-7 1 -10 4c-5 6 -6 15 0 20l50 48c6 5 15 6 20 0s6 -15 0 -20l-6 -6h148l-6 6c-6 5 -5 14 0 20s14 5 20 0zM225 400c35 0 63 -28 63 -63v-236c0 -35 -144 -65 -144 -65
-s-144 30 -144 65v236c0 35 30 63 65 63h15c0 9 7 16 16 16h96c9 0 16 -7 16 -16h17zM144 96c26 0 48 22 48 48s-22 48 -48 48s-48 -22 -48 -48s22 -48 48 -48zM240 256v64c0 9 -7 16 -16 16h-160c-9 0 -16 -7 -16 -16v-64c0 -9 7 -16 16 -16h160c9 0 16 7 16 16zM114 144
-c0 17 13 30 30 30s30 -13 30 -30s-13 -30 -30 -30s-30 13 -30 30z" />
-    <glyph glyph-name="ion-md-checkmark-circle-outline" unicode="&#xf2ba;" 
-d="M123 232l64 -64l179 178l29 -29l-208 -208l-93 93zM374 192h42c0 -114 -94 -208 -208 -208s-208 94 -208 208s94 208 208 208c28 0 54 -6 78 -16l-32 -32c-15 4 -30 6 -46 6c-92 0 -166 -74 -166 -166s74 -166 166 -166s166 74 166 166z" />
-    <glyph glyph-name="ion-md-umbrella" unicode="&#xf39c;" 
-d="M362 204c-17 0 -32 -11 -37 -26h-20c-6 14 -21 26 -38 26c-18 0 -40 -6 -42 -32v-119c0 -15 -1 -37 -14 -50c-10 -10 -23 -19 -43 -19c-36 0 -60 26 -60 61v21h43v-21c0 -14 10 -16 17 -16c14 0 13 15 13 24v118c-1 18 -16 33 -34 33c-16 0 -29 -11 -33 -26h-20
-c-5 15 -19 26 -36 26c-13 0 -29 -11 -36 -26h-22v4c0 106 77 193 181 203c3 9 11 15 21 15s19 -6 22 -15c50 -5 97 -29 133 -66c38 -39 59 -91 59 -141h-20c-7 15 -22 26 -34 26z" />
-    <glyph glyph-name="ion-md-trending-down" unicode="&#xf399;" horiz-adv-x="448" 
-d="M448 51h-134l51 51l-109 110l-90 -90l-166 166l32 32l134 -134l90 89l141 -141l51 52v-135z" />
-    <glyph glyph-name="ion-md-git-branch" unicode="&#xf2fa;" horiz-adv-x="320" 
-d="M320 288c0 -24 -13 -44 -32 -55v-9c0 -42 -19 -76 -55 -99c-23 -15 -53 -25 -92 -31c-20 -3 -28 -14 -30 -19c10 -11 17 -26 17 -43c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v210c-19 11 -32 31 -32 55c0 35 29 64 64 64s64 -29 64 -64
-c0 -24 -13 -44 -32 -55v-150c10 5 21 9 35 11c29 4 53 11 68 21c18 11 25 25 25 45v9c-19 11 -32 31 -32 55c0 35 29 64 64 64s64 -29 64 -64zM64 392c-22 0 -40 -18 -40 -40s18 -40 40 -40s40 18 40 40s-18 40 -40 40zM64 -8c22 0 40 18 40 40s-18 40 -40 40
-s-40 -18 -40 -40s18 -40 40 -40zM256 248c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40z" />
-    <glyph glyph-name="ion-ios-jet" unicode="&#xf1a5;" 
-d="M416 400c0 0 -1 -19 -27 -53c-12 -15 -121 -162 -121 -162l8 -160l-36 -41l-52 102l-10 -8l-4 -82l-33 -6l-48 60l-53 -26l26 53l-60 48l6 33l82 4l8 10l-102 52l41 36l160 -8s146 109 162 121c33 26 53 27 53 27z" />
-    <glyph glyph-name="ion-ios-school" unicode="&#xf209;" horiz-adv-x="448" 
-d="M64 178c0 6 7 10 12 7l132 -75c2 -2 4 -4 4 -7v-94c0 -6 -7 -10 -12 -7l-132 76c-2 2 -4 4 -4 7v93zM248 2c-5 -3 -12 1 -12 7v94c0 3 2 6 4 7l132 76c5 3 12 -1 12 -7v-94c0 -3 -2 -6 -4 -7zM216 383c5 3 11 3 16 0l212 -129c2 -2 4 -5 4 -8v-171c0 -7 -6 -10 -10 -10v0
-c-7 0 -11 3 -11 10v153c0 6 -2 10 -7 7l-188 -108c-5 -3 -11 -3 -16 0l-212 118c-5 3 -5 11 0 14z" />
-    <glyph glyph-name="ion-ios-magnet" unicode="&#xf1b4;" 
-d="M414 186c2 -2 2 -6 0 -8l-57 -58c-2 -2 -7 -2 -9 0l-163 163c-13 13 -28 20 -42 22s-26 -2 -36 -12s-15 -23 -13 -37s10 -28 23 -41l163 -163c2 -2 2 -7 0 -9l-58 -57c-1 -1 -2 -2 -4 -2s-3 1 -4 2l-173 172c-27 27 -41 62 -41 100s14 74 41 101s63 41 101 41
-s73 -14 100 -41zM228 68l-30 -30l20 -20l30 30zM352 152l30 30l-20 20l-30 -30z" />
-    <glyph glyph-name="ion-ios-flash" unicode="&#xf17e;" horiz-adv-x="256" 
-d="M248 224c6 0 11 -8 7 -14l-184 -240c-3 -4 -8 -1 -7 3l52 187h-108c-6 0 -10 7 -6 13l183 241c3 4 8 1 7 -3l-52 -187h108z" />
-    <glyph glyph-name="ion-logo-twitch" unicode="&#xf2af;" 
-d="M32 416h384v-272l-112 -112h-80l-64 -64h-64v64h-96v304zM368 160v208h-304v-272h80v-64l64 64h96zM272 176v129h48v-129h-48zM160 176v129h48v-129h-48z" />
-    <glyph glyph-name="ion-md-disc" unicode="&#xf2e0;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 98c52 0 94 42 94 94s-42 94 -94 94s-94 -42 -94 -94s42 -94 94 -94zM208 213c11 0 21 -10 21 -21s-10 -21 -21 -21s-21 10 -21 21s10 21 21 21z" />
-    <glyph glyph-name="ion-md-cube" unicode="&#xf2dd;" horiz-adv-x="448" 
-d="M435 280c7 0 13 -6 13 -12v-183c0 -9 -6 -19 -14 -23v0l-175 -92v-1c-2 -1 -4 -1 -6 -1c-7 0 -13 6 -13 12v185c0 9 4 17 12 22h1l177 92c2 1 3 1 5 1zM422 330c0 0 8 -4 8 -10c0 -8 -8 -11 -8 -11l-185 -98c-4 -2 -8 -3 -13 -3c-4 0 -9 1 -13 3l-185 97s-8 5 -8 12
-c0 6 8 10 8 10l182 81s10 5 16 5s17 -5 17 -5zM196 187c8 -5 12 -13 12 -22v-185c0 -6 -6 -12 -13 -12c-2 0 -4 1 -6 2l-175 92v1c-8 4 -14 13 -14 22v183c0 6 6 12 13 12c2 0 3 0 5 -1z" />
-    <glyph glyph-name="ion-md-log-in" unicode="&#xf31e;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208c-43 0 -84 13 -119 38c-34 24 -60 57 -75 96l-4 10h46l2 -5c8 -18 19 -34 33 -48c31 -31 73 -48 117 -48s86 17 117 48s48 73 48 117s-17 86 -48 117s-73 48 -117 48s-86 -17 -117 -48c-14 -14 -25 -30 -33 -48l-2 -5
-h-46l4 10c15 39 41 72 75 96c35 24 76 38 119 38zM0 171v42h190l-45 45l31 30l96 -96l-96 -96l-30 30l44 45h-190z" />
-    <glyph glyph-name="ion-md-happy" unicode="&#xf305;" 
-d="M208 400c114 0 208 -94 208 -208s-93 -208 -208 -208s-208 94 -208 208s93 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166zM281 213c-18 0 -31 13 -31 31s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31zM135 213
-c-18 0 -31 13 -31 31s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31zM208 78c-49 0 -89 29 -106 72h212c-17 -43 -57 -72 -106 -72z" />
-    <glyph glyph-name="ion-logo-npm" unicode="&#xf195;" horiz-adv-x="512" 
-d="M228 178v57h28v-57h-28zM0 292h512v-171h-256v-29h-114v29h-142v171zM142 149v114h-114v-114h57v86h29v-86h28zM284 149v114h-113v-143h57v29h56zM484 149v0v114h-171v-114h57v86h28v-86h29v86h28v-86h29z" />
-    <glyph glyph-name="ion-md-watch" unicode="&#xf3a6;" horiz-adv-x="320" 
-d="M320 192c0 -51 -24 -96 -61 -125l-19 -115h-160l-19 115c-37 29 -61 74 -61 125s24 96 61 125l19 115h160l19 -115c37 -29 61 -74 61 -125zM40 192c0 -66 54 -120 120 -120s120 54 120 120s-54 120 -120 120s-120 -54 -120 -120z" />
-    <glyph glyph-name="ion-md-notifications" unicode="&#xf338;" horiz-adv-x="352" 
-d="M176 -16c-23 0 -41 19 -41 42h82c0 -23 -18 -42 -41 -42zM311 109l41 -42v-21h-352v21l41 42v114c0 63 45 117 104 131v15c0 18 13 31 31 31s31 -13 31 -31v-15c59 -14 104 -68 104 -131v-114z" />
-    <glyph glyph-name="ion-md-bookmarks" unicode="&#xf2a0;" horiz-adv-x="384" 
-d="M341 384c24 0 43 -19 43 -43v-298c0 -24 -19 -43 -43 -43h-21c16 5 23 21 23 43v298c0 22 -8 37 -23 43h21zM282 384c22 -2 38 -21 38 -43v-298c0 -22 -16 -41 -38 -43h-5h-234c-24 0 -43 19 -43 43v298c0 24 19 43 43 43h234h5zM144 192v160h-112v-160l56 32z" />
-    <glyph glyph-name="ion-ios-volume-mute" unicode="&#xf263;" horiz-adv-x="160" 
-d="M151 302c6 -3 9 -8 9 -14v-192c0 -6 -3 -11 -9 -14c-2 -1 -5 -2 -7 -2c-4 0 -7 2 -10 4l-65 52h-53c-9 0 -16 7 -16 16v80c0 9 7 16 16 16h53l65 52c3 2 6 4 10 4c2 0 5 -1 7 -2z" />
-    <glyph glyph-name="ion-ios-male" unicode="&#xf1b9;" 
-d="M402 400c8 0 14 -6 14 -14v-108c0 -8 -6 -14 -14 -14s-13 6 -13 14v75l-91 -90c26 -31 40 -70 40 -110c0 -23 -4 -45 -13 -66c-8 -20 -20 -37 -36 -53s-34 -29 -54 -37c-21 -9 -43 -13 -66 -13s-45 4 -66 13c-20 8 -37 21 -53 37s-29 33 -37 53c-9 21 -13 43 -13 66
-s4 45 13 66c8 20 21 38 37 54s33 28 53 36c21 9 43 13 66 13c40 0 79 -14 110 -40l90 91h-75c-8 0 -14 5 -14 13s6 14 14 14h108zM311 153c0 38 -15 73 -42 100s-62 42 -100 42s-73 -15 -100 -42s-42 -62 -42 -100s15 -73 42 -100s62 -42 100 -42s73 15 100 42s42 62 42 100
-z" />
-    <glyph glyph-name="ion-ios-cut" unicode="&#xf16a;" horiz-adv-x="360" 
-d="M232 171c-25 -33 -38 -42 -38 -42l-14 -9c-7 -4 -20 -14 -29 -28c-14 -23 -25 -55 -26 -58c-4 -14 -12 -26 -22 -35c-11 -10 -25 -15 -39 -15c-17 0 -34 8 -46 22c-12 13 -18 31 -18 49s6 36 18 49c12 14 28 22 46 22c12 0 24 -4 34 -11l10 20c3 7 7 15 11 22
-c2 4 5 9 9 15c3 5 6 9 9 14c8 12 15 22 15 23v0l15 20v0l3 4l10 13l114 154c6 0 15 -2 20 -7c12 -11 19 -23 19 -41c0 -13 -4 -28 -11 -46c-10 -24 -64 -102 -90 -135zM64 27c13 0 24 12 24 28c0 15 -11 28 -24 28s-24 -13 -24 -28s11 -28 24 -28zM180 160c9 0 16 7 16 16
-s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM116 188c-35 48 -69 97 -78 118c-7 18 -11 32 -11 46c0 18 7 35 19 44c4 3 10 4 19 4l105 -141l-47 -65c-2 -3 -3 -6 -5 -9c-1 1 -1 2 -2 3zM296 126c35 0 64 -32 64 -71s-29 -71 -64 -71c-14 0 -28 5 -39 15
-c-10 9 -18 21 -22 35c-1 3 -12 35 -26 58c-5 7 -10 12 -15 17l36 33l11 14c4 -7 7 -14 10 -21c4 -8 8 -14 11 -20c10 7 22 11 34 11zM296 27c13 0 24 12 24 28c0 15 -11 28 -24 28s-24 -13 -24 -28s11 -28 24 -28z" />
-    <glyph glyph-name="ion-ios-paper-plane" unicode="&#xf1dd;" 
-d="M404 399c6 3 14 -2 12 -9l-82 -400c-1 -6 -7 -8 -12 -4l-99 72c-4 3 -9 2 -12 -2l-38 -45c-4 -6 -10 -4 -11 3l11 78c1 7 3 12 7 18l179 219c2 3 0 6 -3 7c-2 0 -3 0 -4 -1l-208 -203c-4 -5 -7 -11 -7 -18l8 -91c0 -5 -9 -3 -10 2l-53 109c-2 4 -5 6 -9 8l-68 26
-c-6 3 -7 12 -1 15z" />
-    <glyph glyph-name="ion-md-eye-off" unicode="&#xf2e8;" horiz-adv-x="448" 
-d="M224 303c-13 0 -25 -2 -37 -7l-44 44c25 9 53 14 81 14c102 0 189 -63 224 -152c-15 -38 -39 -70 -70 -96l-59 59c5 12 7 24 7 37c0 56 -46 101 -102 101zM20 358l26 26l362 -358l-26 -26l-60 59l-9 9c-28 -11 -57 -18 -89 -18c-102 0 -189 63 -224 152
-c16 40 42 75 76 101l-9 9zM133 247c-7 -14 -11 -29 -11 -45c0 -56 46 -101 102 -101c16 0 31 4 45 11l-32 31c-4 -1 -9 -1 -13 -1c-34 0 -61 26 -61 60c0 4 1 9 2 13zM221 262h3c34 0 61 -26 61 -60v-3z" />
-    <glyph glyph-name="ion-md-code" unicode="&#xf2ce;" horiz-adv-x="448" 
-d="M158 94l-30 -30l-128 128l128 128l30 -30l-98 -98zM290 94l98 98l-98 98l30 30l128 -128l-128 -128z" />
-    <glyph glyph-name="ion-logo-foursquare" unicode="&#xf237;" horiz-adv-x="320" 
-d="M281 416c35 0 45 -20 37 -57c-10 -49 -40 -202 -43 -213c-3 -13 -8 -34 -39 -34h-72c-3 0 -3 0 -6 -3c-2 -2 -115 -133 -115 -133c-9 -10 -23 -8 -28 -6s-15 8 -15 26v380s10 40 43 40h238zM275 146c3 11 33 164 43 213zM267 351c2 9 -5 16 -12 16h-191
-c-9 0 -15 -8 -15 -15v-296c0 -1 1 -1 2 0c0 0 70 84 78 94s11 11 23 11h64c9 0 14 8 15 12s8 43 10 51s-6 16 -13 16h-82c-10 0 -18 8 -18 18v13c0 10 8 17 18 17h96s14 6 15 12z" />
-    <glyph glyph-name="ion-logo-facebook" unicode="&#xf236;" horiz-adv-x="384" 
-d="M363 384c12 0 21 -9 21 -21v-342c0 -12 -9 -21 -21 -21h-107v152h50l7 56h-57v36c0 17 5 28 29 28h35v52c-5 1 -28 2 -49 2c-44 0 -79 -27 -79 -77v-41h-46v-56h46v-152h-171c-12 0 -21 9 -21 21v342c0 12 9 21 21 21h342z" />
-    <glyph glyph-name="ion-md-today" unicode="&#xf17d;" horiz-adv-x="384" 
-d="M341 416c24 0 43 -19 43 -43v-362c0 -24 -19 -43 -43 -43h-298c-24 0 -43 19 -43 43v362c0 24 19 43 43 43h298zM337 11c2 0 4 2 4 4v354c0 2 -2 4 -4 4h-290c-2 0 -4 -2 -4 -4v-354c0 -2 2 -4 4 -4h290zM81 254c0 1 1 2 2 2h218c1 0 2 -1 2 -2v-204c0 -1 -1 -2 -2 -2
-h-218c-1 0 -2 1 -2 2v204zM81 333c0 1 1 2 2 2h171c1 0 2 -1 2 -2v-34c0 -1 -1 -2 -2 -2h-171c-1 0 -2 1 -2 2v34z" />
-    <glyph glyph-name="ion-ios-umbrella" unicode="&#xf25f;" 
-d="M359 310c36 -43 56 -86 57 -144c0 -2 -1 -3 -2 -4s-2 -2 -4 -2h-2c-3 0 -4 1 -5 4c-3 10 -8 20 -16 26c-8 7 -17 10 -27 10s-18 -4 -26 -10s-13 -16 -16 -26c-1 -3 -3 -4 -6 -4h-5c-3 0 -4 1 -5 4c-3 10 -8 20 -16 26s-17 10 -27 10c-15 0 -29 -9 -37 -23v-147
-c0 -25 -19 -46 -44 -46s-45 21 -45 46c0 8 5 14 13 14s14 -6 14 -14c0 -10 8 -18 18 -18s17 8 17 18v148c-8 14 -22 22 -37 22c-20 0 -36 -15 -42 -36c-1 -3 -3 -4 -6 -4h-5c-3 0 -4 1 -5 4c-3 10 -8 20 -16 26c-8 7 -17 10 -27 10s-19 -4 -27 -10s-13 -16 -16 -26
-c-1 -3 -2 -4 -5 -4h-3c-3 0 -6 3 -6 6v2c0 58 20 102 56 144c35 41 81 66 132 71c2 10 10 17 20 17s18 -7 20 -17c50 -5 96 -31 131 -73z" />
-    <glyph glyph-name="ion-md-flag" unicode="&#xf2ef;" horiz-adv-x="320" 
-d="M300 365c8 1 15 2 20 3v-20v-188c-6 -1 -12 -2 -20 -3c-14 -2 -30 -4 -48 -4c-31 0 -59 6 -87 12c-27 6 -53 15 -80 15c-15 0 -27 -1 -37 -2v-178h-28h-20v171v53v141v3l4 3c2 1 22 13 81 13c29 0 57 -5 84 -11c26 -5 52 -12 81 -12c18 0 36 2 50 4z" />
-    <glyph glyph-name="ion-logo-euro" unicode="&#xf235;" horiz-adv-x="320" 
-d="M138 176h124l-7 -48h-117v-13c0 -44 15 -63 79 -63c26 0 56 3 93 9l10 -65c-38 -9 -71 -12 -106 -12c-115 0 -164 41 -164 117v27h-50v48h50v48h-50v48h50v11c0 76 49 117 164 117c35 0 68 -3 106 -12l-10 -65c-37 6 -67 9 -93 9c-64 0 -79 -22 -79 -58v-2h138l-7 -48
-h-131v-48z" />
-    <glyph glyph-name="ion-md-musical-notes" unicode="&#xf333;" horiz-adv-x="384" 
-d="M96 384h288v-315c0 -41 -32 -69 -70 -69s-69 27 -69 65s31 65 69 65c9 0 19 -1 27 -4v122h-202v-179c0 -41 -32 -69 -70 -69s-69 27 -69 65s31 65 69 65c9 0 19 -1 27 -4v258zM341 288v53h-202v-53h202z" />
-    <glyph glyph-name="ion-logo-javascript" unicode="&#xf23f;" horiz-adv-x="448" 
-d="M176 360v0v-213c0 -97 -49 -131 -121 -131c-18 0 -40 3 -55 8l8 62c10 -4 24 -6 39 -6c31 0 49 15 49 68v212h80zM350 368v0c38 0 65 -7 85 -16l-19 -64c-13 7 -35 17 -67 17s-48 -16 -48 -33c0 -22 19 -31 62 -48c58 -22 85 -53 85 -102c0 -57 -42 -106 -133 -106
-c-38 0 -72 10 -91 21l15 63v0c20 -11 49 -21 81 -21c34 0 52 15 52 38c0 21 -15 33 -55 47c-55 20 -93 52 -93 102c0 58 49 102 126 102z" />
-    <glyph glyph-name="ion-md-paper" unicode="&#xf33f;" horiz-adv-x="448" 
-d="M432 384c9 0 16 -7 16 -16v-286c0 -45 -37 -82 -82 -82h-280c-47 0 -86 38 -86 86v208c0 23 19 42 42 42h102v32c0 9 7 16 16 16h272zM144 304h-45c2 -6 3 -12 3 -19v-173h42v192zM127 49c9 9 15 19 17 31h-58c-9 0 -16 7 -16 16v189c0 11 -8 19 -19 19s-19 -8 -19 -19
-v-199c0 -14 6 -28 16 -38s24 -16 38 -16c15 0 30 6 41 17zM416 82v269h-240v-15v-250c0 -21 -8 -39 -21 -54h211c13 0 25 5 35 15s15 22 15 35zM216 256v56h160v-56h-160zM216 192v32h160v-32h-160zM216 128v32h160v-32h-160zM376 96c0 -11 0 -32 -19 -32h-149
-c8 0 8 32 8 32h160z" />
-    <glyph glyph-name="ion-md-medkit" unicode="&#xf328;" 
-d="M304 304h112v-264c0 -22 -18 -40 -40 -40h-336c-22 0 -40 18 -40 40v264h112v40c0 22 18 40 40 40h112c22 0 40 -18 40 -40v-40zM152 344v-40h112v40h-112zM288 120v48h-56v56h-48v-56h-56v-48h56v-56h48v56h56z" />
-    <glyph glyph-name="ion-logo-twitter" unicode="&#xf2b0;" horiz-adv-x="472" 
-d="M472 338c-13 -20 -29 -36 -48 -50v-12c0 -128 -98 -276 -276 -276c-55 0 -105 16 -148 44c8 -1 15 -2 23 -2c45 0 87 16 120 42c-42 1 -78 29 -90 67c6 -1 12 -2 18 -2c9 0 18 2 26 4c-44 9 -78 48 -78 95v1c13 -7 28 -12 44 -12c-26 17 -43 47 -43 81c0 18 5 34 13 48
-c48 -59 119 -97 199 -101c-2 7 -2 14 -2 22c0 54 43 97 97 97c28 0 52 -12 70 -31c22 4 43 13 62 24c-7 -23 -23 -42 -43 -54c20 2 39 7 56 15z" />
-    <glyph glyph-name="ion-ios-hourglass" unicode="&#xf103;" horiz-adv-x="348" 
-d="M334 14c8 0 14 -5 14 -13s-6 -15 -14 -15h-320c-8 0 -14 7 -14 15s6 13 14 13h6c6 0 11 1 12 7v1c14 136 100 138 100 170s-85 34 -100 170v1c-1 6 -6 7 -12 7h-6c-8 0 -14 7 -14 15s6 13 14 13h320c8 0 14 -7 14 -15s-6 -13 -14 -13h-5c-6 0 -12 -1 -13 -7v-1
-c-14 -136 -100 -138 -100 -170s85 -34 100 -170v-1c1 -6 7 -7 13 -7h5zM81 48c-3 -7 -1 -16 7 -16h172c8 0 10 9 7 16c-31 79 -80 71 -80 102v55c0 19 37 33 60 65c4 5 0 12 -6 12h-133c-6 0 -11 -7 -7 -12c23 -32 60 -46 60 -65v-55c0 -32 -51 -22 -80 -102z" />
-    <glyph glyph-name="ion-md-trending-up" unicode="&#xf39a;" horiz-adv-x="448" 
-d="M314 320h134v-134l-51 51l-141 -141l-90 90l-134 -135l-32 32l166 166l90 -90l109 110z" />
-    <glyph glyph-name="ion-logo-nodejs" unicode="&#xf242;" horiz-adv-x="384" 
-d="M192 -32c-6 0 -12 2 -17 5l-53 32c-8 5 -4 6 -1 7c11 4 14 5 25 12c1 1 3 1 4 0l39 -23c1 -1 4 -1 5 0l156 92c1 1 2 2 2 4v187c0 2 0 4 -2 5l-156 94c-1 1 -3 1 -4 0l-155 -94c-2 -1 -3 -3 -3 -5v-187c0 -2 0 -3 2 -4l40 -24c24 -12 38 1 38 15v183c0 3 2 5 5 5h22
-c3 0 5 -2 5 -5v-183c0 -33 -19 -52 -49 -52c-9 0 -17 1 -37 11l-41 24c-10 6 -17 18 -17 30v190c0 12 7 24 17 30l158 95c10 6 24 6 34 0l158 -95c10 -6 17 -18 17 -30v-190c0 -12 -7 -24 -17 -30l-158 -94c-5 -3 -11 -5 -17 -5v0zM241 96c-65 0 -84 31 -84 59c0 3 1 5 4 5
-h21c2 0 5 -2 5 -4c3 -22 16 -31 54 -31c33 0 47 11 47 29c0 11 -3 18 -55 23c-43 4 -71 15 -71 51c0 33 28 52 73 52c46 0 76 -14 79 -51c0 -1 -1 -2 -2 -3s-2 -2 -3 -2h-20c-2 0 -5 2 -5 4c-4 17 -16 23 -49 23c-36 0 -41 -12 -41 -22c0 -12 5 -16 54 -23s72 -16 72 -51
-c0 -36 -29 -59 -79 -59v0v0z" />
-    <glyph glyph-name="ion-ios-shuffle" unicode="&#xf4a9;" horiz-adv-x="384" 
-d="M342 160l36 -36c4 -4 6 -9 6 -15s-2 -12 -6 -16l-34 -33c-3 -3 -6 -4 -10 -4s-7 1 -10 4s-4 6 -4 10s1 7 4 10l16 16h-84c-4 0 -8 2 -11 5v0l-53 67l-53 -67v0c-3 -3 -7 -5 -11 -5h-114c-8 0 -14 6 -14 14s6 14 14 14h107l53 66l-53 66h-107c-8 0 -14 6 -14 14
-s6 14 14 14h114c4 0 8 -2 11 -5v0l124 -155h75l-16 16c-3 3 -4 6 -4 10s1 7 4 10s6 4 10 4s7 -1 10 -4zM215 213l-10 12c-2 2 -2 5 0 7l40 51v0c3 3 7 5 11 5h84l-16 16c-3 3 -4 6 -4 10s1 7 4 10s6 4 10 4s7 -1 10 -4l34 -34c4 -4 6 -9 6 -15s-2 -12 -6 -16l-36 -35
-c-3 -3 -6 -4 -10 -4s-7 1 -10 4s-4 6 -4 10s1 7 4 10l16 16h-75l-38 -47c-1 -1 -3 -3 -5 -3v0c-2 0 -4 2 -5 3z" />
-    <glyph glyph-name="ion-logo-steam" unicode="&#xf24c;" horiz-adv-x="512" 
-d="M479 240c0 -20 -16 -36 -36 -36s-36 16 -36 36s16 36 36 36s36 -16 36 -36zM443 309c38 0 69 -31 69 -69s-31 -70 -69 -70l-67 -48c-2 -26 -24 -47 -51 -47c-25 0 -46 18 -51 41l-196 78c-8 -5 -16 -7 -26 -7c-28 0 -52 24 -52 52s24 52 52 52c25 0 45 -18 50 -41
-l196 -79c8 5 17 8 27 8c2 0 3 -1 5 -1l43 62c0 38 32 69 70 69zM443 286c-26 0 -47 -20 -47 -46s21 -47 47 -47s46 21 46 47s-20 46 -46 46zM52 277c-21 0 -38 -17 -38 -38s17 -38 38 -38c3 0 5 0 8 1l-16 6v0c-15 7 -22 24 -16 39s24 23 39 17v0l19 -7c-6 12 -19 20 -34 20
-zM325 165c-3 0 -6 -1 -9 -1l16 -6c16 -6 23 -24 17 -40s-23 -23 -39 -17c-6 3 -13 6 -19 8c6 -12 19 -20 34 -20c21 0 38 17 38 38s-17 38 -38 38z" />
-    <glyph glyph-name="ion-md-beaker" unicode="&#xf297;" horiz-adv-x="384" 
-d="M384 413c0 -1 -2 -3 -3 -5s-11 -15 -13 -33v-332v0v-11c0 -35 -29 -64 -64 -64h-208c-35 0 -64 29 -64 64v308c0 32 -2 32 -32 36c0 12 10 40 64 40h270h47c2 0 3 -2 3 -3zM290 16c17 0 30 14 30 32v320h-240v-325c3 -15 16 -27 32 -27h178zM118 288h164v-226
-c0 -4 -4 -8 -8 -8h-148c-4 0 -8 4 -8 8v226z" />
-    <glyph glyph-name="ion-md-arrow-dropleft" unicode="&#xf282;" horiz-adv-x="128" 
-d="M128 320v-256l-128 128z" />
-    <glyph glyph-name="ion-md-bed" unicode="&#xf160;" horiz-adv-x="384" 
-d="M105 184c-29 0 -53 23 -53 51s24 51 53 51s52 -23 52 -51s-23 -51 -52 -51zM314 286c39 0 70 -30 70 -68v-154h-35v51h-314v-51h-35v256h35v-154h139v120h140z" />
-    <glyph glyph-name="ion-md-cog" unicode="&#xf2cf;" horiz-adv-x="448" 
-d="M448 160h-35c-2 -12 -5 -24 -9 -35l30 -17l-32 -56l-30 18c-8 -9 -17 -18 -26 -26l18 -30l-56 -32l-17 30c-11 -4 -23 -7 -35 -9v-35h-64v35c-12 2 -24 5 -35 9l-17 -30l-56 32l18 30c-9 8 -18 17 -26 26l-30 -18l-32 56l30 17c-4 11 -7 23 -9 35h-35v64h35
-c2 12 5 24 9 35l-30 17l32 56l30 -18c8 9 17 18 26 26l-18 30l56 32l17 -30c11 4 23 7 35 9v35h64v-35c12 -2 24 -5 35 -9l17 30l56 -32l-18 -30c9 -8 18 -17 26 -26l30 18l32 -56l-30 -17c4 -11 7 -23 9 -35h35v-64zM224 224c-18 0 -32 -14 -32 -32s14 -32 32 -32
-s32 14 32 32s-14 32 -32 32zM109 105l32 38c-8 14 -13 31 -13 49v1l-47 17c-1 -6 -1 -12 -1 -18c0 -33 11 -63 29 -87zM150 253c11 13 25 23 42 29v50c-37 -8 -69 -31 -89 -62zM224 48c24 0 46 6 66 16l-32 38c-10 -4 -22 -6 -34 -6s-24 2 -34 6l-32 -38
-c20 -10 42 -16 66 -16zM256 282c17 -6 31 -16 42 -29l47 17c-20 31 -52 54 -89 62v-50zM339 105c18 24 29 54 29 87c0 6 0 12 -1 18l-47 -17v-1c0 -18 -5 -35 -13 -49z" />
-    <glyph glyph-name="ion-md-flask" unicode="&#xf2f2;" horiz-adv-x="384" 
-d="M373 94c8 -16 11 -32 11 -46c-1 -36 -27 -64 -63 -64h-256c-36 0 -64 28 -65 64c0 14 4 30 12 46l100 162v96h-32v48h224v-48h-32v-96zM91 144h203l-30 48h-143z" />
-    <glyph glyph-name="ion-md-bonfire" unicode="&#xf29d;" 
-d="M224 97l16 -89c1 -3 2 -5 2 -8c0 -18 -16 -32 -35 -32s-35 14 -35 32c0 2 1 5 1 7l17 93v0c2 7 9 12 17 12c9 0 16 -7 17 -15zM262 93v0v0zM356 58c10 -8 10 -25 0 -35s-29 -9 -37 0c-1 1 -3 2 -4 4l-53 66c-3 5 -2 11 2 15c5 5 12 5 18 1l69 -47c2 -1 3 -3 5 -4z
-M334 113v0v0zM402 126c10 -1 14 -7 14 -19c0 -9 -10 -14 -19 -12l-63 18v0v0c-4 2 -6 5 -5 9s5 7 9 6zM82 113v0v0zM82 113h-1l-62 -18c-9 -2 -19 3 -19 12c0 12 3 18 13 19l65 2c4 1 8 -2 9 -6s-1 -7 -5 -9v0zM134 109c5 4 13 3 18 -1c4 -4 5 -10 2 -15l-53 -65
-c-1 -2 -3 -4 -4 -5c-10 -10 -27 -10 -37 0s-10 25 0 35c2 2 3 3 5 4zM208 416c72 -22 108 -106 108 -179c0 -60 -48 -108 -108 -108s-108 48 -108 108c0 46 17 89 44 121l-1 -6c0 -28 21 -51 49 -51s46 23 46 51c0 29 -30 64 -30 64zM204 169c36 0 65 29 65 65
-c0 19 -3 37 -8 54c-14 -18 -38 -29 -62 -34s-38 -20 -38 -42c0 -23 19 -43 43 -43z" />
-    <glyph glyph-name="ion-md-git-merge" unicode="&#xf2fd;" horiz-adv-x="384" 
-d="M320 224c35 0 64 -29 64 -64s-29 -64 -64 -64c-24 0 -44 13 -55 32c-22 0 -70 4 -109 27c-21 13 -41 30 -60 49v-117c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v210c-19 11 -32 31 -32 55c0 35 29 64 64 64s64 -29 64 -64
-c0 -21 -10 -39 -26 -51c22 -37 55 -72 87 -91c23 -14 58 -18 76 -18c11 19 31 32 55 32zM24 352c0 -22 18 -40 40 -40s40 18 40 40s-18 40 -40 40s-40 -18 -40 -40zM104 32c0 22 -18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40s40 18 40 40zM320 120c22 0 40 18 40 40
-s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40z" />
-    <glyph glyph-name="ion-ios-funnel" unicode="&#xf182;" 
-d="M0 361c0 13 9 23 21 23h374c12 0 21 -10 21 -23v0c0 -6 -2 -12 -6 -16l-152 -180c-4 -4 -5 -9 -5 -15v-134c0 -11 -10 -19 -20 -15l-55 20c-9 3 -15 12 -15 22v107c0 6 -1 11 -5 15l-152 180c-4 4 -6 10 -6 16v0z" />
-    <glyph glyph-name="ion-md-close-circle-outline" unicode="&#xf166;" 
-d="M208 358c-44 0 -86 -18 -117 -49s-49 -73 -49 -117s18 -86 49 -117s73 -49 117 -49s86 18 117 49s49 73 49 117s-18 86 -49 117s-73 49 -117 49zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM312 117l-29 -29l-75 75l-75 -75
-l-29 29l75 75l-75 75l29 29l75 -75l75 75l29 -29l-75 -75z" />
-    <glyph glyph-name="ion-md-help-circle" unicode="&#xf30a;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM229 67v42h-42v-42h42zM229 130c0 46 62 52 62 104c0 46 -37 83 -83 83s-83 -37 -83 -83h41c0 22 19 42 42 42s42 -19 42 -42c0 -42 -63 -37 -63 -104h42z" />
-    <glyph glyph-name="ion-md-book" unicode="&#xf29e;" 
-d="M378 368c22 3 38 -17 38 -38v-244c0 -21 -16 -33 -38 -38l-170 -32l-170 32c-22 5 -38 17 -38 38v244c0 21 16 41 38 38l170 -32zM378 86v244l-151 -32v-244zM189 54v244l-151 32v-244z" />
-    <glyph glyph-name="ion-ios-pricetags" unicode="&#xf48f;" horiz-adv-x="448" 
-d="M371 416c15 0 28 -13 28 -28v-124c0 -4 -1 -7 -4 -10l-232 -232c-16 -14 -32 -9 -43 2l-112 113c-11 11 -11 28 0 39l235 236c3 3 6 4 10 4h118zM325 308c14 2 26 14 28 28c2 20 -14 36 -34 34c-14 -2 -25 -14 -27 -28c-2 -20 13 -36 33 -34zM424 368
-c14 -2 24 -14 24 -28v-118c0 -4 -1 -7 -4 -10l-235 -236c-11 -11 -28 -11 -39 0l-9 9l259 259c3 3 4 6 4 10v114z" />
-    <glyph glyph-name="ion-ios-move" unicode="&#xf1cb;" horiz-adv-x="448" 
-d="M444 202c6 -5 6 -15 0 -20l-79 -79c-5 -5 -15 -5 -20 0v0c-5 5 -5 15 0 20l55 55h-162l1 -162l55 55c5 5 14 5 19 0v0c5 -5 5 -15 0 -20l-79 -79c-5 -5 -15 -5 -20 0l-79 79c-5 5 -5 15 0 20v0c5 5 15 5 20 0l55 -55v162h-162l55 -55c5 -5 5 -15 0 -20v0
-c-5 -5 -15 -5 -20 0l-79 79c-5 5 -5 15 0 20l79 79c5 5 15 5 20 0v0c5 -5 5 -15 0 -20l-55 -55h162v162l-55 -55c-5 -5 -15 -5 -20 0v0c-5 5 -5 15 0 20l79 79c5 5 15 5 20 0l79 -79c5 -5 5 -15 0 -20v0c-5 -5 -14 -5 -19 0l-55 55l-1 -162h162l-55 55c-5 5 -5 15 0 20v0
-c5 5 15 5 20 0z" />
-    <glyph glyph-name="ion-ios-wallet" unicode="&#xf18b;" 
-d="M356 288c33 0 60 -27 60 -60v-168c0 -33 -27 -60 -60 -60h-296c-33 0 -60 27 -60 60v168c0 33 27 60 60 60h296zM295 383c16 3 32 -2 43 -13v0c9 -9 14 -25 14 -38v-20h-287c-34 0 -49 -19 -49 -19c0 22 26 40 44 44z" />
-    <glyph glyph-name="ion-ios-car" unicode="&#xf140;" 
-d="M368 252c26 -22 48 -46 48 -85v-76c0 -4 -2 -7 -6 -8c-15 -3 -62 -10 -202 -10s-187 7 -202 10c-4 1 -6 4 -6 8v76c0 39 24 62 48 85c15 33 49 92 100 92h120c51 0 86 -61 100 -92zM142 320c-35 0 -62 -60 -62 -70h256c0 10 -22 70 -62 70h-132zM64 116c18 0 32 14 32 32
-s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM280 148v0c0 9 -7 16 -16 16h-112c-9 0 -16 -7 -16 -16v0c0 -9 7 -16 16 -16h112c9 0 16 7 16 16zM352 116c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM112 64c0 -11 1 -24 -5 -24h-85s-6 12 -6 29
-c0 0 48 -5 96 -5zM304 64c48 0 96 5 96 5c0 -16 2 -29 -5 -29h-86s-5 14 -5 24z" />
-    <glyph glyph-name="ion-md-notifications-off" unicode="&#xf336;" horiz-adv-x="364" 
-d="M182 -16c-23 0 -41 19 -41 42h82c0 -23 -18 -42 -41 -42zM57 341l295 -295v0l12 -12l-24 -24l-36 36h-298v21l41 41v115c0 23 6 44 16 63l-63 64l24 24l33 -33v0zM317 223v-94l-208 207c13 8 27 15 42 18v15c0 18 13 31 31 31s31 -13 31 -31v-15c59 -14 104 -67 104 -131
-z" />
-    <glyph glyph-name="ion-md-school" unicode="&#xf374;" horiz-adv-x="448" 
-d="M82 167l142 -82l142 82v-85l-142 -82l-142 82v85zM224 384l224 -128v-171h-41v148l-183 -105l-224 128z" />
-    <glyph glyph-name="ion-ios-color-filter" unicode="&#xf414;" horiz-adv-x="424" 
-d="M398 199c17 -22 26 -49 26 -77c0 -34 -13 -65 -37 -89s-54 -37 -88 -37c-33 0 -64 12 -87 35c-24 -23 -54 -35 -87 -35s-64 13 -88 37s-37 55 -37 89c0 28 9 55 26 77c16 20 38 36 62 44c-1 6 -1 13 -1 19c0 34 12 65 36 89s55 37 89 37s65 -13 89 -37s36 -55 36 -89
-c0 -6 0 -13 -1 -19c24 -8 46 -23 62 -44zM212 362c-55 0 -100 -44 -100 -100c0 -5 0 -9 1 -14h12c33 0 64 -12 87 -35c24 23 54 35 87 35h12c1 5 1 9 1 14c0 56 -45 100 -100 100zM212 161h6c-2 4 -4 7 -6 11c-2 -4 -4 -7 -6 -11h6zM165 30c11 5 22 11 31 20
-c-14 21 -23 46 -23 72c0 6 1 13 2 19c-18 6 -35 16 -49 29s-25 30 -32 48c-19 -6 -36 -19 -48 -35c-14 -18 -21 -39 -21 -61c0 -56 45 -100 100 -100c14 0 27 2 40 8zM181 166c4 10 9 19 15 28c-9 9 -20 15 -31 20c-13 6 -26 9 -40 9h-5c11 -27 33 -48 61 -57zM212 72
-c9 15 14 32 14 50c0 5 -1 9 -2 14h-12h-12c-1 -5 -1 -9 -1 -14c0 -18 4 -35 13 -50zM259 214c-11 -5 -22 -11 -31 -20c6 -9 11 -18 15 -28c28 9 50 30 61 57h-5c-14 0 -27 -3 -40 -9zM299 22c55 0 100 44 100 100c0 22 -7 43 -21 61c-12 16 -29 29 -48 35
-c-7 -18 -18 -35 -32 -48s-31 -23 -49 -29c1 -6 2 -13 2 -19c0 -26 -9 -51 -23 -72c9 -9 20 -15 31 -20c13 -6 26 -8 40 -8z" />
-    <glyph glyph-name="ion-md-magnet" unicode="&#xf320;" horiz-adv-x="352" 
-d="M304 349c32 -33 48 -80 48 -135c0 -44 -1 -72 -13 -116s-33 -98 -37 -106s-9 -9 -14 -7s-48 18 -55 21s-11 10 -9 16s26 65 34 95s12 55 12 95c0 28 -10 53 -28 72c-18 18 -41 29 -66 29s-48 -11 -66 -29c-18 -19 -28 -44 -28 -72c0 -40 4 -59 12 -95c0 0 30 -86 34 -95
-c3 -7 -1 -12 -9 -16s-49 -19 -55 -21c-8 -2 -12 1 -16 9c-13 28 -35 104 -35 104c-11 47 -13 72 -13 116c0 55 16 102 48 135s76 51 128 51s96 -18 128 -51zM93 28l-27 74l-22 -6c9 -34 19 -61 26 -77zM282 19c7 16 17 43 25 77l-22 6c-8 -29 -19 -57 -26 -74z" />
-    <glyph glyph-name="ion-logo-snapchat" unicode="&#xf24b;" horiz-adv-x="480" 
-d="M480 88c0 -2 0 -11 -6 -21c-5 -8 -16 -19 -38 -24c-6 -1 -11 -3 -15 -4c-2 -1 -5 -1 -7 -1v-1c-1 -7 -1 -13 -4 -18c-2 -5 -9 -12 -22 -12c-2 0 -6 0 -9 1c-2 0 -3 1 -5 1c-7 1 -15 2 -23 2c-10 0 -19 -2 -26 -6c-4 -3 -9 -7 -14 -10c-18 -13 -38 -27 -71 -27
-s-53 14 -71 27c-5 3 -9 7 -14 10c-7 4 -15 6 -25 6c-8 0 -17 -1 -24 -2c-2 0 -3 -1 -5 -1c-3 -1 -7 -1 -9 -1c-13 0 -20 7 -22 12c-3 5 -3 11 -4 18v1c-2 0 -4 0 -6 1c-4 1 -10 3 -16 4c-22 5 -33 16 -38 24c-6 10 -6 18 -6 20v15l15 1c16 1 44 7 54 17c29 27 36 43 36 52
-c0 1 0 2 -4 5c-5 3 -13 6 -20 8c-5 2 -10 3 -14 5c-9 4 -18 16 -17 29c1 15 14 27 30 27c4 0 8 0 12 -2c8 -3 13 -4 17 -5c-1 9 -2 19 -3 30c-5 38 5 74 29 102c25 29 64 45 105 45v0c41 0 80 -16 105 -45c24 -28 34 -63 29 -101c-1 -11 -2 -22 -3 -31c4 1 10 2 18 5
-c4 1 8 2 12 2c16 0 29 -12 30 -27c1 -13 -9 -25 -18 -29c-4 -2 -9 -3 -14 -5c-7 -2 -14 -5 -19 -8c-4 -3 -5 -4 -5 -5c0 -16 20 -37 36 -52c11 -10 39 -16 54 -17l15 -1v-14zM192 320c-9 0 -16 -11 -16 -24s7 -24 16 -24s16 11 16 24s-7 24 -16 24zM296 242c3 3 3 9 0 12
-s-9 3 -12 0c-12 -12 -28 -19 -44 -19c-17 0 -32 7 -44 19c-3 3 -9 3 -12 0s-3 -9 0 -12c15 -15 35 -23 56 -23s41 8 56 23zM288 272c9 0 16 11 16 24s-7 24 -16 24s-16 -11 -16 -24s7 -24 16 -24z" />
-    <glyph glyph-name="ion-ios-eye" unicode="&#xf425;" horiz-adv-x="448" 
-d="M224 336c96 0 168 -69 220 -133c5 -6 5 -15 0 -21c-51 -56 -124 -134 -220 -134c-98 0 -155 61 -220 133c-6 6 -6 16 0 22c76 83 140 133 220 133zM228 102c46 2 84 40 86 86c2 53 -41 96 -94 94c-46 -2 -84 -40 -86 -86c-2 -53 41 -96 94 -94zM224 239
-c0 -26 21 -47 46 -47c6 0 12 2 18 4v-4c0 -37 -31 -67 -69 -64c-31 2 -57 28 -59 59c-3 38 27 69 64 69h3c-2 -5 -3 -11 -3 -17z" />
-    <glyph glyph-name="ion-ios-nuclear" unicode="&#xf1d5;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM120 35c27 -15 56 -23 88 -23s62 8 89 23l-50 86c-1 2 0 4 2 5c20 13 34 36 35 61c0 2 2 3 4 3h100v2c0 48 -19 93 -53 127c-11 11 -23 20 -36 28l-51 -87c-1 -2 -3 -3 -5 -2
-c-10 5 -23 8 -35 8c-13 0 -25 -2 -36 -8c-2 -1 -4 -1 -5 1l-51 88c-13 -8 -24 -17 -35 -28c-34 -34 -53 -79 -53 -127v-2h100c2 0 4 -1 4 -3c1 -25 15 -48 35 -61c2 -1 3 -3 2 -5zM152 192c0 31 25 56 56 56s56 -25 56 -56s-25 -56 -56 -56s-56 25 -56 56z" />
-    <glyph glyph-name="ion-ios-journal" unicode="&#xf189;" horiz-adv-x="384" 
-d="M28 416h228v-384h-208c-9 0 -17 -8 -16 -18c1 -8 8 -14 16 -14h320c9 0 16 -7 16 -16v0c0 -9 -7 -16 -16 -16h-340c-16 0 -28 12 -28 28v392c0 16 12 28 28 28zM368 32h-64v384h52c16 0 28 -12 28 -28v-340c0 -9 -7 -16 -16 -16z" />
-    <glyph glyph-name="ion-ios-notifications-off" unicode="&#xf1d1;" horiz-adv-x="320" 
-d="M160 -8c-31 0 -48 22 -48 53h96c0 -31 -17 -53 -48 -53zM59 393l227 -388c4 -7 2 -15 -5 -19c-2 -1 -5 -2 -7 -2c-5 0 -9 3 -12 7l-228 388c-4 7 -2 15 5 19c2 1 5 2 7 2v0h1v0c5 0 10 -3 12 -7zM200 64h-40h-140c-16 0 -26 19 -16 32c15 20 46 32 46 123
-c0 33 5 59 13 79zM316 96c10 -13 0 -32 -16 -32h-30l-166 284c8 5 17 9 26 11c4 1 6 2 6 6v3c0 13 11 24 24 24s25 -11 25 -24v-3c0 -4 2 -5 6 -6c38 -9 79 -47 79 -140c0 -91 31 -103 46 -123z" />
-    <glyph glyph-name="ion-md-card" unicode="&#xf2b3;" horiz-adv-x="448" 
-d="M403 368c25 0 45 -20 45 -44v-264c0 -24 -20 -44 -45 -44h-358c-25 0 -45 20 -45 44v264c0 24 20 44 45 44h358zM403 60v132h-358v-132h358zM403 280v44h-358v-44h358z" />
-    <glyph glyph-name="ion-logo-codepen" unicode="&#xf230;" horiz-adv-x="448" 
-d="M209 144c1 -1 3 -3 3 -4v-53s-62 41 -93 62l39 26c2 1 3 1 5 0c15 -10 31 -21 46 -31zM163 207c-1 -1 -3 -1 -4 0c-13 9 -26 17 -40 26c31 21 93 62 93 62v-51c0 -2 -2 -5 -3 -6c-15 -10 -31 -21 -46 -31zM238 239c-1 1 -2 2 -2 3v54l93 -63l-40 -26c-1 -1 -3 -1 -4 0
-c-16 11 -31 21 -47 32zM226 218c6 -4 40 -27 40 -27l-39 -26c-2 -1 -4 -1 -6 0l-39 26s17 11 25 17c5 3 9 6 14 9c1 1 4 2 5 1zM109 211l30 -20l-30 -20v40zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM363 151v81
-c0 6 -2 9 -7 12c-41 27 -83 55 -124 82c-6 4 -11 4 -17 0c-41 -27 -81 -54 -122 -81c-5 -3 -8 -8 -8 -14v-80c0 -6 3 -10 8 -13c41 -27 81 -55 122 -82c6 -4 11 -4 17 0c41 27 82 55 123 82c5 3 8 7 8 13zM284 175c2 2 5 2 7 0l38 -26l-93 -62v51c0 3 1 4 3 6
-c15 10 30 21 45 31zM338 171l-30 20l30 20v-40z" />
-    <glyph glyph-name="ion-md-battery-dead" unicode="&#xf295;" horiz-adv-x="224" 
-d="M194 371c16 0 30 -14 30 -30v-343c0 -16 -13 -30 -30 -30h-164c-16 0 -30 13 -30 30v343c0 16 14 30 30 30h37v45h90v-45h37zM176 16v307h-128v-307h128z" />
-    <glyph glyph-name="ion-md-wifi" unicode="&#xf3a8;" 
-d="M208 219c23 0 42 -18 42 -41s-19 -41 -42 -41s-42 18 -42 41s19 41 42 41zM333 178c0 -45 -26 -85 -63 -107l-20 36c25 14 41 40 41 71c0 45 -37 82 -83 82s-83 -37 -83 -82c0 -31 16 -57 41 -71l-20 -36c-37 22 -63 62 -63 107c0 68 56 124 125 124s125 -56 125 -124z
-M208 384c114 0 208 -93 208 -206c0 -76 -42 -142 -104 -178l-21 36c50 28 83 81 83 142c0 91 -74 165 -166 165s-166 -74 -166 -165c0 -61 33 -113 83 -142l-21 -36c-62 36 -104 102 -104 178c0 113 94 206 208 206z" />
-    <glyph glyph-name="ion-ios-brush" unicode="&#xf132;" horiz-adv-x="448" 
-d="M118 165c52 0 102 -42 90 -102c-11 -52 -54 -71 -90 -77c-6 -1 -14 -2 -22 -2c-32 0 -78 8 -95 33c-1 2 -1 5 1 6c20 9 32 26 32 47c0 49 32 95 84 95zM436 388c13 -13 17 -30 5 -45l-145 -165c-5 -6 -8 -12 -8 -20v-1c0 -5 -2 -11 -6 -15l-45 -52c-2 -2 -6 -3 -8 -1
-c-1 1 -2 3 -2 5c0 50 -41 82 -87 86c-2 0 -4 2 -5 4v0c-1 2 0 5 2 7l53 43c4 4 10 6 16 6v0v0c7 0 15 3 20 8l165 145c6 5 13 7 19 7c9 0 18 -4 26 -12z" />
-    <glyph glyph-name="ion-ios-checkmark" unicode="&#xf3ff;" horiz-adv-x="215" 
-d="M214 255c2 -2 1 -4 0 -6l-133 -134h-1c-2 -2 -6 -5 -11 -5c-4 0 -8 1 -12 5l-56 56c-2 2 -2 4 0 6l18 18c1 1 2 1 3 1s2 0 3 -1l44 -45l122 123c1 1 2 1 3 1v0c1 0 2 0 3 -1z" />
-    <glyph glyph-name="ion-ios-body" unicode="&#xf3e4;" horiz-adv-x="384" 
-d="M144 368c0 27 21 48 48 48s48 -21 48 -48s-21 -48 -48 -48s-48 21 -48 48zM360 304c13 0 24 -11 24 -24s-11 -24 -24 -24h-98c-6 -1 -14 -4 -18 -14c-5 -12 -2 -34 1 -52l4 -21v-1v0l30 -172c2 -13 -6 -26 -19 -28s-26 7 -28 20l-21 120v0s-6 32 -18 32h-1
-c-12 0 -19 -32 -19 -32v0l-21 -120c-2 -13 -15 -22 -28 -20s-21 15 -19 28l30 172v0v1l4 21c3 18 6 40 1 52c-4 10 -12 13 -18 14h-98c-13 0 -24 11 -24 24s11 24 24 24h336z" />
-    <glyph glyph-name="ion-ios-crop" unicode="&#xf41e;" horiz-adv-x="384" 
-d="M78 384c8 0 14 -6 14 -14v-20c0 -8 -6 -14 -14 -14v0c-8 0 -14 6 -14 14v20c0 8 6 14 14 14v0zM92 106c0 -8 6 -14 14 -14h152c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14h-166c-16 0 -28 12 -28 28v166c0 8 6 14 14 14v0c8 0 14 -6 14 -14v-152zM370 92c8 0 14 -6 14 -14
-v0c0 -8 -6 -14 -14 -14h-20c-8 0 -14 6 -14 14v0c0 8 6 14 14 14h20zM0 306c0 8 6 14 14 14h278c16 0 28 -12 28 -28v-278c0 -8 -6 -14 -14 -14v0c-8 0 -14 6 -14 14v264c0 8 -6 14 -14 14h-264c-8 0 -14 6 -14 14v0z" />
-    <glyph glyph-name="ion-md-radio" unicode="&#xf362;" 
-d="M26 306l263 110l14 -35l-172 -72h243c23 0 42 -18 42 -42v-256c0 -24 -19 -43 -42 -43h-332c-23 0 -42 19 -42 43v256c0 18 11 33 26 39zM112 10c35 0 64 29 64 64s-29 64 -64 64s-64 -29 -64 -64s29 -64 64 -64zM368 181v86h-320v-86h243v47h45v-47h32z" />
-    <glyph glyph-name="ion-ios-appstore" unicode="&#xf10c;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM129 103l18 30c-2 6 -10 12 -20 12h-2c-3 0 -5 -2 -7 -4l-14 -23c-4 -7 -2 -16 5 -20c2 -1 6 -2 8 -2c5 0 9 2 12 7zM249 150c0 0 1 1 1 4c0 5 -1 9 -4 14l-1 1c-3 6 -11 9 -18 9
-h-54v0l37 62l16 28l18 30c4 7 2 16 -5 20s-16 2 -20 -5l-9 -16v0l-10 16c-4 7 -13 9 -20 5s-8 -13 -4 -20l17 -30v0l-53 -90v0h-45c-8 0 -15 -6 -15 -14s6 -15 14 -15h29h33zM322 149c8 0 14 7 14 15s-7 14 -15 14h-41v0l-49 82s-4 -1 -8 -9c-6 -11 -5 -25 1 -36l22 -37
-l17 -29l27 -46c3 -4 7 -7 12 -7c3 0 6 1 8 2c7 4 9 13 5 20l-19 31v0h26z" />
-    <glyph glyph-name="ion-ios-build" unicode="&#xf136;" 
-d="M393 317c4 3 9 3 12 -1c8 -12 12 -24 11 -34c-1 -12 -6 -36 -30 -60c-17 -17 -45 -30 -72 -30c-11 0 -22 3 -32 8c-2 1 -6 2 -9 2s-7 -1 -11 -5c-9 -9 -188 -200 -188 -200c-8 -9 -19 -13 -30 -13s-23 5 -31 13c-17 17 -18 45 0 61c0 0 192 181 200 188c7 7 4 15 2 20
-c-19 44 3 83 23 104c21 22 48 29 60 30h2c10 0 22 -4 32 -11c4 -3 5 -8 1 -12l-45 -45c-1 -1 -1 -2 -1 -3l8 -47c0 -2 1 -3 3 -3l47 -8c1 0 2 0 3 1zM55 19c5 5 5 14 0 20c-6 5 -14 5 -20 0c-5 -6 -5 -14 0 -20c6 -5 14 -5 20 0z" />
-    <glyph glyph-name="ion-ios-cellular" unicode="&#xf13d;" 
-d="M360 396c36 -34 56 -78 56 -126v0v0v0c0 -48 -20 -93 -56 -127c-3 -2 -5 -3 -9 -3s-7 2 -10 4c-3 3 -4 5 -4 9s1 8 4 10c30 29 47 67 47 107v0c0 41 -17 79 -47 107c-3 3 -4 5 -4 9s1 7 4 10c3 2 6 4 10 4s6 -2 9 -4zM303 351c23 -22 35 -50 35 -81v0v0v0
-c0 -31 -12 -59 -35 -81c-2 -2 -6 -4 -9 -4s-7 1 -9 3s-4 6 -4 9s2 7 4 9c18 17 28 40 28 64v0c0 24 -10 47 -28 64c-2 2 -4 6 -4 9s2 6 4 8s6 4 9 4s7 -2 9 -4zM75 377c-30 -28 -47 -66 -47 -107v0c0 -41 17 -79 47 -107c3 -3 4 -6 4 -10s-1 -6 -4 -9c-3 -2 -6 -4 -10 -4
-s-6 1 -9 3c-36 34 -56 79 -56 127v0v0c0 48 20 92 56 126c3 2 5 4 9 4v0c4 0 7 -2 10 -4c3 -3 4 -6 4 -10s-1 -7 -4 -9zM131 334c-18 -17 -28 -40 -28 -64v0c0 -24 10 -47 28 -64c2 -2 4 -6 4 -9s-2 -7 -4 -9s-6 -3 -9 -3s-7 2 -9 4c-23 22 -35 50 -35 81v0v0
-c0 31 12 59 35 81c2 2 6 4 9 4s7 -2 9 -4s4 -5 4 -8s-2 -7 -4 -9zM208 325c26 0 48 -22 48 -48c0 -22 -14 -40 -34 -46v-233c0 -8 -6 -14 -14 -14s-14 6 -14 14v233c-20 6 -34 24 -34 46c0 26 22 48 48 48z" />
-    <glyph glyph-name="ion-ios-trophy" unicode="&#xf25d;" 
-d="M402 348c8 0 14 -6 14 -14v0c0 -41 -7 -66 -22 -90c-14 -22 -34 -37 -57 -41c-3 0 -5 -2 -6 -5c-6 -15 -20 -35 -51 -52c-20 -11 -37 -19 -52 -22c-4 -1 -6 -3 -6 -7v-81c0 -4 4 -8 8 -8h66c8 0 14 -7 14 -15s-6 -13 -14 -13h-80h-16h-80c-8 0 -14 7 -14 15s6 13 14 13
-h66c4 0 8 4 8 8v81c0 4 -2 7 -6 8c-15 3 -32 10 -52 21c-31 17 -45 37 -51 52c-1 3 -3 5 -6 5c-23 4 -42 19 -56 41c-15 24 -23 49 -23 90v0c0 8 6 14 14 14h66v20c0 9 7 16 16 16h224c9 0 16 -7 16 -16v-20h66zM80 237v75c0 4 -4 8 -8 8h-35c-5 0 -8 -4 -8 -9
-c2 -27 9 -38 15 -49c7 -14 18 -23 31 -28c3 -1 5 0 5 3zM372 262c6 11 13 22 15 49c0 5 -3 9 -8 9h-35c-4 0 -8 -4 -8 -8v-75c0 -3 2 -4 5 -3c13 5 24 14 31 28z" />
-    <glyph glyph-name="ion-ios-git-network" unicode="&#xf187;" horiz-adv-x="384" 
-d="M313 416c39 0 71 -32 71 -71c0 -34 -24 -62 -56 -69v-57c0 -3 -2 -6 -4 -7l-117 -60v-44c15 -3 28 -11 38 -23c11 -13 18 -29 18 -46c0 -39 -32 -71 -71 -71s-71 32 -71 71c0 34 24 62 56 69v44l-117 60c-2 1 -4 4 -4 7v57c-15 3 -28 11 -38 23c-11 13 -18 29 -18 46
-c0 39 32 71 71 71s70 -32 70 -71c0 -34 -23 -62 -55 -69v-43l106 -55l106 55v43c-15 3 -28 11 -38 23c-11 13 -17 29 -17 46c0 39 31 71 70 71zM30 345c0 -22 19 -41 41 -41s40 19 40 41s-18 41 -40 41s-41 -19 -41 -41zM233 39c0 22 -19 41 -41 41s-41 -19 -41 -41
-s19 -41 41 -41s41 19 41 41zM313 304c22 0 41 19 41 41s-19 41 -41 41s-40 -19 -40 -41s18 -41 40 -41z" />
-    <glyph glyph-name="ion-md-warning" unicode="&#xf3a5;" horiz-adv-x="448" 
-d="M0 -16l224 416l224 -416h-448zM248 48v48h-48v-48h48zM248 128v96h-48v-96h48z" />
-    <glyph glyph-name="ion-md-thumbs-up" unicode="&#xf392;" 
-d="M150 0c-21 0 -38 17 -38 38v192c0 11 4 20 11 27l126 127l20 -20c5 -5 9 -12 9 -20l-1 -6l-18 -82h119c21 0 38 -24 38 -45v-38c0 -5 -1 -10 -3 -14l-57 -136c-6 -14 -18 -23 -34 -23h-172zM0 0v224h64v-224h-64z" />
-    <glyph glyph-name="ion-ios-megaphone" unicode="&#xf1c1;" 
-d="M42 261c0 -27 14 -54 34 -72c3 -3 0 -8 -4 -7v0c-27 9 -54 30 -61 64c-6 0 -11 7 -11 15s4 14 10 15c6 39 36 70 74 70v0c3 0 5 -4 2 -6c-26 -16 -44 -46 -44 -79zM402 345c9 -23 14 -52 14 -82s-5 -58 -14 -81c-1 -3 -2 -5 -3 -8c-6 -13 -12 -24 -21 -33
-c-16 -16 -29 -18 -35 -18s-11 2 -20 5c-38 14 -64 32 -112 32c-26 0 -16 -97 -16 -132s4 -44 -14 -44s-61 16 -68 24s-6 18 -4 36s23 102 25 115s-9 12 -21 22c-27 16 -44 46 -44 80c0 38 22 71 54 85c0 0 -2 0 40 0s111 20 154 46c4 3 12 8 26 8c13 0 24 -5 34 -15
-c8 -8 16 -19 22 -32c1 -2 2 -5 3 -8zM376 188c8 18 14 45 14 75s-6 57 -14 75c-6 16 -18 25 -27 25s-18 -9 -24 -25c-8 -18 -13 -45 -13 -75s5 -57 13 -75c6 -16 15 -28 24 -28s21 12 27 28z" />
-    <glyph glyph-name="ion-md-flash" unicode="&#xf2f1;" horiz-adv-x="192" 
-d="M0 400h192l-64 -160h64l-128 -256v192h-64v224z" />
-    <glyph glyph-name="ion-md-expand" unicode="&#xf2e7;" horiz-adv-x="384" 
-d="M333 51v77h51v-128h-128v51h77zM333 333h-77v51h128v-128h-51v77zM51 333v-77h-51v128h128v-51h-77zM51 51h77v-51h-128v128h51v-77z" />
-    <glyph glyph-name="ion-md-train" unicode="&#xf396;" horiz-adv-x="352" 
-d="M176 400c97 0 176 -11 176 -88v-208c0 -42 -35 -76 -77 -76l33 -33v-11h-44l-44 44h-83l-44 -44h-49v11l33 33c-42 0 -77 34 -77 76v208c0 77 88 88 176 88zM77 72c18 0 33 14 33 32s-15 33 -33 33s-33 -15 -33 -33s15 -32 33 -32zM154 225v87h-110v-87h110zM198 225h110
-v87h-110v-87zM275 72c18 0 33 14 33 32s-15 33 -33 33s-33 -15 -33 -33s15 -32 33 -32z" />
-    <glyph glyph-name="ion-md-boat" unicode="&#xf29b;" horiz-adv-x="448" 
-d="M52 35l-51 139c-2 6 -1 12 1 17s8 8 13 10l38 13v98c0 23 20 43 43 43h64l16 53h96l16 -53h64c23 0 43 -20 43 -43v-98l38 -13c5 -2 11 -5 13 -10s3 -12 1 -17l-51 -139h-1c-34 0 -65 20 -86 43c-21 -23 -51 -43 -85 -43s-64 19 -85 42c-21 -23 -52 -42 -86 -42h-1z
-M96 312v-84l128 41l128 -41v84h-256zM309 40c0 0 59 -64 107 -64h-21c-30 0 -59 12 -86 26c-53 -28 -117 -28 -170 0c-27 -14 -56 -26 -86 -26h-21c49 0 107 64 107 64c52 -36 118 -36 170 0z" />
-    <glyph glyph-name="ion-md-planet" unicode="&#xf356;" horiz-adv-x="448" 
-d="M104 297c15 18 32 31 53 41c32 15 69 19 106 10c83 -21 135 -103 119 -186c-1 -3 -1 -7 -2 -10c-5 -20 -11 -37 -23 -53c-2 -3 -6 -6 -8 -9c-6 3 -11 6 -17 9c-35 20 -73 46 -111 75c-48 37 -93 78 -125 114c2 3 6 6 8 9zM386 121c47 -49 70 -82 59 -100
-c-6 -10 -23 -11 -47 -5c-25 6 -58 17 -96 35c-34 -19 -76 -25 -117 -15c-86 22 -139 109 -117 195c-51 60 -77 112 -65 132c6 10 24 12 47 3c21 -8 43 -20 66 -35c-10 -7 -14 -11 -14 -11c-23 14 -43 19 -58 23c-2 0 -9 2 -7 -4c2 -4 3 -7 5 -11c8 -14 21 -30 36 -48
-c33 -38 79 -80 130 -120c38 -30 78 -56 114 -76c33 -19 63 -33 84 -38c2 -1 4 -1 6 -1c6 -1 1 8 -1 12c-7 12 -14 26 -32 47c0 0 3 6 7 17z" />
-    <glyph glyph-name="ion-ios-keypad" unicode="&#xf450;" horiz-adv-x="384" 
-d="M331 107c30 0 53 -24 53 -54s-23 -53 -53 -53s-54 23 -54 53s24 54 54 54zM192 107c30 0 53 -24 53 -54s-23 -53 -53 -53s-53 23 -53 53s23 54 53 54zM53 107c30 0 54 -24 54 -54s-24 -53 -54 -53s-53 23 -53 53s23 54 53 54zM331 245c30 0 53 -23 53 -53
-s-23 -53 -53 -53s-54 23 -54 53s24 53 54 53zM192 245c30 0 53 -23 53 -53s-23 -53 -53 -53s-53 23 -53 53s23 53 53 53zM53 245c30 0 54 -23 54 -53s-24 -53 -54 -53s-53 23 -53 53s23 53 53 53zM331 384c30 0 53 -23 53 -53s-23 -54 -53 -54s-54 24 -54 54s24 53 54 53z
-M192 384c30 0 53 -23 53 -53s-23 -54 -53 -54s-53 24 -53 54s23 53 53 53zM53 384c30 0 54 -23 54 -53s-24 -54 -54 -54s-53 24 -53 54s23 53 53 53z" />
-    <glyph glyph-name="ion-md-contrast" unicode="&#xf2d9;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM321 79c30 30 47 70 47 113s-17 83 -47 113s-70 47 -113 47v-320c43 0 83 17 113 47z" />
-    <glyph glyph-name="ion-md-save" unicode="&#xf1a9;" horiz-adv-x="384" 
-d="M299 384l85 -85v-256c0 -24 -19 -43 -43 -43h-298c-24 0 -43 19 -43 43v298c0 24 19 43 43 43h256zM192 43c35 0 64 29 64 64s-29 64 -64 64s-64 -29 -64 -64s29 -64 64 -64zM256 256v85h-213v-85h213z" />
-    <glyph glyph-name="ion-md-football" unicode="&#xf2f6;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM79 210l-44 -38c3 -27 12 -53 27 -76h58l15 29l-17 67zM296 96h57c15 23 25 49 28 76l-44 38l-39 -18l-17 -67zM329 242l19 54c-19 26 -46 46 -76 58l-48 -33v-47l61 -52zM143 354
-c-30 -12 -56 -32 -75 -58l19 -54l43 -20l61 52v47zM170 22c11 -2 23 -4 35 -4c13 0 29 2 41 4c1 0 2 1 3 1l19 54l-15 30h-90l-15 -29l20 -56h2z" />
-    <glyph glyph-name="ion-md-star-half" unicode="&#xf382;" horiz-adv-x="404" 
-d="M404 238l-110 -96l33 -142l-125 75l-125 -75l33 142l-110 96l145 12l57 134l57 -134zM219 103l60 -36l-16 68l-5 19l15 12l53 46l-70 6l-19 2l-8 18l-27 64v-189z" />
-    <glyph glyph-name="ion-logo-game-controller-b" unicode="&#xf181;" horiz-adv-x="448" 
-d="M103 243c11 0 19 -8 19 -19s-8 -19 -19 -19s-19 8 -19 19s8 19 19 19zM434 199c21 -88 18 -152 -7 -164c-4 -2 -9 -3 -13 -3c-22 0 -45 24 -67 52c-26 32 -33 33 -111 33h-24c-78 0 -84 -1 -110 -33c-23 -28 -46 -52 -68 -52c-4 0 -9 1 -13 3c-25 12 -28 76 -7 164
-s43 136 88 149c10 3 18 4 26 4c28 0 47 -15 96 -15s68 15 96 15c8 0 16 -1 26 -4c45 -13 67 -61 88 -149zM103 184c22 0 39 18 39 40s-17 40 -39 40s-39 -18 -39 -40s17 -40 39 -40zM276 204c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20zM320 160
-c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20zM320 248c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20zM364 204c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20z" />
-    <glyph glyph-name="ion-ios-woman" unicode="&#xf271;" horiz-adv-x="256" 
-d="M158 -48c-6 0 -12 3 -16 7c-3 3 -7 8 -7 18v120h-14v-120c0 -10 -4 -16 -7 -19c-4 -4 -10 -6 -16 -6s-13 2 -17 6c-3 3 -7 9 -7 19v120h-44l44 170h-6l-25 -90c-4 -13 -13 -18 -21 -18v0c-7 0 -13 3 -17 9c-5 6 -6 15 -4 24l29 104c4 15 21 38 49 39v0h98
-c28 -1 45 -26 49 -39v0l29 -105c2 -9 1 -18 -4 -24c-4 -5 -11 -8 -17 -8c-8 0 -17 5 -21 18v0l-24 90h-8l45 -170h-45v-120c0 -10 -4 -15 -7 -18c-4 -4 -10 -7 -16 -7zM128 342c-24 0 -44 20 -44 45s20 45 44 45s44 -20 44 -45s-20 -45 -44 -45z" />
-    <glyph glyph-name="ion-logo-yen" unicode="&#xf34e;" horiz-adv-x="384" 
-d="M384 416l-112 -208h48v-48h-73l-15 -31v-17h88v-48h-88v-96h-80v96h-88v48h88v17l-14 31h-74v48h48l-112 208h80l112 -221l112 221h80z" />
-    <glyph glyph-name="ion-ios-phone-portrait" unicode="&#xf1e3;" horiz-adv-x="224" 
-d="M192 416c18 0 32 -15 32 -33v-381c0 -18 -14 -34 -32 -34h-159c-18 0 -33 16 -33 34v381c0 18 15 33 33 33h159zM97 393c-2 0 -4 -2 -4 -4s2 -4 4 -4h30c2 0 4 2 4 4s-2 4 -4 4h-30zM112 -17c10 0 18 7 18 17s-8 18 -18 18s-17 -8 -17 -18s7 -17 17 -17zM206 32
-c1 0 2 1 2 2v329c0 1 -1 2 -2 2h-188c-1 0 -2 -1 -2 -2v-329c0 -1 1 -2 2 -2h188z" />
-    <glyph glyph-name="ion-md-jet" unicode="&#xf315;" horiz-adv-x="448" 
-d="M448 416c0 0 1 -24 -27 -60c-13 -17 -128 -175 -128 -175l4 -169l-39 -44l-55 110l-11 -9v-88l-41 -7l-48 63l-60 -26l26 60l-63 48l7 41h88l9 11l-110 55l44 39l169 -4s159 115 176 128c36 28 59 27 59 27z" />
-    <glyph glyph-name="ion-ios-cloud-done" unicode="&#xf154;" horiz-adv-x="512" 
-d="M437 218c43 -8 75 -47 75 -92c0 -50 -41 -94 -91 -94h-330c-50 0 -91 44 -91 94c0 41 26 80 66 93c1 39 33 74 72 74c10 0 19 -3 27 -6c27 39 72 65 123 65c77 0 141 -59 149 -134zM362 236c2 2 2 3 0 5l-17 18c-1 1 -2 2 -3 2v0c-1 0 -2 -1 -3 -2l-122 -123l-44 45
-c-1 1 -2 1 -3 1s-2 0 -3 -1l-18 -18c-2 -2 -2 -4 0 -6l56 -56c4 -4 8 -5 12 -5c5 0 10 3 12 5v0z" />
-    <glyph glyph-name="ion-md-pricetag" unicode="&#xf35a;" horiz-adv-x="384" 
-d="M352 384l32 -32v-160l-188 -179c-9 -9 -23 -13 -31 -13s-21 5 -29 13l-123 123c-9 9 -13 20 -13 31c0 10 5 21 13 29l181 188h158zM321 281c10 3 19 12 22 22c6 22 -10 41 -31 41c-18 0 -32 -14 -32 -32c0 -21 19 -37 41 -31z" />
-    <glyph glyph-name="ion-md-text" unicode="&#xf38f;" horiz-adv-x="384" 
-d="M344 384c22 0 40 -18 40 -40v-240c0 -22 -18 -40 -40 -40h-280l-64 -64v344c0 22 10 40 32 40h312zM134 206v40h-38v-40h38zM211 206v40h-38v-40h38zM288 206v40h-38v-40h38z" />
-    <glyph glyph-name="ion-ios-paw" unicode="&#xf47a;" 
-d="M276 368c23 -3 38 -36 33 -73c-5 -34 -26 -60 -48 -60h-4c-23 3 -37 36 -32 73c5 34 25 60 47 60h1v0v0v0h3zM273 368v0v0zM394 279c22 -9 29 -45 15 -79c-12 -29 -34 -47 -54 -47c-4 0 -7 1 -11 2c-22 9 -28 44 -14 78c12 29 33 48 53 48v0v0v0c4 0 7 -1 11 -2zM280 153
-c24 -37 71 -40 83 -72c2 -6 4 -13 4 -19c0 -26 -20 -46 -46 -46c-32 0 -75 24 -113 24s-81 -24 -113 -24c-26 0 -46 20 -46 46c0 6 1 13 3 19c12 32 60 35 84 72c28 44 40 60 72 60s44 -16 72 -60zM155 235c-22 0 -43 26 -48 60c-5 37 10 70 33 73h4c22 0 43 -26 48 -60
-c5 -37 -10 -70 -33 -73h-4zM72 155c-4 -1 -7 -2 -11 -2c-20 0 -42 18 -54 47c-14 34 -7 70 15 79c4 1 7 2 11 2c20 0 42 -19 54 -48c14 -34 7 -69 -15 -78z" />
-    <glyph glyph-name="ion-md-heart-half" unicode="&#xf1a2;" 
-d="M302 384c64 0 114 -50 114 -115c0 -80 -71 -144 -178 -242l-30 -27l-30 27c-107 98 -178 162 -178 242c0 65 50 115 114 115c36 0 71 -17 94 -44c23 27 58 44 94 44zM208 42c50 46 107 99 136 135c28 35 40 63 40 92c0 23 -9 44 -24 59s-35 24 -58 24
-c-26 0 -53 -13 -70 -33l-24 -29v-248z" />
-    <glyph glyph-name="ion-ios-images" unicode="&#xf19e;" horiz-adv-x="448" 
-d="M230 249l70 -136c2 -3 -1 -7 -5 -7l-161 14c-4 0 -5 4 -3 7l92 123c2 2 5 2 7 -1zM335 184l46 -78c2 -3 -1 -8 -5 -8l-45 4c-2 0 -2 2 -3 3l-26 49c-1 2 0 4 1 6l25 25c2 2 5 2 7 -1zM346 224c-15 0 -27 13 -24 28c2 11 12 19 23 19c15 0 27 -13 24 -28
-c-2 -11 -12 -19 -23 -19zM423 319c15 -1 26 -15 25 -30l-26 -296c-1 -15 -14 -26 -29 -25l-298 26c-15 1 -25 14 -24 29l1 17l-16 -1c-15 -1 -28 9 -29 24l-27 297c-1 15 10 28 25 29l297 27c15 1 28 -10 29 -25l6 -67zM56 147l26 3l15 170c1 15 14 26 29 25l202 -18l-5 53
-c0 4 -3 6 -7 6l-280 -25c-4 0 -6 -4 -6 -8l18 -200c0 -4 4 -6 8 -6zM418 283c0 4 -2 7 -6 7l-52 5l-30 2l-198 17c-4 0 -7 -2 -7 -6l-14 -156l-3 -44c0 -4 2 -7 6 -7l260 -23l19 -1c4 0 7 2 7 6z" />
-    <glyph glyph-name="ion-md-arrow-back" unicode="&#xf27d;" horiz-adv-x="342" 
-d="M342 213v-42h-260l119 -120l-30 -30l-171 171l171 171l31 -30l-120 -120h260z" />
-    <glyph glyph-name="ion-md-finger-print" unicode="&#xf2ee;" horiz-adv-x="384" 
-d="M14 242c-2 0 -5 1 -7 2c-7 4 -9 12 -5 19c18 30 72 101 190 101c51 0 96 -14 133 -41c31 -22 49 -47 57 -59c4 -6 2 -15 -4 -19s-16 -3 -20 3c-15 22 -60 88 -166 88c-104 0 -151 -61 -166 -87c-3 -5 -7 -7 -12 -7zM252 -32h-4c-86 22 -118 108 -119 112v1
-c-1 2 -18 62 8 97c12 16 31 24 55 24c23 0 39 -7 50 -22c9 -12 13 -27 17 -41c8 -30 13 -45 44 -47c14 -1 23 7 28 14c14 19 15 50 5 77c-13 35 -60 101 -144 101c-36 0 -69 -12 -95 -34c-22 -18 -39 -44 -47 -70c-15 -49 5 -125 5 -126c2 -7 -2 -15 -10 -17s-15 3 -17 10
-c-1 4 -23 86 -5 142c19 61 79 122 169 122c42 0 81 -14 114 -41c25 -21 46 -49 57 -77c14 -36 10 -77 -10 -103c-13 -18 -32 -27 -52 -26c-53 3 -63 40 -70 68s-11 42 -39 42c-15 0 -25 -4 -32 -13c-9 -12 -10 -30 -9 -44s4 -26 5 -28c2 -6 31 -77 99 -94
-c8 -2 12 -10 10 -17c-2 -6 -7 -10 -13 -10zM142 -26c-4 0 -8 2 -11 5c-34 36 -54 77 -61 128v0c-4 34 3 81 32 114c22 24 52 37 90 37c45 0 81 -22 103 -62c16 -29 19 -58 19 -59c1 -8 -4 -14 -12 -15s-15 4 -16 12v0s-2 26 -16 50c-17 31 -43 46 -78 46
-c-30 0 -54 -9 -70 -27c-23 -26 -27 -66 -24 -92c6 -45 24 -81 54 -113c5 -6 5 -15 -1 -20c-3 -2 -6 -4 -9 -4zM300 14c-30 0 -56 9 -76 26c-41 33 -46 88 -46 90c-1 8 5 14 13 15s14 -5 15 -13c0 -1 4 -45 36 -71c19 -15 43 -22 74 -18c8 1 15 -4 16 -12s-5 -14 -13 -15
-c-7 -1 -13 -2 -19 -2zM323 385c5 -2 9 -7 9 -13c0 -8 -6 -13 -14 -13c-3 0 -7 0 -9 2v0v0s-36 27 -117 27s-117 -27 -117 -27v0v0c-2 -2 -5 -2 -8 -2c-8 0 -14 5 -14 13c0 4 1 8 4 11v0h1s0 1 1 1c9 6 51 32 133 32c78 0 119 -23 131 -31z" />
-    <glyph glyph-name="ion-md-refresh" unicode="&#xf366;" horiz-adv-x="352" 
-d="M176 60c56 0 104 34 123 84h46c-21 -74 -88 -128 -169 -128c-98 0 -176 79 -176 176s79 176 176 176c48 0 92 -20 124 -52l52 52v-154h-154l70 70c-23 24 -56 40 -92 40c-73 0 -132 -59 -132 -132s59 -132 132 -132z" />
-    <glyph glyph-name="ion-ios-undo" unicode="&#xf4c7;" horiz-adv-x="448" 
-d="M448 53v-37h-3c-2 0 -3 1 -4 3c-2 6 -8 20 -21 40c-22 33 -59 67 -95 83c-28 12 -53 21 -97 23c-2 0 -4 -2 -4 -4v-81c0 -3 -3 -6 -6 -4l-216 142c-2 2 -2 5 0 7l216 142c3 2 6 0 6 -3v-83c0 -2 2 -4 4 -4c72 -4 123 -24 163 -65c61 -62 57 -139 57 -159z" />
-    <glyph glyph-name="ion-md-arrow-dropup-circle" unicode="&#xf285;" 
-d="M416 192c0 -115 -93 -208 -208 -208s-208 93 -208 208s93 208 208 208s208 -93 208 -208zM304 160l-96 96l-96 -96h192z" />
-    <glyph glyph-name="ion-logo-skype" unicode="&#xf24a;" horiz-adv-x="384" 
-d="M373 151c7 -14 11 -29 11 -46c0 -58 -47 -105 -106 -105c-18 0 -35 4 -50 12c-11 -2 -22 -3 -34 -3c-101 0 -183 81 -183 181c0 12 2 24 4 36c-9 16 -15 34 -15 53c0 58 47 105 106 105c21 0 41 -6 57 -16c10 2 20 2 31 2c101 0 183 -80 183 -180c0 -13 -1 -27 -4 -39z
-M288 104c9 12 12 25 12 40c0 12 -2 23 -7 32s-12 16 -21 22s-19 10 -31 14s-26 7 -41 10c-12 3 -20 5 -25 6s-10 4 -15 6s-7 5 -10 8c-2 3 -4 6 -4 10c0 7 3 13 11 18s19 7 32 7c14 0 25 -2 31 -7s11 -12 16 -20c4 -7 8 -11 11 -14c4 -3 9 -5 16 -5c8 0 13 3 18 8s8 11 8 17
-c0 7 -2 14 -6 21s-10 14 -18 20s-18 11 -30 15s-27 5 -43 5c-20 0 -38 -2 -53 -8c-16 -6 -28 -15 -36 -25c-8 -11 -12 -22 -12 -36s3 -26 11 -36s19 -17 32 -23c13 -5 29 -10 48 -14c14 -3 26 -5 34 -8c8 -2 14 -6 19 -11c5 -4 7 -10 7 -17c0 -9 -4 -17 -13 -23
-s-22 -9 -37 -9c-11 0 -20 2 -27 5s-11 6 -15 11s-8 12 -11 19s-6 11 -10 15s-10 6 -16 6c-8 0 -14 -2 -19 -7s-8 -10 -8 -17c0 -11 4 -22 12 -33s18 -19 30 -26c17 -9 39 -14 65 -14c22 0 42 3 58 10s29 16 37 28z" />
-    <glyph glyph-name="ion-ios-pizza" unicode="&#xf1e7;" horiz-adv-x="384" 
-d="M383 338c3 -9 0 -18 -4 -26c-6 -12 -17 -13 -23 -14l-158 -295c-1 -2 -3 -3 -5 -3v0c-2 0 -5 1 -6 3l-158 296c-10 1 -19 8 -22 14c0 1 -2 2 -2 3c-3 6 -7 13 -4 21c2 7 15 14 27 20c28 13 71 27 165 27c91 0 138 -15 165 -27c11 -5 22 -12 25 -19zM117 225
-c3 8 2 18 -2 26s-11 13 -20 16c-4 1 -7 2 -11 2h-1c-3 0 -4 -3 -3 -6c8 -14 16 -30 25 -47c1 -3 5 -2 7 0c2 3 4 5 5 9zM233 128l26 48c1 1 0 4 -1 5c-6 7 -15 11 -25 11c-19 0 -34 -15 -34 -33c0 -17 13 -31 30 -33c2 0 3 1 4 2zM268 305c3 2 6 4 8 7s0 6 -3 7
-c-16 3 -33 5 -51 6c-3 0 -5 -2 -4 -5s3 -6 5 -9c5 -7 12 -11 21 -12c2 0 3 -1 5 -1c7 0 13 3 19 7z" />
-    <glyph glyph-name="ion-md-glasses" unicode="&#xf300;" horiz-adv-x="448" 
-d="M448 272v0v0v-48h-11l-5 -22c-16 -65 -40 -90 -95 -90s-97 17 -97 90v22s-2 16 -16 16s-16 -16 -16 -16v-22c0 -73 -40 -90 -96 -90s-80 22 -96 90l-5 22h-11v48h208v0h32v0h208z" />
-    <glyph glyph-name="ion-ios-contact" unicode="&#xf41a;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208v0v0c-108 0 -196 81 -207 186c-1 7 -1 15 -1 22s0 15 1 22c11 105 99 186 207 186v0v0zM344 74c29 33 44 74 44 118c0 48 -19 93 -53 127s-79 53 -127 53s-93 -19 -127 -53s-53 -79 -53 -127c0 -44 15 -85 44 -118
-c21 8 56 21 80 28c2 1 3 0 3 10c0 11 -1 18 -4 24c-4 8 -7 20 -9 31c-4 5 -10 15 -14 33c-3 16 -1 22 1 28v2c1 4 0 23 -3 38c-2 10 1 34 15 52c9 12 27 26 58 28h18c32 -2 49 -16 58 -28c14 -18 17 -42 15 -52c-3 -15 -4 -34 -3 -38c0 0 1 -1 1 -2c2 -6 3 -12 0 -28
-c-4 -18 -10 -27 -14 -32c-2 -11 -5 -24 -9 -32c-3 -7 -6 -15 -6 -23c0 -10 0 -10 2 -11c23 -7 60 -19 83 -28z" />
-    <glyph glyph-name="ion-md-copy" unicode="&#xf2da;" horiz-adv-x="336" 
-d="M208 400l128 -128v-200c0 -22 -18 -40 -40 -40h-8v-8c0 -22 -18 -40 -40 -40h-208c-22 0 -40 18 -40 40v288c0 22 18 40 40 40h8v8c0 22 18 40 40 40h120zM208 355v-83h83zM256 24v8h-176c-22 0 -32 10 -32 32v256h-8c-5 0 -8 -4 -8 -8v-288c0 -4 4 -8 8 -8h208
-c4 0 8 3 8 8zM304 72v168h-96h-32v32v96h-16h-72c-5 0 -8 -4 -8 -8v-288c0 -4 4 -8 8 -8h208c4 0 8 3 8 8z" />
-    <glyph glyph-name="ion-ios-people" unicode="&#xf47c;" horiz-adv-x="449" 
-d="M318 113c11 -4 45 -22 45 -67h-139h-139c0 45 35 63 46 67s29 5 37 8c6 2 15 4 18 8s3 28 3 28s-7 7 -10 14s-5 28 -5 28s-6 -3 -9 10c-2 11 -6 18 -5 26s5 6 5 6s-5 9 -5 38c0 30 22 59 64 59s65 -29 65 -59c0 -29 -6 -38 -6 -38s5 2 6 -6s-3 -15 -5 -26
-c-3 -13 -10 -10 -10 -10s-1 -21 -4 -28s-10 -14 -10 -14s0 -24 3 -28s11 -6 17 -8c8 -3 27 -4 38 -8zM108 162c0 0 -1 -14 1 -16s19 -6 19 -6c12 -2 9 -9 9 -9c-7 -1 -16 0 -25 -5c-15 -8 -30 -22 -32 -30h-80c0 20 15 35 23 38s16 5 25 7c4 1 10 3 12 5s2 17 2 17v0
-s-24 -1 -34 8c16 20 7 51 10 77s18 41 46 41v0h1c29 0 44 -15 47 -41s-6 -53 10 -77c-10 -8 -34 -9 -34 -9zM340 162c0 0 -23 1 -33 9c16 24 7 51 10 77s18 41 47 41c0 0 -1 0 0 0v0c28 0 44 -15 47 -41s-6 -57 10 -77c-10 -9 -33 -8 -33 -8v0s-2 -15 0 -17s8 -4 12 -5
-c9 -2 18 -4 26 -7s23 -18 23 -38h-80c-2 8 -17 22 -32 30c-9 5 -18 4 -25 5c0 0 -3 7 9 9c0 0 17 4 19 6s0 16 0 16z" />
-    <glyph glyph-name="ion-md-baseball" unicode="&#xf291;" 
-d="M318 45c5 -6 10 -12 16 -18c-35 -27 -78 -43 -126 -43s-91 16 -126 43c6 6 11 12 16 18l23 -13l16 28l-20 12c5 9 10 17 14 26c1 3 3 7 4 10l25 -6l7 32l-23 5c3 12 5 24 6 37h24v32h-24c-1 12 -3 25 -6 37l23 5l-7 32l-25 -6c-1 3 -3 6 -4 9c-4 9 -9 19 -14 27l20 12
-l-16 28l-23 -14c-5 6 -10 13 -16 19c35 27 78 43 126 43s91 -16 126 -43c-6 -6 -11 -13 -16 -19l-23 14l-16 -28l20 -12c-5 -8 -10 -18 -14 -27c-1 -3 -3 -6 -4 -9l-25 6l-7 -32l23 -5c-3 -12 -5 -25 -6 -37h-24v-32h24c1 -13 3 -25 6 -37l-23 -5l7 -32l25 6
-c1 -3 3 -7 4 -10c4 -9 9 -18 14 -26l-20 -12l16 -28zM346 322c3 4 6 7 10 11l2 2c36 -37 58 -88 58 -143s-22 -106 -58 -144l-2 2c-4 4 -7 8 -10 12l18 10l-16 28l-21 -12c-5 8 -9 17 -13 26l-1 1l21 5l-7 32l-24 -6c-2 10 -4 20 -5 30h24v32h-24c1 10 3 20 5 30l24 -6l7 32
-l-21 5v1c4 9 9 18 14 26l21 -13l16 28zM70 62c-3 -4 -6 -7 -10 -11l-2 -2c-36 37 -58 88 -58 143s22 106 58 144l2 -2c4 -4 7 -8 10 -12l-18 -11l16 -28l21 13c5 -8 9 -17 13 -26l1 -1l-21 -5l7 -32l24 6c2 -10 4 -20 5 -30h-24v-32h24c-1 -10 -3 -20 -5 -30l-24 6l-7 -32
-l21 -5v-1c-4 -9 -9 -18 -14 -26l-21 12l-16 -28z" />
-    <glyph glyph-name="ion-logo-tux" unicode="&#xf2ae;" horiz-adv-x="384" 
-d="M362 52c7 -4 22 -10 22 -20s-16 -16 -42 -30s-33 -34 -61 -34s-28 18 -39 21s-33 2 -46 2s-35 2 -42 -4c-11 -9 -23 -19 -38 -19s-26 9 -56 16s-60 7 -60 23s11 17 7 31s-7 25 -4 30s10 4 19 5s19 2 22 11c1 5 -2 17 5 25c-4 16 -2 27 10 44c17 23 15 38 24 53
-s31 36 36 45c9 16 9 22 8 55c0 0 -2 22 -2 51c0 27 17 59 67 59s68 -31 70 -69c4 -60 0 -68 26 -100c15 -18 37 -43 45 -68s13 -56 12 -66c-1 -6 -1 -9 -3 -11c3 -1 6 -2 8 -5c3 -4 2 -11 0 -26c-1 -8 5 -15 12 -19zM136 -4c1 13 -4 22 -17 44s-28 53 -42 60s-21 5 -22 0
-s-2 -20 -3 -23c-3 -6 -11 -11 -16 -12s-19 1 -22 -4s4 -16 4 -24c0 -21 -14 -32 1 -35c14 -2 34 -6 49 -10s31 -11 44 -12c12 -1 23 3 24 16zM254 62c-2 10 -5 28 1 35c4 5 10 6 17 5c0 4 0 8 3 12s11 7 19 7c16 0 24 -11 20 -5c-3 4 -8 10 -13 11c0 0 4 11 2 33
-c-4 40 -34 62 -34 62c27 -30 27 -58 27 -72c0 -6 -1 -16 -4 -22c0 0 -6 -1 -12 -3c-11 -4 -8 -3 -7 7c3 29 -7 64 -17 77s-7 19 -15 35s-18 18 -15 34s5 22 -8 25s-23 8 -24 13c0 2 -1 5 0 10s5 13 14 13c8 0 14 -5 14 -13s-4 -13 -5 -14c-2 -2 3 -3 7 -3c3 4 6 10 6 22
-c0 15 -10 25 -22 25s-29 -11 -22 -41c-8 6 -15 5 -21 3c0 0 2 15 -2 23c-4 9 -18 16 -24 4s-3 -25 0 -31s4 -6 4 -6c2 1 5 4 5 4s-6 3 -7 11c-1 9 3 14 7 15s10 -2 12 -8s0 -13 0 -13s-8 -8 -12 -11s-12 -7 -12 -11s6 -11 15 -17c11 -7 19 -7 44 3c19 7 16 11 22 13
-c4 1 7 -3 5 -6s-6 -2 -22 -9s-21 -8 -29 -11c-6 -2 -11 -5 -26 9c-1 1 10 -16 17 -19s35 11 51 18c3 1 7 -2 3 -6s-29 -25 -48 -28c-11 -2 -21 16 -25 22c-5 8 -7 11 -5 -12s-9 -32 -17 -43s-13 -17 -19 -44s2 -56 -8 -53c-6 2 -14 12 -14 25s-1 17 0 20c1 4 -4 -8 -4 -21
-s2 -17 7 -23c3 -4 44 -32 55 -42s12 -21 9 -28s-11 -10 -11 -10s5 -9 9 -18c3 -7 2 -18 2 -22c0 0 10 9 5 25c0 0 11 -10 32 -8c25 2 41 11 53 22c11 10 12 12 12 2c1 -17 -7 -24 -5 -31c4 8 9 11 11 23s1 26 -1 36zM344 15c24 11 31 16 23 22c-17 11 -29 16 -29 32
-c0 5 5 15 3 21c-2 4 -7 4 -7 4c-10 -24 -33 -22 -33 -22c-20 0 -26 15 -27 20c-2 0 -10 2 -11 -4s1 -13 5 -37c6 -31 -11 -49 -5 -59s19 -16 34 -8s23 21 47 31z" />
-    <glyph glyph-name="ion-ios-skip-backward" unicode="&#xf215;" horiz-adv-x="320" 
-d="M79 348v-138l229 140c5 3 12 -1 12 -7v-302c0 -6 -7 -10 -12 -7l-229 140v-138c0 -2 -2 -4 -4 -4h-71c-2 0 -4 2 -4 4v312c0 2 2 4 4 4h71c2 0 4 -2 4 -4z" />
-    <glyph glyph-name="ion-ios-help-circle-outline" unicode="&#xf197;" 
-d="M208 372c-48 0 -93 -19 -127 -53s-53 -79 -53 -127s19 -93 53 -127s79 -53 127 -53s93 19 127 53s53 79 53 127s-19 93 -53 127s-79 53 -127 53zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM209 288c38 0 63 -21 63 -51
-c0 -20 -10 -33 -28 -44c-17 -10 -23 -17 -23 -30v-8h-35v8c-2 21 5 33 23 44c17 10 24 17 24 29s-12 22 -27 22s-25 -10 -26 -25h-36c1 32 25 55 65 55zM182 117c0 12 10 20 22 20s21 -8 21 -20s-9 -21 -21 -21s-22 9 -22 21z" />
-    <glyph glyph-name="ion-logo-wordpress" unicode="&#xf330;" horiz-adv-x="384" 
-d="M195 177l53 -146c0 -1 6 -13 9 -19c-3 -1 -5 -2 -8 -3v0c-10 -3 -21 -6 -32 -7c-8 -1 -17 -2 -25 -2c-17 0 -34 2 -50 6v0c-2 0 -3 2 -5 2l25 73v0zM17 268c6 0 7 -1 15 -1l93 -255c-3 1 -5 2 -8 3c-63 27 -109 87 -116 158c-1 6 -1 13 -1 19c0 25 7 53 17 76zM366 273
-c11 -24 18 -52 18 -81c0 -9 -1 -18 -2 -26c-9 -65 -50 -120 -107 -147c-2 -1 -3 -1 -5 -2l22 65l39 113c10 25 13 45 13 62v19v0c-1 18 -10 44 -36 43h-2c-17 0 -29 -14 -29 -30c0 -14 8 -27 17 -41c7 -12 14 -26 14 -47c0 -15 -4 -34 -13 -56l-17 -58l-62 186
-c10 0 20 1 20 1c9 1 7 16 -2 15c0 0 -28 -3 -46 -3c-17 0 -45 3 -45 3c-9 1 -10 -15 -1 -15c0 0 9 -1 18 -1l27 -74l-38 -113l-63 187c10 0 20 2 20 2c9 1 8 15 -1 14c0 0 -28 -2 -46 -2h-34c5 9 11 17 17 25c35 44 90 72 150 72c24 0 48 -5 69 -13c34 -13 63 -36 85 -65
-c2 -2 3 -5 5 -7c6 -8 11 -17 15 -26z" />
-    <glyph glyph-name="ion-ios-speedometer" unicode="&#xf4b0;" horiz-adv-x="448" 
-d="M224 384c124 0 224 -100 224 -224c0 -57 -21 -108 -56 -148l-4 -4c-5 -5 -11 -8 -18 -8s-14 3 -19 8c-32 34 -77 56 -127 56s-95 -22 -127 -56c-5 -5 -12 -8 -19 -8s-13 3 -18 8l-4 4c-35 40 -56 91 -56 148c0 124 100 224 224 224zM210 338v-36c0 -8 6 -14 14 -14
-s14 6 14 14v36c0 8 -6 14 -14 14s-14 -6 -14 -14zM82 146c8 0 14 6 14 14s-6 14 -14 14h-36c-8 0 -14 -6 -14 -14s6 -14 14 -14h36zM134 251c5 5 5 14 0 19l-26 26c-5 5 -15 5 -20 0v0c-5 -5 -5 -15 0 -20l26 -25c5 -5 15 -5 20 0v0zM294 216c3 4 2 11 -2 14
-c-4 2 -9 2 -12 0l-75 -47c-14 -10 -17 -28 -7 -42s28 -17 42 -7c3 2 5 4 7 7zM334 251l26 25c5 5 5 15 0 20v0c-5 5 -15 5 -20 0l-26 -26c-5 -5 -5 -14 0 -19v0c5 -5 15 -5 20 0zM402 146c8 0 14 6 14 14s-6 14 -14 14h-36c-8 0 -14 -6 -14 -14s6 -14 14 -14h36z" />
-    <glyph glyph-name="ion-md-albums" unicode="&#xf275;" 
-d="M107 -16c-24 0 -43 20 -43 43v266c0 24 19 43 43 43h266c24 0 43 -19 43 -43v-266c0 -24 -19 -43 -43 -43h-266zM43 400h266c24 0 43 -19 43 -43v-5h-32h-229c-24 0 -43 -19 -43 -43v-229v-32h-5c-24 0 -43 19 -43 43v266c0 24 19 43 43 43z" />
-    <glyph glyph-name="ion-ios-map" unicode="&#xf1bd;" horiz-adv-x="384" 
-d="M0 376c0 7 7 11 12 7l70 -51c2 -2 3 -4 3 -7v-316c0 -7 -7 -11 -12 -7l-69 50c-2 2 -4 4 -4 7v317zM105 325c0 3 1 5 3 7l62 36c5 4 12 0 12 -7v-316c0 -3 -1 -5 -3 -7l-62 -37c-5 -4 -12 0 -12 7v317zM372 382c5 4 12 1 12 -6v-317c0 -3 -2 -5 -4 -7l-69 -50
-c-5 -4 -12 0 -12 7v316c0 3 1 5 3 7zM202 362c0 7 7 11 12 7l62 -37c2 -2 3 -4 3 -7v-316c0 -7 -7 -11 -12 -7l-62 37c-2 2 -3 4 -3 7v316z" />
-    <glyph glyph-name="ion-ios-thunderstorm" unicode="&#xf4bd;" horiz-adv-x="448" 
-d="M342 306c58 0 106 -41 106 -100c0 -58 -41 -110 -113 -110h-84l54 85c2 3 0 7 -3 7h-60l22 74c1 3 -1 6 -4 6h-86c-2 0 -4 -2 -4 -4l-23 -112c-1 -2 1 -5 4 -5h67l-14 -51h-119c-47 0 -85 41 -85 88c0 44 34 84 76 90v4c0 71 58 122 128 122s113 -40 125 -94h13zM175 -11
-l29 107h47l-69 -110c-2 -4 -8 -1 -7 3z" />
-    <glyph glyph-name="ion-ios-heart-half" unicode="&#xf19d;" 
-d="M304 392c62 -1 112 -51 112 -113c0 -37 -16 -90 -48 -133c-60 -82 -160 -154 -160 -154s-100 72 -160 154c-32 43 -48 96 -48 133c0 62 50 112 112 113v0v0h1c40 0 75 -21 95 -52c20 31 55 52 95 52h1v0v0zM346 163c29 40 42 87 42 116c0 22 -8 44 -24 60s-38 25 -60 25
-v0h-1v0c-14 0 -28 -4 -41 -11c-12 -7 -22 -16 -30 -28l-1 -1c-15 -22 -23 -48 -23 -75v-205c0 -7 8 -10 13 -6c33 27 88 74 125 125z" />
-    <glyph glyph-name="ion-md-add-circle-outline" unicode="&#xf158;" 
-d="M315 171h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM208 358c-44 0 -86 -18 -117 -49s-49 -73 -49 -117s18 -86 49 -117s73 -49 117 -49s86 18 117 49s49 73 49 117s-18 86 -49 117s-73 49 -117 49zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208
-s-208 93 -208 208s93 208 208 208z" />
-    <glyph glyph-name="ion-ios-arrow-dropup-circle" unicode="&#xf12d;" 
-d="M208 -16c-115 0 -208 93 -208 208s93 208 208 208s208 -93 208 -208s-93 -208 -208 -208zM208 228l81 -79c8 -8 19 -8 27 0c4 4 6 8 6 13s-2 10 -6 14l-94 94c-8 7 -20 6 -27 -1l-95 -95c-8 -8 -8 -19 0 -27s19 -8 27 0z" />
-    <glyph glyph-name="ion-ios-rainy" unicode="&#xf495;" 
-d="M386 272c19 -18 30 -42 30 -69c0 -24 -9 -48 -25 -67c-15 -18 -36 -31 -58 -35l-69 -95c-3 -4 -8 -6 -13 -6c-3 0 -6 1 -9 3s-6 6 -6 10s1 7 3 10l55 75h-35l-37 -50c-3 -4 -7 -5 -12 -5c-3 0 -7 0 -9 2c-3 2 -5 6 -6 10s1 8 3 11l24 32h-35l-67 -92c-2 -3 -7 -6 -14 -6
-c-2 0 -4 1 -8 3c-3 2 -6 6 -6 10s0 7 2 10l56 75h-35l-37 -50c-3 -4 -8 -5 -13 -5c-3 0 -7 0 -9 2c-3 2 -5 6 -6 10s1 8 3 11v0l24 32c-42 3 -77 41 -77 86c0 21 8 42 22 58c12 14 28 24 46 28c1 31 13 60 36 81s53 33 86 33c31 0 60 -9 81 -26c18 -15 31 -34 37 -58h6
-c28 0 53 -10 72 -28z" />
-    <glyph glyph-name="ion-ios-trash" unicode="&#xf4c5;" horiz-adv-x="276" 
-d="M15 320h247l-24 -291c0 -16 -13 -29 -29 -29h-141c-16 0 -29 13 -29 29zM77 55h18l-7 233h-18zM147 55v233h-18v-233h18zM199 55l7 233h-18l-7 -233h18zM246 356c18 0 30 -8 30 -26h-276c0 18 12 26 30 26h36l26 23c4 3 9 5 14 5h64c5 0 10 -2 14 -5l26 -23h36z" />
-    <glyph glyph-name="ion-md-image" unicode="&#xf30e;" horiz-adv-x="384" 
-d="M384 43c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298c23 0 43 -20 43 -43v-298zM117 160l-74 -96h298l-96 128l-74 -96z" />
-    <glyph glyph-name="ion-ios-airplane" unicode="&#xf137;" horiz-adv-x="448" 
-d="M376 224c44 0 72 -14 72 -32s-28 -32 -72 -32h-18l-65 2c-1 0 -2 0 -2 -1l-97 -146c-3 -5 -8 -7 -14 -7h-23c-6 0 -8 6 -6 11l50 143c0 1 -1 2 -2 2l-121 3c-2 0 -5 -1 -7 -3l-38 -46c-3 -4 -7 -6 -12 -6h-17c-3 0 -5 3 -4 6l20 68c2 4 2 8 0 12l-20 69c-1 3 1 5 4 5h17
-c5 0 9 -2 12 -6l37 -45c2 -2 4 -3 7 -3l122 2c1 0 2 1 2 2l-50 143c-2 5 0 11 6 11h23c5 0 11 -2 14 -7l97 -146c0 -1 1 -1 2 -1l65 2h18z" />
-    <glyph glyph-name="ion-md-calendar" unicode="&#xf2ab;" horiz-adv-x="384" 
-d="M304 176v-96h-96v96h96zM272 384h48v-32h24c22 0 40 -18 40 -40v-272c0 -22 -18 -40 -40 -40h-304c-22 0 -40 18 -40 40v272c0 22 18 40 40 40h24v32h48v-32h160v32zM344 40v212h-304v-212h304z" />
-    <glyph glyph-name="ion-md-redo" unicode="&#xf365;" horiz-adv-x="448" 
-d="M0 111c30 92 116 157 218 157c58 0 110 -21 150 -56l80 76v-192h-198l80 77c-30 25 -69 41 -112 41c-77 0 -143 -48 -166 -118z" />
-    <glyph glyph-name="ion-ios-sync" unicode="&#xf222;" horiz-adv-x="480" 
-d="M476 191c5 -5 5 -14 0 -19l-42 -42c-2 -2 -4 -3 -7 -3s-5 1 -7 3l-43 42c-5 5 -5 14 0 19c2 2 6 4 10 4s7 -2 9 -4l19 -18c3 24 0 48 -7 71c-8 27 -24 53 -44 73c-17 17 -36 30 -58 39c-21 9 -43 13 -66 13s-45 -4 -66 -13c-22 -9 -41 -22 -58 -39
-c-12 -12 -22 -25 -30 -39c-2 -4 -7 -7 -12 -7c-2 0 -5 0 -7 1c-3 2 -6 5 -7 9s-1 8 1 11c9 16 21 32 34 45c19 20 42 35 68 45c25 10 50 15 77 15c52 0 100 -19 138 -54c46 -42 70 -103 66 -165l13 13c3 3 5 4 9 4s7 -1 10 -4zM413 112c4 -2 6 -4 7 -8s1 -9 -1 -12
-c-9 -17 -21 -31 -35 -45c-20 -20 -42 -35 -67 -45c-24 -10 -51 -15 -77 -15s-53 5 -77 15c-25 10 -48 25 -68 45c-24 24 -40 52 -50 83c-8 24 -11 50 -9 76l-13 -13c-3 -3 -5 -4 -9 -4s-7 1 -10 4c-5 5 -5 14 0 19l42 43c2 2 4 3 7 3s5 -1 7 -3l43 -43c5 -5 5 -13 0 -18
-l-1 -1c-2 -2 -6 -4 -9 -4s-7 2 -9 4l-19 18c-6 -53 12 -106 50 -144c17 -17 37 -30 59 -39c21 -9 43 -12 66 -12s45 3 66 12c22 9 41 22 58 39c12 12 22 25 30 39c2 4 7 8 12 8c2 0 5 -1 7 -2z" />
-    <glyph glyph-name="ion-ios-photos" unicode="&#xf482;" horiz-adv-x="480" 
-d="M448 304c18 0 32 -14 32 -32v-240c0 -18 -14 -32 -32 -32h-336c-18 0 -32 14 -32 32v240c0 18 14 32 32 32h336zM84 332c-18 0 -32 -14 -32 -32v-236h-20c-18 0 -32 14 -32 32v256c0 18 14 32 32 32h352c18 0 32 -14 32 -32v-20h-332z" />
-    <glyph glyph-name="ion-md-locate" unicode="&#xf31c;" horiz-adv-x="448" 
-d="M224 272c44 0 80 -36 80 -80s-36 -80 -80 -80s-80 36 -80 80s36 80 80 80zM415 213h33v-42h-33c-10 -89 -81 -160 -170 -170v-33h-42v33c-89 10 -160 81 -170 170h-33v42h33c10 89 81 160 170 170v33h42v-33c89 -10 160 -81 170 -170zM224 43c82 0 149 67 149 149
-s-67 149 -149 149s-149 -67 -149 -149s67 -149 149 -149z" />
-    <glyph glyph-name="ion-logo-game-controller-a" unicode="&#xf13b;" horiz-adv-x="448" 
-d="M337 302c61 0 111 -45 111 -109s-50 -111 -111 -111h-226c-61 0 -111 47 -111 111s50 109 111 109h226zM168 181v22c0 3 -2 5 -5 5h-35v35c0 3 -2 5 -5 5h-22c-3 0 -5 -2 -5 -5v-35h-36c-3 0 -4 -2 -4 -5v-21c0 -3 2 -6 5 -6h35v-36c0 -3 2 -4 5 -4h21c3 0 6 2 6 5v35h35
-c3 0 5 2 5 5zM288 172c11 0 19 9 19 20s-8 19 -19 19s-20 -8 -20 -19s9 -20 20 -20zM330 131c11 0 20 8 20 19s-9 19 -20 19s-19 -8 -19 -19s8 -19 19 -19zM330 214c11 0 20 10 20 20c0 11 -9 19 -20 19s-19 -8 -19 -19c0 -10 8 -20 19 -20zM373 172c11 0 19 9 19 20
-s-8 19 -19 19s-19 -8 -19 -19s8 -20 19 -20z" />
-    <glyph glyph-name="ion-md-man" unicode="&#xf324;" horiz-adv-x="168" 
-d="M84 341c-21 0 -37 17 -37 38s16 37 37 37s37 -16 37 -37s-16 -38 -37 -38zM121 333c28 0 47 -24 47 -48v-114c0 -22 -32 -22 -32 0v105h-5v-286c0 -28 -41 -31 -43 0v165h-1h-7v-165c-1 -29 -43 -30 -43 0v286h-6v-105c0 -22 -31 -22 -31 0v114c0 24 19 48 47 48h37h37z
-" />
-    <glyph glyph-name="ion-ios-call" unicode="&#xf13e;" horiz-adv-x="384" 
-d="M373 83c15 -15 12 -18 9 -26c0 0 -5 -12 -13 -24c-10 -15 -18 -23 -30 -29s-35 -12 -95 22c-48 27 -85 53 -125 93v0v0v0v0c-40 39 -66 77 -93 125c-34 60 -27 82 -21 94s13 21 28 31c12 8 24 13 24 13c8 3 11 6 26 -9s37 -49 45 -67c10 -20 10 -28 0 -42
-c-8 -12 -17 -20 -14 -34s24 -41 50 -67s52 -46 66 -49s22 5 34 14c14 10 22 10 42 0c17 -8 52 -30 67 -45z" />
-    <glyph glyph-name="ion-ios-arrow-back" unicode="&#xf3cf;" horiz-adv-x="192" 
-d="M58 192l127 -127c9 -9 9 -25 0 -34c-5 -5 -11 -7 -17 -7s-12 2 -17 7l-145 145c-9 9 -8 24 1 33l144 144c9 9 25 9 34 0s9 -25 0 -34z" />
-    <glyph glyph-name="ion-md-barcode" unicode="&#xf290;" horiz-adv-x="480" 
-d="M72 64v256h48v-256h-48zM216 64v256h48v-256h-48zM144 80v224h48v-224h-48zM288 80v224h48v-224h-48zM360 64v256h48v-256h-48zM88 344h-40v-304h40v-48h-88v8v40v304v40v8h88v-48zM392 392h88v-8v-40v-304v-40v-8h-88v48h40v304h-40v48z" />
-    <glyph glyph-name="ion-logo-freebsd-devil" unicode="&#xf238;" horiz-adv-x="512" 
-d="M503 333c19 -37 8 -81 -20 -108s-60 -33 -60 -33c2 -32 16 -59 -41 -102c-43 -32 2 -90 2 -90c10 -14 23 -19 32 -32h-272s15 14 -7 32c0 0 -20 17 -18 29s6 13 9 15s0 7 0 7l-19 19s-13 -13 -44 -13c-38 0 -65 39 -65 39h46s-6 -8 -7 -13c-1 -4 1 -5 1 -5s11 -6 22 -6
-c17 0 33 12 33 12l-24 22l-15 -4l-16 37l39 -10l-1 -15l28 -18s9 9 7 27s-9 26 -9 26s-4 0 -9 -4s-6 -6 -6 -6l-10 44s43 -19 50 -63c3 -20 -6 -35 -6 -35l17 -10s6 5 17 7s23 2 29 -8s5 -12 4 -19s0 -9 6 -11s6 -6 11 -8s15 -6 21 -2s8 11 8 18v16s-9 8 -32 20
-s-54 22 -66 40s-12 44 0 57c9 10 23 25 26 35c4 14 4 42 4 42s-10 16 -8 40c2 30 22 84 96 114c0 0 -40 -55 -20 -80c0 0 37 11 77 9c31 -2 56 -12 73 -28s25 -23 47 -17s28 17 28 33c0 19 -16 51 -16 51s36 -7 58 -51zM195 245c14 4 21 -11 21 -11c14 25 30 60 22 64
-s-64 -25 -66 -88c0 0 6 31 23 35zM232 230c5 7 34 8 37 -17c4 -35 -24 -57 -24 -57s7 -2 23 2c17 4 43 29 43 70s-21 66 -41 62s-38 -60 -38 -60z" />
-    <glyph glyph-name="ion-logo-markdown" unicode="&#xf241;" horiz-adv-x="448" 
-d="M416 352c18 0 32 -14 32 -32v-256c0 -18 -14 -32 -32 -32h-384c-18 0 -32 14 -32 32v256c0 18 14 32 32 32h384zM252 96v0v192h-56l-42 -68l-42 68h-56v-192h56v96l42 -54l42 54v-96h56zM336 96v0l70 96h-42v96h-56v-96h-42z" />
-    <glyph glyph-name="ion-md-arrow-up" unicode="&#xf28c;" horiz-adv-x="342" 
-d="M192 21h-42v260l-120 -119l-30 30l171 171l171 -171l-30 -31l-120 120v-260z" />
-    <glyph glyph-name="ion-ios-backspace" unicode="&#xf11d;" 
-d="M347 352c38 0 69 -31 69 -69v-180c0 -38 -31 -71 -69 -71h-165c-45 0 -64 26 -102 64s-72 76 -72 76c-5 6 -8 13 -8 21s3 15 8 21c0 0 43 45 72 74s55 64 102 64h165zM329 139l-52 53l52 53c6 6 6 16 0 22s-16 6 -22 0l-53 -52l-53 52c-6 6 -15 7 -22 0s-6 -16 0 -22
-s52 -53 52 -53s-45 -46 -52 -53s-6 -16 0 -22s16 -6 22 0l53 52l53 -52c6 -6 16 -6 22 0s6 16 0 22z" />
-    <glyph glyph-name="ion-md-hammer" unicode="&#xf303;" horiz-adv-x="448" 
-d="M442 50c8 -6 8 -21 -2 -29l-47 -47c-8 -8 -20 -8 -28 0l-215 268c-14 4 -32 -2 -39 -6l-15 -14l10 -10c2 -2 2 -7 0 -9l-36 -36c-2 -2 -7 -2 -9 0l-59 59c-2 2 -2 6 0 8l37 37c2 2 6 2 8 0l4 -4l20 17s-2 11 5 20s17 21 25 29s36 37 74 56s65 27 97 27v-32
-s-30 -18 -48 -32c-17 -14 -26 -72 -26 -72z" />
-    <glyph glyph-name="ion-md-cloud-done" unicode="&#xf2c3;" horiz-adv-x="480" 
-d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM197 85l141 141l-30 30l-111 -111l-44 45l-30 -30z" />
-    <glyph glyph-name="ion-md-business" unicode="&#xf1a4;" 
-d="M213 299h203v-299h-416v384h213v-85zM85 43v42h-42v-42h42zM85 128v43h-42v-43h42zM85 213v43h-42v-43h42zM85 299v42h-42v-42h42zM170 43v42h-42v-42h42zM170 128v43h-42v-43h42zM170 213v43h-42v-43h42zM170 299v42h-42v-42h42zM373 43v213h-160v-43h43v-42h-43v-43h43
-v-43h-43v-42h160zM336 213v-42h-43v42h43zM336 128v-43h-43v43h43z" />
-    <glyph glyph-name="ion-ios-exit" unicode="&#xf177;" 
-d="M96 312c0 22 18 40 40 40h240c22 0 40 -18 40 -40v-240c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v107h180l-47 -48c-5 -5 -5 -13 0 -18s13 -5 18 0l69 70v0c1 1 2 2 3 4s1 3 1 5c0 3 -2 7 -4 9l-69 70c-5 5 -13 5 -18 0s-5 -13 0 -18l47 -48h-180v107zM13 205h83
-v-26h-83c-7 0 -13 6 -13 13s6 13 13 13z" />
-    <glyph glyph-name="ion-md-send" unicode="&#xf376;" 
-d="M0 0v149l298 43l-298 43v149l416 -192z" />
-    <glyph glyph-name="ion-ios-ice-cream" unicode="&#xf19a;" horiz-adv-x="288" 
-d="M109 42c0 2 1 3 3 2l12 -7c2 -2 2 -5 0 -7l-7 -4c-1 -1 -3 0 -3 1zM175 27c0 -1 -2 -2 -3 -1l-7 4c-2 2 -2 5 0 7l12 7c2 1 4 0 3 -2zM77 206c2 1 3 1 5 0c10 -9 22 -16 36 -19c4 -1 5 -5 2 -7l-37 -23l-7 -4c-1 -1 -3 0 -3 1l-4 12l-9 29c0 1 0 2 1 2c6 2 12 5 16 9z
-M81 137c1 1 3 1 4 0l39 -24c2 -2 2 -5 0 -7l-28 -16c-1 -1 -3 0 -3 1l-14 45zM146 99l42 -26v0c1 -1 1 -2 0 -3v0l-42 -26c-1 -1 -3 -1 -4 0l-41 26h-1c-1 1 -1 2 0 3v1l42 25c1 1 3 1 4 0zM185 151c2 -2 2 -4 0 -6l-39 -24c-1 -1 -3 -1 -4 0l-38 24c-2 2 -2 4 0 6l38 24
-c1 1 3 1 4 0zM206 206c2 1 4 1 6 0c4 -4 11 -7 18 -9l-10 -31l-4 -12c0 -1 -2 -2 -3 -1l-7 4l-37 23c-3 2 -3 6 1 7c14 3 26 10 36 19zM121 6c-1 2 -1 3 1 4l20 13c1 1 3 1 4 0l20 -13c2 -1 3 -2 2 -4l-2 -5s-7 -19 -22 -19c-14 0 -22 19 -22 19zM165 106c-3 2 -3 5 0 7
-l39 24c1 1 3 1 4 0h1c1 0 1 -2 1 -3l-15 -44c0 -1 -2 -2 -3 -1zM264 280c3 3 7 3 10 0c8 -7 14 -18 14 -30c0 -22 -18 -40 -40 -40c-11 0 -29 4 -37 12c-2 1 -3 1 -5 0c-15 -13 -36 -20 -62 -20s-47 7 -62 20c-2 1 -3 1 -5 0c-9 -8 -26 -12 -37 -12c-22 0 -40 18 -40 40
-c0 13 7 25 17 32c2 1 4 1 5 0c7 -7 15 -11 20 -13c2 -1 3 1 2 3l-4 6c-6 9 -8 19 -6 29c9 54 54 95 110 95s102 -41 111 -94c2 -10 -1 -21 -7 -30l-4 -6c-1 -2 0 -4 2 -3c5 2 12 6 18 11z" />
-    <glyph glyph-name="ion-md-resize" unicode="&#xf36b;" 
-d="M250 400h166v-166l-65 64l-249 -249l64 -65h-166v166l65 -64l249 249z" />
-    <glyph glyph-name="ion-ios-camera" unicode="&#xf3f6;" horiz-adv-x="384" 
-d="M134 173c0 32 26 57 58 57s58 -25 58 -57s-26 -57 -58 -57s-58 25 -58 57zM354 288c18 0 30 -13 30 -31v-176c0 -18 -12 -33 -30 -33h-320c-18 0 -34 15 -34 33v176c0 18 16 31 34 31h7v8c0 4 4 8 8 8h26c4 0 8 -4 8 -8v-8h4c4 0 9 2 12 5c28 32 40 43 52 43h85
-c12 0 23 -11 51 -43c3 -3 7 -5 12 -5h55zM196 88c44 2 79 37 81 81c2 50 -39 91 -89 89c-44 -2 -79 -37 -81 -81c-2 -50 39 -91 89 -89zM288 230c7 0 13 6 13 13s-6 13 -13 13s-13 -6 -13 -13s6 -13 13 -13z" />
-    <glyph glyph-name="ion-md-information" unicode="&#xf312;" horiz-adv-x="48" 
-d="M0 76v137h48v-137h-48zM0 260v48h48v-48h-48z" />
-    <glyph glyph-name="ion-md-bluetooth" unicode="&#xf29a;" horiz-adv-x="286" 
-d="M286 288l-97 -96l97 -96l-128 -128h-23v170l-103 -103l-32 32l126 125l-126 125l32 32l103 -103v170h23zM180 330v-84l42 42zM222 96l-42 42v-84z" />
-    <glyph glyph-name="ion-ios-filing" unicode="&#xf429;" 
-d="M376 384c22 0 40 -18 40 -40v-304c0 -22 -18 -40 -40 -40h-336c-22 0 -40 18 -40 40v304c0 22 18 40 40 40h336zM388 208v132c0 9 -7 16 -16 16h-328c-9 0 -16 -7 -16 -16v-132c0 -9 7 -16 16 -16h87c7 0 13 -5 15 -11c4 -12 14 -21 26 -21h72c12 0 22 9 26 21
-c2 6 8 11 15 11h87c9 0 16 7 16 16zM338 292h-260c-8 0 -14 6 -14 14v0c0 8 6 14 14 14h260c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14zM338 228h-260c-8 0 -14 6 -14 14v0c0 8 6 14 14 14h260c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14z" />
-    <glyph glyph-name="ion-ios-thermometer" unicode="&#xf252;" horiz-adv-x="192" 
-d="M150 143c25 -17 42 -46 42 -79c0 -53 -43 -96 -96 -96s-96 43 -96 96c0 33 17 62 42 79c4 3 7 8 7 13v214c0 26 21 46 47 46s47 -20 47 -46v-214c0 -5 3 -10 7 -13zM96 3c32 0 58 27 58 59c0 25 -16 47 -38 55c-3 1 -6 5 -6 8v143c0 8 -6 14 -14 14v0
-c-8 0 -15 -6 -15 -14v-143c0 -3 -2 -7 -5 -8c-22 -8 -38 -30 -38 -55c0 -32 26 -59 58 -59z" />
-    <glyph glyph-name="ion-logo-ionic" unicode="&#xf150;" 
-d="M208 287c52 0 95 -43 95 -95s-43 -95 -95 -95s-95 43 -95 95s43 95 95 95zM301 322c0 24 19 43 43 43s43 -19 43 -43s-19 -44 -43 -44s-43 20 -43 44zM397 278c12 -27 19 -56 19 -86c0 -115 -93 -208 -208 -208s-208 93 -208 208s93 208 208 208c34 0 65 -8 95 -23l4 -2
-l-3 -3c-8 -7 -15 -15 -19 -25l-1 -3l-3 2c-23 11 -48 16 -73 16c-94 0 -170 -76 -170 -170s76 -170 170 -170s170 76 170 170c0 22 -4 44 -13 65l-1 3l2 1c10 4 20 10 27 18l3 3z" />
-    <glyph glyph-name="ion-ios-gift" unicode="&#xf191;" 
-d="M384 312c18 0 32 -14 32 -32v-20c0 -2 -2 -4 -4 -4h-408c-2 0 -4 2 -4 4v20c0 18 14 32 32 32h84c-12 11 -20 27 -20 44c0 33 28 60 63 60c21 0 38 -9 49 -27c11 18 28 27 49 27c35 0 63 -27 63 -60c0 -17 -8 -33 -20 -44h84zM257 388c-19 0 -34 -16 -34 -64h34
-s34 14 34 32s-15 32 -34 32zM159 388c-19 0 -34 -14 -34 -32s15 -32 34 -32h34c0 48 -15 64 -34 64zM16 222c0 4 4 8 8 8h170v-262h-146c-18 0 -32 14 -32 32v222zM392 230c4 0 8 -4 8 -8v-222c0 -18 -14 -32 -32 -32h-146v262h170z" />
-    <glyph glyph-name="ion-md-help-circle-outline" unicode="&#xf16d;" 
-d="M208 358c-44 0 -86 -18 -117 -49s-49 -73 -49 -117s18 -86 49 -117s73 -49 117 -49s86 18 117 49s49 73 49 117s-18 86 -49 117s-73 49 -117 49zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM187 67v42h42v-42h-42zM229 130
-h-42c0 67 63 62 63 104c0 23 -19 42 -42 42s-42 -20 -42 -42h-41c0 46 37 83 83 83s83 -37 83 -83c0 -52 -62 -58 -62 -104z" />
-    <glyph glyph-name="ion-ios-battery-full" unicode="&#xf122;" horiz-adv-x="480" 
-d="M380 304c26 0 48 -22 48 -48v-128c0 -26 -22 -48 -48 -48h-332c-26 0 -48 22 -48 48v128c0 26 22 48 48 48h332zM400 128v128c0 11 -9 20 -20 20h-332c-11 0 -20 -9 -20 -20v-128c0 -11 9 -20 20 -20h332c11 0 20 9 20 20zM448 243c16 0 32 -27 32 -51s-16 -51 -32 -51
-v102zM368 256c7 0 12 -5 12 -12v-104c0 -7 -5 -12 -12 -12h-308c-7 0 -12 5 -12 12v104c0 7 5 12 12 12h308z" />
-    <glyph glyph-name="ion-ios-radio-button-off" unicode="&#xf1f6;" 
-d="M208 372c-48 0 -93 -19 -127 -53s-53 -79 -53 -127s19 -93 53 -127s79 -53 127 -53s93 19 127 53s53 79 53 127s-19 93 -53 127s-79 53 -127 53zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208z" />
-    <glyph glyph-name="ion-md-play" unicode="&#xf357;" horiz-adv-x="320" 
-d="M0 396l320 -204l-320 -204v408z" />
-    <glyph glyph-name="ion-md-close" unicode="&#xf2c0;" horiz-adv-x="298" 
-d="M298 311l-119 -119l119 -119l-30 -30l-119 119l-119 -119l-30 30l119 119l-119 119l30 30l119 -119l119 119z" />
-    <glyph glyph-name="ion-ios-bookmark" unicode="&#xf12e;" horiz-adv-x="256" 
-d="M0 368c0 18 14 32 32 32h192c18 0 32 -14 32 -32v-380c0 -3 -3 -5 -6 -3l-117 92c-3 2 -7 2 -10 0l-117 -92c-3 -2 -6 0 -6 3v380z" />
-    <glyph glyph-name="ion-md-play-circle" unicode="&#xf174;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM166 98l125 94l-125 94v-188z" />
-    <glyph glyph-name="ion-md-color-palette" unicode="&#xf2d2;" horiz-adv-x="384" 
-d="M192 384c106 0 192 -77 192 -171c0 -59 -48 -106 -107 -106h-38c-18 0 -32 -14 -32 -32c0 -9 3 -17 8 -22s9 -12 9 -21c0 -18 -14 -32 -32 -32c-106 0 -192 86 -192 192s86 192 192 192zM75 192c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM139 277
-c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM245 277c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM309 192c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
-    <glyph glyph-name="ion-ios-arrow-dropleft-circle" unicode="&#xf129;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM251 111l-79 81l81 81c8 8 8 19 0 27s-19 8 -27 0l-95 -95c-7 -7 -8 -19 -1 -27l94 -94c4 -4 9 -6 14 -6s9 2 13 6c8 8 8 19 0 27z" />
-    <glyph glyph-name="ion-md-battery-charging" unicode="&#xf294;" horiz-adv-x="224" 
-d="M194 371c16 0 30 -14 30 -30v-343c0 -16 -13 -30 -30 -30h-164c-16 0 -30 13 -30 30v343c0 16 14 30 30 30h37v45h90v-45h37zM90 13l89 168h-45v123l-89 -168h45v-123z" />
-    <glyph glyph-name="ion-md-share-alt" unicode="&#xf378;" horiz-adv-x="384" 
-d="M384 200l-160 -147v88c-107 0 -171 -34 -224 -109c21 107 75 214 224 235v85z" />
-    <glyph glyph-name="ion-logo-xing" unicode="&#xf10f;" horiz-adv-x="426" 
-d="M271 144v-1l99 -175h-103c-1 0 -2 0 -2 1l-99 173v2l156 272h104zM179 232v-1l-81 -134c0 -1 0 -1 -1 -1h-97l81 135v1l-59 104h96c1 0 2 0 2 -1z" />
-    <glyph glyph-name="ion-md-unlock" unicode="&#xf39e;" horiz-adv-x="320" 
-d="M280 262c22 0 40 -18 40 -40v-200c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v200c0 22 18 40 40 40h182v40v0c0 34 -28 62 -62 62s-62 -28 -62 -62h-38c0 55 45 100 100 100s100 -45 100 -100v-40h20zM160 80c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40
-s18 -40 40 -40z" />
-    <glyph glyph-name="ion-logo-apple" unicode="&#xf229;" horiz-adv-x="320" 
-d="M238 294v0c25 0 52 -14 71 -39c-63 -36 -53 -128 11 -153c-9 -20 -13 -28 -24 -46c-16 -25 -37 -56 -65 -56h-1c-24 0 -31 16 -63 16v0c-33 0 -40 -16 -64 -16h-1c-28 0 -48 28 -64 53c-44 69 -48 150 -21 193c19 30 50 48 78 48c29 0 47 -16 71 -16c23 0 38 16 72 16z
-M230 384v0c3 -23 -6 -46 -18 -62c-13 -17 -35 -30 -56 -30h-1c-4 22 6 44 18 60c14 17 37 31 57 32z" />
-    <glyph glyph-name="ion-ios-square" unicode="&#xf21a;" horiz-adv-x="320" 
-d="M292 32h-264c-15 0 -28 13 -28 28v264c0 15 13 28 28 28h264c15 0 28 -13 28 -28v-264c0 -15 -13 -28 -28 -28z" />
-    <glyph glyph-name="ion-ios-albums" unicode="&#xf3ca;" horiz-adv-x="480" 
-d="M445 287c19 0 35 -16 35 -35v-232c0 -19 -16 -35 -35 -35h-410c-19 0 -35 16 -35 35v232c0 19 16 35 35 35h410zM418 315h-356c-8 0 -14 6 -14 14v0c0 8 6 14 14 14h356c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14zM387 371h-294c-7 0 -13 6 -13 13v2c0 7 6 13 13 13h294
-c7 0 13 -6 13 -13v-2c0 -7 -6 -13 -13 -13z" />
-    <glyph glyph-name="ion-md-star" unicode="&#xf384;" horiz-adv-x="404" 
-d="M202 75l-125 -75l33 142l-110 96l145 12l57 134l57 -134l145 -12l-110 -96l33 -142z" />
-    <glyph glyph-name="ion-md-bookmark" unicode="&#xf29f;" horiz-adv-x="288" 
-d="M248 384c22 0 40 -18 40 -40v-344l-144 64l-144 -64v344c0 22 18 40 40 40h208z" />
-    <glyph glyph-name="ion-md-woman" unicode="&#xf3aa;" horiz-adv-x="192" 
-d="M30 299c3 12 17 33 42 34h48c24 -1 38 -22 42 -34l29 -104c6 -23 -21 -32 -27 -10l-26 96h-9l46 -169h-43v-127c0 -23 -31 -23 -31 0v127h-10v-127c0 -23 -32 -23 -32 0v127h-42l45 169h-7l-27 -96c-7 -21 -33 -13 -27 10zM133 379c0 -21 -17 -37 -37 -37s-37 16 -37 37
-s17 37 37 37s37 -16 37 -37z" />
-    <glyph glyph-name="ion-ios-construct" unicode="&#xf15f;" horiz-adv-x="480" 
-d="M364 384v0v0zM259 390c6 -4 18 -12 10 -12c0 0 -35 6 -60 -15c-18 -16 -30 -31 -31 -53s7 -34 35 -62l5 3c1 1 3 1 4 1c2 0 6 -1 7 -2c0 0 -5 5 14 -14l-50 -47c-18 18 -13 13 -13 13c-2 2 -3 6 -1 10l4 7c-25 25 -39 37 -51 40c-4 1 -8 2 -12 2c-10 0 -17 -3 -21 -7
-s-12 -16 -5 -23l12 -12c2 -2 2 -6 0 -8l-33 -35c-1 -1 -3 -1 -4 -1s-3 0 -4 1l-63 64c-2 2 -2 5 0 7l34 34c1 1 3 2 4 2c0 0 16 -8 24 0s0 20 6 29s16 19 23 26s35 34 81 53c16 7 33 9 47 9c15 0 29 -4 38 -10zM446 48c2 -2 2 -6 0 -8l-55 -54c-1 -1 -3 -2 -4 -2s-3 1 -4 2
-c0 0 -56 66 -114 127l47 51c61 -58 130 -116 130 -116zM463 323c13 -13 18 -29 17 -41s-6 -36 -30 -60c-17 -17 -45 -30 -72 -30c-11 0 -22 3 -32 8c-2 1 -6 2 -9 2s-7 -1 -11 -5c-2 -2 -9 -10 -21 -22c-3 -4 -7 -8 -11 -12c-8 -8 -17 -17 -26 -27c-4 -4 -7 -8 -11 -12
-c-54 -57 -119 -127 -119 -127c-8 -9 -18 -13 -29 -13s-24 5 -32 13c-17 17 -18 45 0 61c0 0 70 65 127 119c4 4 8 7 12 11c10 9 19 18 27 26c4 4 7 8 11 11c13 12 21 20 23 21c7 8 5 15 3 20c-19 44 2 83 22 104c21 22 48 29 60 30h2c12 0 28 -6 39 -17l-53 -53l10 -51
-l51 -9zM121 22c5 5 5 14 0 20c-5 5 -13 5 -19 0c-5 -5 -5 -14 0 -20c5 -5 13 -5 19 0z" />
-    <glyph glyph-name="ion-logo-android" unicode="&#xf225;" horiz-adv-x="352" 
-d="M64 180v76h224v-76v-90c0 -7 -4 -14 -11 -14h-28v-52c0 -13 -11 -24 -24 -24v0h-1c-6 0 -10 2 -14 5c-5 4 -9 11 -9 19v52h-49v-52c0 -13 -11 -24 -24 -24s-24 11 -24 24v52h-29c-7 0 -11 7 -11 14v90zM328 272c13 0 24 -11 24 -24v-96c0 -13 -11 -24 -24 -24
-s-24 11 -24 24v96c0 13 11 24 24 24zM24 272c13 0 24 -11 24 -24v-96c0 -13 -11 -24 -24 -24s-24 11 -24 24v96c0 13 11 24 24 24zM231 359c48 -21 56 -72 57 -87h-224c1 15 8 66 56 87l-18 22c0 1 0 1 1 2s3 1 3 1l19 -23c14 5 31 9 51 9s36 -4 50 -9l20 23c0 1 1 0 2 -1
-l2 -2zM127 309c8 0 13 6 13 13s-6 14 -13 14c-8 0 -14 -7 -14 -14s7 -13 14 -13zM225 309c7 0 14 6 14 13s-7 14 -14 14c-8 0 -13 -7 -13 -14s6 -13 13 -13z" />
-    <glyph glyph-name="ion-md-radio-button-on" unicode="&#xf361;" 
-d="M208 296c57 0 104 -47 104 -104s-47 -104 -104 -104s-104 47 -104 104s47 104 104 104zM208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166z" />
-    <glyph glyph-name="ion-ios-cloud-download" unicode="&#xf408;" horiz-adv-x="512" 
-d="M437 282c43 -8 75 -47 75 -92c0 -50 -41 -94 -91 -94h-152v141c0 7 -6 13 -13 13s-13 -6 -13 -13v-141h-152c-50 0 -91 44 -91 94c0 41 26 80 66 93c1 39 33 74 72 74c10 0 19 -3 27 -6c27 39 72 65 123 65c77 0 141 -59 149 -134zM243 12v84h26v-84l48 47c5 5 13 5 18 0
-s5 -13 0 -18l-70 -69v0c-1 -1 -2 -2 -4 -3s-3 -1 -5 -1c-3 0 -7 2 -9 4l-70 69c-5 5 -5 13 0 18s13 5 18 0z" />
-    <glyph glyph-name="ion-md-heart-dislike" unicode="&#xf167;" 
-d="M4 371l24 25l384 -384l-24 -24l-92 92c-18 -17 -37 -34 -58 -53l-30 -27l-30 27c-107 98 -178 162 -178 242c0 30 11 57 29 77zM416 269c0 -49 -26 -92 -72 -141l-254 254c8 2 16 2 24 2c36 0 71 -17 94 -44c23 27 58 44 94 44c64 0 114 -50 114 -115z" />
-    <glyph glyph-name="ion-md-leaf" unicode="&#xf319;" horiz-adv-x="320" 
-d="M320 160c0 -119 -81 -140 -128 -143v-49h-64v49c-47 3 -128 24 -128 143c0 167 160 256 160 256s160 -89 160 -256z" />
-    <glyph glyph-name="ion-md-people" unicode="&#xf343;" horiz-adv-x="448" 
-d="M305 216c-34 0 -61 27 -61 60s27 60 61 60s62 -27 62 -60s-28 -60 -62 -60zM143 216c-34 0 -62 27 -62 60s28 60 62 60s61 -27 61 -60s-27 -60 -61 -60zM143 172c48 0 145 -23 145 -70v-54h-288v54c0 47 95 70 143 70zM305 161c48 0 143 -12 143 -59v-54h-128v54
-c0 30 -9 41 -32 58c7 1 11 1 17 1z" />
-    <glyph glyph-name="ion-ios-thumbs-down" unicode="&#xf254;" horiz-adv-x="384" 
-d="M17 325c2 2 4 5 3 8c0 1 -1 2 -1 3c-3 6 -5 13 -1 23c11 26 45 33 76 37c17 2 36 4 56 4c38 0 81 -4 113 -8c22 -3 34 -7 46 -12c16 -6 31 -12 67 -12c5 0 8 -3 8 -8v-160c0 -4 -4 -8 -8 -8c-6 0 -15 -3 -22 -10c-3 -3 -9 -11 -14 -19c-8 -12 -17 -25 -26 -33
-c-2 -2 -6 -5 -10 -9c-17 -15 -49 -43 -57 -60c-5 -11 -9 -30 -12 -42c-4 -15 -3 -23 -6 -27c-5 -6 -16 -8 -28 -8s-20 9 -26 19c-12 21 -13 57 -3 90c5 17 11 28 15 36c3 6 5 11 5 13c-1 5 -4 6 -17 5c-3 0 -11 -1 -21 -3c-25 -4 -63 -10 -81 -11c-26 -2 -36 0 -46 12
-c-8 9 -13 24 -8 38c2 6 0 14 -4 18c-5 5 -10 11 -10 23c0 13 3 21 6 26c2 3 3 6 2 10l-1 1c0 1 0 2 -1 3c-5 6 -11 15 -11 29c0 15 9 26 17 32z" />
-    <glyph glyph-name="ion-md-clipboard" unicode="&#xf2bd;" horiz-adv-x="384" 
-d="M341 368c23 0 43 -20 43 -43v-314c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v314c0 23 20 43 43 43h87c7 28 32 48 62 48s55 -20 62 -48h87zM192 368c-12 0 -21 -9 -21 -21s9 -22 21 -22s21 10 21 22s-9 21 -21 21zM344 8v320h-40v-72h-224v72h-40v-320h304z" />
-    <glyph glyph-name="ion-md-images" unicode="&#xf30f;" horiz-adv-x="448" 
-d="M426 308c13 -1 23 -12 22 -24l-14 -263c-1 -13 -12 -22 -25 -21l-330 16c-13 1 -23 10 -22 23l2 46l-15 -1c-12 -1 -22 7 -23 18l-21 236c-1 11 7 21 19 22l296 24c12 1 22 -7 23 -18l5 -54zM71 302c1 12 11 22 24 22l219 -11l-2 31h-1v1c-1 5 -5 8 -10 8l-261 -22
-c-5 0 -9 -4 -10 -9v0v-1l16 -178l18 25zM405 66l10 199h-1c0 6 -4 10 -10 10l-291 14c-6 0 -11 -4 -12 -9v0l-10 -199l122 131l69 -81l38 34zM352 192c-18 0 -32 14 -32 32s14 32 32 32s32 -14 32 -32s-14 -32 -32 -32z" />
-    <glyph glyph-name="ion-ios-star-outline" unicode="&#xf4b2;" horiz-adv-x="448" 
-d="M431 256c9 0 17 -7 17 -16c0 -4 -2 -8 -5 -11l-3 -2l-120 -86l46 -135c2 -7 1 -14 -5 -18c-3 -2 -6 -4 -9 -4s-7 2 -10 4l-118 84l-118 -84c-3 -2 -7 -4 -10 -4s-6 2 -9 4c-6 4 -7 12 -5 18l46 135l-121 85c-5 4 -7 7 -7 11v3c0 9 7 16 16 16v0h148l45 133
-c2 6 8 11 15 11s13 -5 15 -11l45 -133h147zM304 164l79 57c3 2 2 7 -2 7h-97v0c-12 0 -23 8 -27 19l-29 89c-1 4 -7 4 -8 0l-30 -89c-4 -11 -14 -19 -26 -19h-99c-4 0 -5 -5 -2 -7l81 -57c10 -7 14 -20 10 -32l-30 -88c-1 -4 3 -6 6 -4l78 55c5 4 10 5 16 5s11 -1 16 -5
-l78 -56c3 -2 7 1 6 5l-30 88c-4 12 0 25 10 32z" />
-    <glyph glyph-name="ion-md-reverse-camera" unicode="&#xf36f;" horiz-adv-x="448" 
-d="M408 352c22 0 40 -18 40 -40v-272c0 -22 -18 -40 -40 -40h-368c-22 0 -40 18 -40 40v272c0 22 18 40 40 40h88l32 32h128l32 -32h88zM336 181v0v99l-33 -33c-20 20 -48 33 -79 33c-62 0 -112 -50 -112 -112s50 -112 112 -112c52 0 95 34 108 81h-30
-c-12 -32 -42 -53 -78 -53c-46 0 -84 38 -84 84s38 84 84 84c23 0 44 -11 59 -26l-45 -45h98z" />
-    <glyph glyph-name="ion-md-american-football" unicode="&#xf277;" horiz-adv-x="448" 
-d="M0 192c14 35 36 66 64 91v-182c-28 25 -50 56 -64 91zM448 192c-14 -35 -36 -66 -64 -91v182c28 -25 50 -56 64 -91zM224 343c47 0 91 -14 128 -37v-77v-21v-32v-28v-70c-37 -23 -81 -37 -128 -37s-91 14 -128 37v70v28v32v21v77c37 23 81 37 128 37zM320 208v32h-32v-32
-h-48v32h-32v-32h-48v32h-32v-32v-32v-32h32v32h48v-32h32v32h48v-32h32v32v32z" />
-    <glyph glyph-name="ion-ios-calendar" unicode="&#xf3f4;" 
-d="M376 352c22 0 40 -18 40 -40v-272c0 -22 -18 -40 -40 -40h-336c-22 0 -40 18 -40 40v272c0 22 18 40 40 40h40v-24c0 -4 4 -8 8 -8h16c4 0 8 4 8 8v24h192v-24c0 -4 4 -8 8 -8h16c4 0 8 4 8 8v24h40zM384 52v180c0 4 -4 8 -8 8h-336c-4 0 -8 -4 -8 -8v-180
-c0 -11 9 -20 20 -20h312c11 0 20 9 20 20zM112 376v-24h-32v24c0 4 4 8 8 8h16c4 0 8 -4 8 -8zM336 376v-24h-32v24c0 4 4 8 8 8h16c4 0 8 -4 8 -8z" />
-    <glyph glyph-name="ion-md-more" unicode="&#xf1c9;" horiz-adv-x="80" 
-d="M80 312c0 -22 -18 -40 -40 -40s-40 18 -40 40s18 40 40 40s40 -18 40 -40zM80 72c0 -22 -18 -40 -40 -40s-40 18 -40 40s18 40 40 40s40 -18 40 -40zM80 192c0 -22 -18 -40 -40 -40s-40 18 -40 40s18 40 40 40s40 -18 40 -40z" />
-    <glyph glyph-name="ion-md-eye" unicode="&#xf2e9;" horiz-adv-x="448" 
-d="M224 343c102 0 188 -62 224 -151c-36 -89 -122 -151 -224 -151s-188 62 -224 151c36 89 122 151 224 151zM224 91c56 0 102 46 102 101s-46 101 -102 101s-102 -46 -102 -101s46 -101 102 -101zM224 252c34 0 61 -27 61 -60s-27 -60 -61 -60s-61 27 -61 60s27 60 61 60z
-" />
-    <glyph glyph-name="ion-md-heart-empty" unicode="&#xf1a1;" 
-d="M302 384c64 0 114 -50 114 -115c0 -80 -71 -144 -178 -242l-30 -27l-30 27c-107 98 -178 162 -178 242c0 65 50 115 114 115c36 0 71 -17 94 -44c23 27 58 44 94 44zM221 55c50 46 94 86 123 122c28 35 40 63 40 92c0 23 -9 44 -24 59s-35 24 -58 24
-c-26 0 -53 -12 -70 -32l-24 -30l-24 30c-17 20 -44 32 -70 32c-23 0 -43 -9 -58 -24s-24 -36 -24 -59c0 -29 12 -57 40 -92c29 -36 73 -76 123 -122l4 -4l9 -8l9 8z" />
-    <glyph glyph-name="ion-md-arrow-round-back" unicode="&#xf288;" horiz-adv-x="352" 
-d="M321 224c17 0 31 -14 31 -32s-14 -32 -31 -32h-214l83 -79c12 -12 12 -34 0 -46s-31 -12 -43 0l-138 134c-6 6 -9 14 -9 23v0c0 9 3 17 9 23l138 134c12 12 31 12 43 0s12 -34 0 -46l-83 -79h214z" />
-    <glyph glyph-name="ion-md-airplane" unicode="&#xf15a;" horiz-adv-x="384" 
-d="M384 112l-160 48v-114l48 -31v-31l-80 16l-80 -16v31l48 31v114l-160 -48v40l160 104v113c0 18 15 31 32 31s32 -13 32 -31v-113l160 -104v-40z" />
-    <glyph glyph-name="ion-md-fastforward" unicode="&#xf2ea;" horiz-adv-x="448" 
-d="M448 192l-218 -146v292zM0 338l218 -146l-218 -146v292z" />
-    <glyph glyph-name="ion-ios-cloud-upload" unicode="&#xf40b;" horiz-adv-x="512" 
-d="M437 282c43 -8 75 -47 75 -92c0 -50 -41 -94 -91 -94h-152v142l48 -47c5 -5 13 -5 18 0s5 13 0 18l-70 69c-2 2 -6 4 -9 4c-2 0 -3 0 -5 -1s-3 -2 -4 -3v0l-70 -69c-5 -5 -5 -13 0 -18s13 -5 18 0l48 47v-142h-152c-50 0 -91 44 -91 94c0 41 26 80 66 93
-c1 39 33 74 72 74c10 0 19 -3 27 -6c27 39 72 65 123 65c77 0 141 -59 149 -134zM243 -19v115h26v-115c0 -7 -6 -13 -13 -13s-13 6 -13 13z" />
-    <glyph glyph-name="ion-ios-arrow-dropup" unicode="&#xf116;" 
-d="M100 147c-8 8 -8 19 0 27l95 95c7 7 19 8 27 1l94 -94c4 -4 6 -9 6 -14s-2 -9 -6 -13c-8 -8 -19 -8 -27 0l-81 79l-81 -81c-8 -8 -19 -8 -27 0zM208 -16c-115 0 -208 93 -208 208s93 208 208 208s208 -93 208 -208s-93 -208 -208 -208zM208 16c47 0 91 19 124 52
-s52 77 52 124s-19 91 -52 124s-77 52 -124 52s-91 -19 -124 -52s-52 -77 -52 -124s19 -91 52 -124s77 -52 124 -52z" />
-    <glyph glyph-name="ion-md-pizza" unicode="&#xf354;" horiz-adv-x="384" 
-d="M343 318c11 -4 13 -13 10 -20l-161 -330s-156 320 -161 330s2 17 10 20c43 18 97 28 151 28s105 -9 151 -28zM122 244c19 0 32 14 32 32s-13 32 -32 32s-32 -14 -32 -32s13 -32 32 -32zM192 101c19 0 32 14 32 32s-13 32 -32 32s-32 -14 -32 -32s13 -32 32 -32zM262 224
-c19 0 32 14 32 32s-13 32 -32 32s-32 -14 -32 -32s13 -32 32 -32zM373 382c6 -2 11 -6 11 -13l-10 -24c-3 -5 -8 -9 -15 -9c-2 0 -3 1 -7 2c-45 18 -103 30 -160 30s-111 -11 -160 -30c-3 -1 -5 -2 -7 -2c-6 0 -12 4 -15 9l-10 24c0 8 6 12 11 14c53 21 117 33 181 33
-s129 -13 181 -34z" />
-    <glyph glyph-name="ion-ios-code-working" unicode="&#xf156;" horiz-adv-x="384" 
-d="M382 196c1 -1 2 -2 2 -4s-1 -3 -2 -4l-114 -109c-1 -1 -2 -2 -4 -2s-3 1 -4 2l-14 13c-1 1 -2 2 -2 4s1 3 2 4l96 92l-96 92c-1 1 -2 2 -2 4s1 3 2 4l14 13c1 1 3 2 4 2s3 -1 4 -2zM42 192l96 -92c1 -1 2 -2 2 -4s-1 -3 -2 -4l-14 -13c-1 -1 -2 -2 -4 -2c-1 0 -3 1 -4 2
-l-114 109c-1 1 -2 2 -2 4s1 3 2 4l114 109c1 1 3 2 4 2s3 -1 4 -2l14 -13c1 -1 2 -2 2 -4s-1 -3 -2 -4zM170 192c0 12 10 22 22 22s22 -10 22 -22s-10 -22 -22 -22s-22 10 -22 22zM106 192c0 12 10 22 22 22s22 -10 22 -22s-10 -22 -22 -22s-22 10 -22 22zM234 192
-c0 12 10 22 22 22s22 -10 22 -22s-10 -22 -22 -22s-22 10 -22 22z" />
-    <glyph glyph-name="ion-logo-designernews" unicode="&#xf232;" horiz-adv-x="448" 
-d="M258 303l1 -53l-64 102zM297 352l151 -118v-202h-248l-200 157v0h63c46 0 77 33 77 82c0 20 -5 37 -15 51l-3 3l37 -29v-107h40l-2 99l64 -99h36v83v80zM98 270c0 -28 -14 -44 -40 -44h-19v89h19c26 0 40 -16 40 -45z" />
-    <glyph glyph-name="ion-logo-dropbox" unicode="&#xf234;" horiz-adv-x="384" 
-d="M113 371l79 -66l-114 -71l-78 63zM0 172l78 62l114 -70l-79 -66zM192 164l114 70l78 -62l-113 -74zM384 297l-78 -63l-114 71l79 66zM192 150l80 -66l34 22v-25l-114 -68l-114 68v25l34 -22z" />
-    <glyph glyph-name="ion-ios-arrow-round-forward" unicode="&#xf119;" horiz-adv-x="288" 
-d="M184 284c5 5 13 5 18 0l82 -83c2 -2 4 -6 4 -9c0 -2 0 -3 -1 -5s-2 -3 -3 -4v0l-82 -83c-5 -5 -13 -5 -18 0s-6 13 -1 18l61 61h-231c-7 0 -13 6 -13 13s6 13 13 13h231l-60 61c-5 5 -5 13 0 18z" />
-    <glyph glyph-name="ion-md-car" unicode="&#xf2b2;" horiz-adv-x="384" 
-d="M339 331l45 -118v-160c0 -12 -9 -21 -21 -21h-22c-12 0 -21 9 -21 21v11h-256v-11c0 -12 -9 -21 -21 -21h-22c-12 0 -21 9 -21 21v160l45 118c4 13 16 21 30 21h234c14 0 26 -8 30 -21zM75 128c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM309 128
-c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM43 235h298l-32 85h-234z" />
-    <glyph glyph-name="ion-ios-swap" unicode="&#xf21f;" horiz-adv-x="448" 
-d="M357 182c-5 5 -5 13 0 18l47 48h-225c-7 0 -13 6 -13 13s6 13 13 13h225l-47 48c-5 5 -5 13 0 18s13 5 18 0l69 -70v0c1 -1 2 -2 3 -4s1 -3 1 -5c0 -3 -2 -7 -4 -9l-69 -70c-5 -5 -13 -5 -18 0zM91 44c-5 -5 -13 -5 -18 0l-69 70c-2 2 -4 6 -4 9c0 2 0 3 1 5s2 3 3 4v0
-l69 70c5 5 13 5 18 0s5 -13 0 -18l-47 -48h225c7 0 13 -6 13 -13s-6 -13 -13 -13h-225l47 -48c5 -5 5 -13 0 -18z" />
-    <glyph glyph-name="ion-md-git-commit" unicode="&#xf2fb;" horiz-adv-x="448" 
-d="M448 224v-64h-100c-14 -55 -64 -96 -124 -96s-109 41 -123 96h-101v64h101c14 55 63 96 123 96s110 -41 124 -96h100zM224 112c44 0 80 36 80 80s-36 80 -80 80s-79 -36 -79 -80s35 -80 79 -80z" />
-    <glyph glyph-name="ion-md-person-add" unicode="&#xf344;" horiz-adv-x="480" 
-d="M288 192c-53 0 -96 43 -96 96s43 96 96 96s96 -43 96 -96s-43 -96 -96 -96zM288 144c64 0 192 -32 192 -96v-48h-384v48c0 64 128 96 192 96zM96 224h64v-32h-64v-64h-32v64h-64v32h64v64h32v-64z" />
-    <glyph glyph-name="ion-ios-moon" unicode="&#xf468;" horiz-adv-x="352" 
-d="M321 94c9 0 18 0 26 2c3 1 6 -3 4 -6c-5 -8 -10 -15 -16 -22c-35 -42 -87 -68 -145 -68c-105 0 -190 86 -190 193c0 86 55 159 133 184c12 4 22 6 28 7c3 1 5 -3 3 -6c-4 -7 -10 -17 -13 -24c-11 -24 -18 -50 -18 -78c0 -49 19 -95 53 -129s79 -53 127 -53h8z" />
-    <glyph glyph-name="ion-ios-business" unicode="&#xf1a3;" horiz-adv-x="320" 
-d="M50 368c-10 0 -18 8 -18 18v0c0 10 8 18 18 18h220c10 0 18 -8 18 -18v0c0 -10 -8 -18 -18 -18h-220zM302 348c10 0 18 -8 18 -18c0 -9 -7 -17 -16 -18v-300c0 -13 -11 -24 -24 -24h-88c-4 0 -8 4 -8 8v40c0 4 -4 8 -8 8h-32c-4 0 -8 -4 -8 -8v-40c0 -4 -4 -8 -8 -8h-88
-c-13 0 -24 11 -24 24v300c-9 1 -16 9 -16 18c0 10 8 18 18 18h284zM96 84v16c0 4 -4 8 -8 8h-16c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM96 148v16c0 4 -4 8 -8 8h-16c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM96 212v16c0 4 -4 8 -8 8h-16
-c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM96 276v16c0 4 -4 8 -8 8h-16c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM176 84v16c0 4 -4 8 -8 8h-16c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM176 148v16c0 4 -4 8 -8 8h-16
-c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM176 212v16c0 4 -4 8 -8 8h-16c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM176 276v16c0 4 -4 8 -8 8h-16c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM256 84v16c0 4 -4 8 -8 8h-16
-c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM256 148v16c0 4 -4 8 -8 8h-16c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM256 212v16c0 4 -4 8 -8 8h-16c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8zM256 276v16c0 4 -4 8 -8 8h-16
-c-4 0 -8 -4 -8 -8v-16c0 -4 4 -8 8 -8h16c4 0 8 4 8 8z" />
-    <glyph glyph-name="ion-ios-film" unicode="&#xf42b;" horiz-adv-x="448" 
-d="M416 368c18 0 32 -14 32 -32v-288c0 -18 -14 -32 -32 -32h-384c-18 0 -32 14 -32 32v288c0 18 14 32 32 32h384zM88 48v48c0 4 -4 8 -8 8h-48c-4 0 -8 -4 -8 -8v-48c0 -4 4 -8 8 -8h48c4 0 8 4 8 8zM88 128v48c0 4 -4 8 -8 8h-48c-4 0 -8 -4 -8 -8v-48c0 -4 4 -8 8 -8h48
-c4 0 8 4 8 8zM88 208v48c0 4 -4 8 -8 8h-48c-4 0 -8 -4 -8 -8v-48c0 -4 4 -8 8 -8h48c4 0 8 4 8 8zM88 288v48c0 4 -4 8 -8 8h-48c-4 0 -8 -4 -8 -8v-48c0 -4 4 -8 8 -8h48c4 0 8 4 8 8zM320 180c7 0 12 5 12 12s-5 12 -12 12h-192c-7 0 -12 -5 -12 -12s5 -12 12 -12h192z
-M424 48v48c0 4 -4 8 -8 8h-48c-4 0 -8 -4 -8 -8v-48c0 -4 4 -8 8 -8h48c4 0 8 4 8 8zM424 128v48c0 4 -4 8 -8 8h-48c-4 0 -8 -4 -8 -8v-48c0 -4 4 -8 8 -8h48c4 0 8 4 8 8zM424 208v48c0 4 -4 8 -8 8h-48c-4 0 -8 -4 -8 -8v-48c0 -4 4 -8 8 -8h48c4 0 8 4 8 8zM424 288v48
-c0 4 -4 8 -8 8h-48c-4 0 -8 -4 -8 -8v-48c0 -4 4 -8 8 -8h48c4 0 8 4 8 8z" />
-    <glyph glyph-name="ion-md-git-pull-request" unicode="&#xf2ff;" horiz-adv-x="384" 
-d="M352 71c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v170c0 35 -2 47 -8 54c-5 6 -9 10 -34 10h-22v-65l-96 96l96 96v-61h22c39 0 64 -11 84 -36c18 -23 22 -48 22 -94v-170zM320 -24c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40
-s18 -40 40 -40zM64 400c35 0 64 -29 64 -64c0 -24 -13 -44 -32 -55v-210c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v210c-19 11 -32 31 -32 55c0 35 29 64 64 64zM64 -24c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40z
-M64 296c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40z" />
-    <glyph glyph-name="ion-ios-arrow-up" unicode="&#xf3d8;" horiz-adv-x="336" 
-d="M168 230l-127 -127c-9 -9 -25 -9 -34 0c-5 5 -7 11 -7 17s2 12 7 17l145 145c9 9 24 8 33 -1l144 -144c9 -9 9 -25 0 -34s-25 -9 -34 0z" />
-    <glyph glyph-name="ion-ios-american-football" unicode="&#xf106;" 
-d="M331 315c40 -40 62 -96 73 -148l-171 -171c-52 11 -108 33 -148 73s-62 95 -73 148l171 171c52 -11 108 -33 148 -73zM296 160c5 5 5 13 1 18c-3 3 -7 4 -11 4c-3 0 -6 -2 -8 -4l-19 -19l-16 16l20 19c3 3 5 8 3 13c0 1 -1 1 -1 2c-3 5 -7 8 -13 7c-3 0 -6 -2 -8 -4
-l-19 -19l-16 16l20 19c3 3 5 8 3 13c-1 2 -1 5 -3 6v0c-3 3 -8 4 -12 3c-3 0 -5 -2 -7 -4l-19 -19l-16 16l20 19c3 3 5 8 3 13c0 1 -1 1 -1 2c-3 5 -7 8 -13 7c-3 0 -6 -2 -8 -4l-19 -19l-15 15c-5 5 -13 5 -18 0v0c-5 -5 -5 -13 0 -18l15 -15l-19 -19c-3 -3 -6 -8 -4 -13
-c0 -1 1 -1 1 -2c3 -5 8 -8 14 -7c3 0 5 2 7 4l20 19l15 -16l-19 -19c-3 -3 -6 -8 -4 -13c0 -1 1 -1 1 -2c3 -5 8 -8 14 -7c3 0 5 2 7 4l19 19l16 -16l-20 -19c-3 -3 -5 -8 -3 -13c0 -1 1 -1 1 -2c3 -5 7 -8 13 -7c3 0 6 2 8 4l19 19l16 -16l-20 -19c-3 -3 -4 -8 -3 -13
-c1 -2 1 -3 3 -5v0c3 -3 8 -5 12 -4c3 0 5 2 7 4l19 19l15 -15c5 -5 13 -5 18 0v0c5 5 5 13 0 18l-15 15zM347 -16c-24 0 -54 1 -85 6l148 148c10 -66 5 -125 3 -144c0 -4 -3 -7 -7 -7c-10 -1 -31 -3 -59 -3zM69 400c24 0 54 -1 85 -6l-148 -148c-10 66 -5 125 -3 144
-c0 4 3 7 7 7c10 1 31 3 59 3z" />
-    <glyph glyph-name="ion-ios-unlock" unicode="&#xf261;" horiz-adv-x="320" 
-d="M280 256c22 0 40 -18 40 -40v-192c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v192c0 22 18 40 40 40h24v47c0 53 42 96 95 97s97 -43 97 -96v0v0c0 -8 -6 -14 -14 -14s-14 6 -14 14v0v0c0 18 -7 35 -20 48s-30 20 -48 20s-35 -7 -48 -20s-20 -30 -20 -48v-48h188z
-M174 131c11 5 18 16 18 29c0 18 -15 33 -34 32c-16 -1 -29 -13 -30 -29c-1 -14 6 -26 18 -32v-69c0 -8 7 -14 15 -14s13 6 13 14v69z" />
-    <glyph glyph-name="ion-ios-pint" unicode="&#xf486;" horiz-adv-x="232" 
-d="M232 273c0 -91 -36 -94 -36 -169c0 -37 16 -66 16 -92c0 -25 -6 -28 -29 -28h-134c-23 0 -29 3 -29 28c0 26 16 56 16 93c0 75 -36 76 -36 167c0 20 1 82 19 116c4 8 10 12 29 12h136c19 0 25 -4 29 -12c18 -34 19 -95 19 -115zM48 372h-6c-5 -12 -10 -29 -12 -51h172
-c-2 22 -7 39 -12 51h-6h-136z" />
-    <glyph glyph-name="ion-ios-flash-off" unicode="&#xf12f;" horiz-adv-x="256" 
-d="M254 5c4 -7 2 -15 -5 -19c-2 -1 -5 -2 -7 -2c-5 0 -9 3 -12 7l-228 388c-4 7 -2 15 5 19s16 2 20 -5zM197 135l-53 89h104c6 0 11 -8 7 -14zM192 411l-51 -182l-42 72l86 113c3 4 8 1 7 -3zM59 249l53 -89h-104c-6 0 -10 8 -6 14zM64 -27l51 182l42 -72l-86 -113
-c-3 -4 -8 -1 -7 3z" />
-    <glyph glyph-name="ion-ios-cog" unicode="&#xf412;" 
-d="M409 206c4 0 7 -4 7 -8v-12c0 -4 -3 -8 -7 -8l-26 -4c-3 -1 -7 -2 -7 -6c0 -3 0 -7 -1 -10s1 -7 4 -9l23 -12c4 -2 5 -6 4 -10l-4 -11c-1 -4 -6 -6 -10 -5l-26 5c-4 1 -6 -1 -8 -4s-3 -6 -5 -9s-1 -6 1 -9l17 -20c3 -3 3 -8 0 -11l-7 -9c-3 -3 -8 -3 -11 -1l-23 13
-c-3 2 -6 1 -9 -1c-2 -2 -5 -4 -7 -6c-3 -2 -4 -6 -3 -9l10 -25c2 -4 0 -8 -4 -10l-10 -6c-4 -2 -8 0 -10 3l-17 20c-2 3 -6 4 -9 3s-5 -3 -9 -4c-3 -1 -6 -4 -6 -8l1 -26c0 -4 -3 -7 -7 -8l-12 -2c-4 -1 -8 1 -9 5l-8 25c-1 3 -4 6 -8 6c-2 0 -3 -1 -5 -1s-3 1 -5 1
-c-4 0 -7 -3 -8 -6l-8 -25c-1 -4 -5 -6 -9 -5l-12 2c-4 1 -6 4 -6 8v26c0 4 -3 7 -6 8c-4 1 -7 3 -10 4s-6 0 -8 -3l-16 -20c-2 -3 -7 -5 -11 -3l-10 6c-4 2 -5 6 -3 10l9 25c1 3 0 7 -3 9c-2 2 -5 4 -7 6c-3 2 -6 3 -9 1l-23 -13c-3 -2 -8 -2 -11 1l-7 9c-3 3 -3 8 0 11
-l18 20c2 3 2 6 0 9s-3 6 -5 9s-5 5 -8 4l-26 -5c-4 -1 -8 1 -9 5l-4 11c-1 4 -1 7 3 9l24 13c3 2 5 6 4 9s-2 6 -2 9c0 4 -3 6 -7 7l-26 4c-4 0 -7 4 -7 8v12c0 4 3 8 7 8l26 4c3 1 7 3 7 7c0 3 1 6 2 9s-1 7 -4 9l-24 13c-4 2 -4 6 -3 10l4 11c1 4 5 6 9 5l26 -5
-c4 -1 6 1 8 4s3 5 5 8s2 7 0 10l-18 20c-3 3 -3 7 0 10l7 9c3 3 8 4 11 2l22 -14c3 -2 7 -1 10 1c2 2 5 4 7 6c3 2 4 6 3 9l-10 25c-2 4 0 8 4 10l10 6c4 2 8 1 10 -2l17 -21c3 -3 5 -4 8 -3c2 1 8 3 10 4c3 1 6 4 6 8l-1 26c0 4 3 8 7 9l12 2c4 1 8 -2 9 -6l8 -25
-c1 -3 4 -5 8 -5h5h5c4 0 7 2 8 5l8 25c1 4 5 7 9 6l12 -2c4 -1 6 -5 6 -9v-26c0 -4 3 -7 6 -8c4 -1 9 -4 9 -4c4 -1 7 1 9 3l16 21c2 3 7 4 11 2l10 -6c4 -2 5 -6 3 -10l-9 -25c-1 -3 0 -7 3 -9c2 -2 5 -4 7 -6c3 -2 6 -3 9 -1l23 14c3 2 8 1 11 -2l7 -9c3 -3 3 -8 0 -11
-l-18 -19c-2 -3 -2 -7 0 -10s3 -5 5 -8s5 -5 8 -4l26 5c4 1 8 -1 9 -5l4 -11c1 -4 1 -8 -3 -10l-24 -13c-3 -2 -5 -6 -4 -9s2 -6 2 -9c0 -4 3 -6 7 -7zM134 91l56 97c1 2 1 6 0 8l-56 97c-5 9 -18 10 -26 3c-27 -26 -44 -63 -44 -104s17 -78 45 -104c8 -7 20 -6 25 3z
-M348 158c2 10 -6 20 -16 20h-111c-3 0 -6 -2 -7 -4l-56 -97c-5 -9 -1 -20 9 -23c13 -4 27 -6 41 -6c68 0 125 47 140 110zM332 206c10 0 18 10 16 20c-15 63 -72 110 -140 110c-14 0 -28 -2 -41 -6c-10 -3 -14 -14 -9 -23l56 -97c1 -2 4 -4 7 -4h111z" />
-    <glyph glyph-name="ion-ios-baseball" unicode="&#xf3de;" 
-d="M208 374c-2 -1 -5 1 -5 3c-1 8 -2 15 -3 23h8c115 0 208 -93 208 -208v-8v0c-7 1 -15 2 -22 3c-2 0 -4 3 -3 5l3 9c2 5 -1 9 -6 11v0c-5 2 -9 0 -11 -5l-4 -11c-1 -2 -3 -4 -5 -3c-7 2 -15 5 -22 8c-4 2 -8 3 -12 5c-2 1 -3 4 -2 6l6 8c3 4 2 10 -2 13h-1
-c-4 3 -9 1 -12 -3l-7 -10c-1 -2 -3 -2 -5 -1c-12 7 -23 16 -33 25c-2 2 -2 3 0 5l8 8c4 3 4 8 0 12l-1 1c-3 4 -8 4 -12 0l-8 -8c-2 -2 -4 -2 -6 0c-9 10 -16 21 -23 32c-1 2 -1 4 1 5l10 7c4 3 6 8 3 12v1c-3 4 -9 5 -13 2l-8 -6c-2 -1 -5 0 -6 2c-2 4 -4 9 -6 14
-c-3 7 -5 13 -7 20c-1 2 0 4 2 5l12 4c5 2 7 6 5 11v0c-2 5 -6 8 -11 6zM210 1c1 -5 2 -12 2 -17v0h-4c-115 0 -208 93 -208 208v4v0c6 -1 12 -1 18 -2c2 0 4 -3 3 -5l-4 -13c-2 -5 1 -9 6 -11v0c5 -2 9 1 11 6l5 14c1 2 3 4 5 3c8 -2 15 -5 22 -8c4 -2 9 -4 13 -6
-c2 -1 3 -4 2 -6l-8 -11c-3 -4 -1 -9 3 -12v-1c4 -3 9 -1 12 3l9 13c1 2 3 2 5 1c11 -7 22 -15 32 -24c2 -2 3 -3 1 -5l-10 -10c-4 -3 -4 -9 0 -13v0c3 -4 9 -4 13 0l9 10c2 2 4 1 6 -1c9 -10 18 -21 25 -33c1 -2 1 -4 -1 -5l-13 -9c-4 -3 -6 -8 -3 -12h1c3 -4 8 -6 12 -3
-l11 8c2 1 5 0 6 -2c2 -4 3 -8 5 -12c3 -8 6 -15 8 -23c1 -2 -1 -4 -3 -5l-13 -4c-5 -2 -8 -7 -6 -12v0c2 -5 6 -8 11 -6l12 4c2 1 5 -1 5 -3zM383 167c1 2 3 3 5 3c9 -2 17 -3 26 -4c-12 -95 -88 -171 -184 -181v1c-1 7 -2 15 -3 22c0 2 1 3 3 4l16 5c5 2 7 6 5 11v1
-c-2 5 -6 7 -11 5l-14 -4c-2 -1 -4 1 -5 3c-4 14 -9 27 -15 40c-1 2 -1 4 1 5l13 9c4 3 5 8 2 12v1c-3 4 -9 5 -13 2l-10 -7c-2 -1 -5 -1 -6 1c-8 12 -17 25 -27 36c-2 2 -2 3 0 5l10 11c4 3 4 8 0 12v0c-3 4 -9 4 -13 0l-10 -10c-2 -2 -3 -1 -5 0c-11 10 -23 18 -35 26
-c-2 1 -2 4 -1 6l7 10c3 4 1 10 -3 13v0c-4 3 -9 1 -12 -3l-8 -12c-1 -2 -4 -2 -6 -1c-13 7 -26 12 -40 16c-2 1 -4 3 -3 5l4 13c2 5 0 9 -5 11h-1c-5 2 -9 -1 -11 -6l-5 -14c-1 -2 -2 -3 -4 -3c-7 1 -15 2 -23 3h-1c10 96 86 172 181 184c1 -9 2 -19 4 -28c0 -2 -1 -3 -3 -4
-l-17 -6c-5 -2 -8 -6 -6 -11v0c2 -5 6 -8 11 -6l16 5c2 1 4 -1 5 -3c4 -14 10 -26 16 -39c1 -2 1 -5 -1 -6l-15 -10c-4 -3 -6 -8 -3 -12h1c3 -4 8 -6 12 -3l13 9c2 1 5 1 6 -1c8 -12 16 -23 26 -34c2 -2 2 -3 0 -5l-13 -13c-4 -3 -4 -9 0 -13v0c3 -4 9 -4 13 0l13 13
-c2 2 3 1 5 0c11 -10 23 -19 35 -27c2 -1 2 -3 1 -5l-9 -14c-3 -4 -1 -9 3 -12v-1c4 -3 9 -1 12 3l11 15c1 2 3 3 5 2c13 -6 25 -12 39 -16c2 -1 4 -3 3 -5l-5 -17c-2 -5 1 -9 6 -11v0c5 -2 9 1 11 6z" />
-    <glyph glyph-name="ion-ios-help" unicode="&#xf446;" horiz-adv-x="128" 
-d="M65 288c38 0 63 -21 63 -51c0 -20 -10 -33 -28 -44c-17 -10 -23 -17 -23 -30v-8h-35v8c-2 21 5 33 23 44c17 10 24 17 24 29s-12 22 -27 22s-25 -10 -26 -25h-36c1 32 25 55 65 55zM38 117c0 12 10 20 22 20s21 -8 21 -20s-9 -21 -21 -21s-22 9 -22 21z" />
-    <glyph glyph-name="ion-md-square" unicode="&#xf381;" horiz-adv-x="384" 
-d="M341 384c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298z" />
-    <glyph glyph-name="ion-ios-folder-open" unicode="&#xf180;" horiz-adv-x="448" 
-d="M416 329v-41h-384v73c0 13 11 23 25 23h96c8 0 12 -2 17 -7v0l23 -23c2 -2 3 -2 6 -2h194c13 0 23 -10 23 -23zM32 260h384h8c15 0 25 -10 24 -30c-1 -21 -24 -205 -24 -205c-2 -17 -10 -25 -23 -25h-352c-13 0 -22 7 -25 25c0 0 -22 192 -24 211s11 24 24 24h8z" />
-    <glyph glyph-name="ion-ios-tablet-portrait" unicode="&#xf24e;" horiz-adv-x="320" 
-d="M313 409v0c4 -4 7 -11 7 -17v-400c0 -6 -3 -13 -7 -17v0c-4 -4 -11 -7 -17 -7h-272c-6 0 -13 3 -17 7v0c-4 4 -7 11 -7 17v400c0 6 3 13 7 17v0c4 4 11 7 17 7h272c6 0 13 -3 17 -7zM160 399c-4 0 -7 -3 -7 -7s3 -7 7 -7s7 3 7 7s-3 7 -7 7zM160 -22c8 0 14 6 14 14
-s-6 14 -14 14s-14 -6 -14 -14s6 -14 14 -14zM304 16v352h-288v-352h288z" />
-    <glyph glyph-name="ion-ios-arrow-dropright" unicode="&#xf114;" 
-d="M163 300c8 8 19 8 27 0l95 -95c7 -7 8 -19 1 -27l-94 -94c-4 -4 -9 -6 -14 -6s-9 2 -13 6c-8 8 -8 19 0 27l80 81l-82 81c-8 7 -8 19 0 27zM0 192c0 115 93 208 208 208s208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208zM32 192c0 -47 19 -91 52 -124
-s77 -52 124 -52s91 19 124 52s52 77 52 124s-19 91 -52 124s-77 52 -124 52s-91 -19 -124 -52s-52 -77 -52 -124z" />
-    <glyph glyph-name="ion-ios-image" unicode="&#xf19c;" 
-d="M65 136c-4 0 -8 4 -5 8l95 154c2 3 7 3 9 0l96 -154c3 -4 -1 -8 -5 -8h-190zM259 194c-1 2 -1 4 0 6l26 32c2 3 7 3 9 0l62 -88c3 -4 -1 -8 -5 -8h-53c-2 0 -3 0 -4 2zM303 280c-18 -2 -33 13 -31 31c1 13 12 24 25 25c18 2 33 -13 31 -31c-1 -13 -12 -24 -25 -25z
-M384 400c18 0 32 -14 32 -32v-352c0 -18 -14 -32 -32 -32h-352c-18 0 -32 14 -32 32v352c0 18 14 32 32 32h352zM381 120v0v237c0 4 -4 8 -8 8h-330c-4 0 -8 -4 -8 -8v-237c0 -4 4 -8 8 -8h330c4 0 8 4 8 8z" />
-    <glyph glyph-name="ion-logo-slack" unicode="&#xf10b;" horiz-adv-x="480" 
-d="M218 150l-20 62l64 21l20 -62zM218 150l-20 62l64 21l20 -62zM460 258c50 -165 11 -236 -154 -286s-236 -11 -286 154s-11 236 154 286s236 11 286 -154zM377 151c13 4 19 19 15 32s-18 19 -31 15l-31 -10l-21 62l31 10c13 4 20 19 16 32s-19 19 -32 15l-31 -10l-10 32
-c-4 13 -19 20 -32 16s-20 -19 -16 -32l11 -32l-64 -21l-11 32c-4 13 -18 20 -31 16s-20 -19 -16 -32l11 -32l-31 -10c-13 -4 -20 -19 -16 -32c3 -10 13 -17 23 -17c3 0 6 0 9 1l31 11l20 -62l-31 -11c-13 -4 -19 -18 -15 -31c3 -10 13 -17 23 -17c3 0 5 0 8 1l31 11l11 -33
-c3 -10 13 -17 23 -17c3 0 5 1 8 2c13 4 20 18 16 31l-11 32l64 22l11 -33c3 -10 13 -16 23 -16c3 0 6 0 9 1c13 4 19 18 15 31l-10 32z" />
-    <glyph glyph-name="ion-md-trash" unicode="&#xf398;" horiz-adv-x="320" 
-d="M32 43v245h256v-245c0 -23 -20 -43 -43 -43h-170c-23 0 -43 20 -43 43zM320 352v-32h-320v32h80l27 32h106l27 -32h80z" />
-    <glyph glyph-name="ion-md-rainy" unicode="&#xf363;" horiz-adv-x="448" 
-d="M107 48c0 0 23 -26 23 -41c0 -13 -10 -23 -23 -23s-23 10 -23 23c0 15 23 41 23 41zM185 80c0 0 23 -26 23 -41c0 -13 -10 -23 -23 -23s-23 10 -23 23c0 15 23 41 23 41zM263 48c0 0 23 -26 23 -41c0 -13 -10 -23 -23 -23s-23 10 -23 23c0 15 23 41 23 41zM341 80
-c0 0 23 -26 23 -41c0 -13 -10 -23 -23 -23s-23 10 -23 23c0 15 23 41 23 41zM361 287c48 -3 87 -44 87 -93c0 -52 -44 -98 -96 -98h-243c-62 0 -109 54 -109 116c0 55 38 100 91 111c6 1 15 2 21 2c50 0 91 -31 106 -75h33c-6 24 -19 47 -37 65c-25 25 -57 37 -91 40
-c25 31 61 45 101 45c68 0 124 -48 137 -113z" />
-    <glyph glyph-name="ion-ios-skip-forward" unicode="&#xf217;" horiz-adv-x="320" 
-d="M241 348c0 2 2 4 4 4h71c2 0 4 -2 4 -4v-312c0 -2 -2 -4 -4 -4h-71c-2 0 -4 2 -4 4v138l-229 -140c-5 -3 -12 1 -12 7v302c0 6 7 10 12 7l229 -140v138z" />
-    <glyph glyph-name="ion-md-cloud-outline" unicode="&#xf2c7;" horiz-adv-x="480" 
-d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM380 72c33 0 60 27 60 60s-27 60 -60 60h-30v10c0 61 -49 110 -110 110c-51 0 -93 -34 -106 -80h-14
-c-44 0 -80 -36 -80 -80s36 -80 80 -80h260z" />
-    <glyph glyph-name="ion-ios-help-buoy" unicode="&#xf196;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM263 364l-6 -89c14 -8 26 -20 34 -34l89 6c-9 27 -24 51 -45 72s-45 36 -72 45zM81 319c-21 -21 -36 -45 -45 -72l89 -6c8 14 20 26 34 34l-6 89c-27 -9 -51 -24 -72 -45zM153 20
-l6 89c-14 8 -26 20 -34 34l-89 -6c9 -27 24 -51 45 -72s45 -36 72 -45zM208 124c38 0 68 30 68 68s-30 68 -68 68s-68 -30 -68 -68s30 -68 68 -68zM335 65c21 21 36 46 45 73l-89 6c-8 -14 -20 -27 -34 -35l6 -89c27 9 51 24 72 45z" />
-    <glyph glyph-name="ion-md-fitness" unicode="&#xf1ac;" 
-d="M386 132l30 -29l-45 -45l30 -30l-30 -29l-29 29l-45 -44l-30 30l-29 -30l-30 30l74 74l-178 178l-74 -74l-30 30l30 30l-30 29l44 45l-29 30l29 29l30 -29l45 44l30 -30l29 30l30 -30l-74 -74l178 -178l74 74l30 -30z" />
-    <glyph glyph-name="ion-md-compass" unicode="&#xf2d4;" horiz-adv-x="448" 
-d="M224 217c13 0 25 -12 25 -25s-12 -25 -25 -25s-25 12 -25 25s12 25 25 25zM224 416c123 0 224 -101 224 -224s-101 -224 -224 -224s-224 101 -224 224s101 224 224 224zM273 143l85 183l-183 -85l-85 -183z" />
-    <glyph glyph-name="ion-md-bicycle" unicode="&#xf299;" horiz-adv-x="448" 
-d="M299 317c-19 0 -34 14 -34 33s15 34 34 34s33 -15 33 -34s-14 -33 -33 -33zM355 187c51 0 93 -43 93 -94s-42 -93 -93 -93s-94 42 -94 93s43 94 94 94zM355 28c36 0 65 29 65 65s-29 66 -65 66s-66 -30 -66 -66s30 -65 66 -65zM274 224l-30 45l-43 -45l39 -32v-112h-32
-v86l-61 38c-9 6 -19 15 -19 27c0 8 3 17 9 23l72 69c6 6 14 9 22 9c11 0 22 -7 28 -16l34 -60h59v-32h-78zM93 187c51 0 94 -43 94 -94s-43 -93 -94 -93s-93 42 -93 93s42 94 93 94zM93 28c36 0 66 29 66 65s-30 66 -66 66s-65 -30 -65 -66s29 -65 65 -65z" />
-    <glyph glyph-name="ion-md-filing" unicode="&#xf2ec;" 
-d="M401 240l15 -48v-167c0 -21 -21 -41 -43 -41h-314c-24 0 -59 19 -59 43v165l15 48h26v32l14 48h26v32l15 48h224l15 -48v-32h26l14 -48v-32h26zM128 352v-32h160v32h-160zM87 272v-32h242v32h-242zM369 160v32h-322v-32h83c7 -36 39 -64 78 -64s71 28 78 64h83z" />
-    <glyph glyph-name="ion-ios-close-circle-outline" unicode="&#xf14d;" 
-d="M283 139c6 -6 6 -16 0 -22s-16 -6 -22 0l-53 52l-53 -52c-6 -6 -16 -6 -22 0s-7 15 0 22s52 53 52 53s-46 47 -52 53s-7 15 0 22s16 6 22 0l53 -52l53 52c6 6 16 6 22 0s6 -16 0 -22l-52 -53zM208 372c-48 0 -93 -19 -127 -53s-53 -79 -53 -127s19 -93 53 -127
-s79 -53 127 -53s93 19 127 53s53 79 53 127s-19 93 -53 127s-79 53 -127 53zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208z" />
-    <glyph glyph-name="ion-ios-bed" unicode="&#xf139;" horiz-adv-x="448" 
-d="M426 240c12 0 22 -10 22 -22v-180c0 -12 -10 -22 -22 -22v0c-12 0 -22 10 -22 22v6c0 2 -2 4 -4 4h-352c-2 0 -4 -2 -4 -4v-6c0 -12 -10 -22 -22 -22v0c-12 0 -22 10 -22 22v180c0 12 10 22 22 22v0c12 0 22 -10 22 -22c0 -1 1 -2 2 -2h356c1 0 2 1 2 2c0 12 10 22 22 22
-v0zM52 234c-4 0 -8 4 -8 8v94c0 18 14 32 32 32h296c18 0 32 -14 32 -32v-94c0 -4 -4 -8 -8 -8h-22c-2 0 -4 2 -4 4v13c0 9 -7 16 -16 16h-98c-9 0 -16 -7 -16 -16v-13c0 -2 -2 -4 -4 -4h-24c-2 0 -4 2 -4 4v13c0 9 -7 16 -16 16h-98c-9 0 -16 -7 -16 -16v-13
-c0 -2 -2 -4 -4 -4h-22z" />
-    <glyph glyph-name="ion-md-arrow-forward" unicode="&#xf287;" horiz-adv-x="342" 
-d="M0 171v42h260l-119 120l30 30l171 -171l-171 -171l-31 30l120 120h-260z" />
-    <glyph glyph-name="ion-md-arrow-dropdown" unicode="&#xf280;" horiz-adv-x="256" 
-d="M0 256h256l-128 -128z" />
-    <glyph glyph-name="ion-ios-musical-note" unicode="&#xf46b;" horiz-adv-x="236" 
-d="M226 400c6 1 10 -4 10 -8v-75c0 -8 -6 -13 -13 -15l-93 -19c-4 -1 -6 -4 -6 -8v-230c0 -26 -13 -41 -24 -48c-15 -10 -43 -13 -51 -13c-3 0 -9 0 -14 1c-13 3 -35 17 -35 47c0 37 40 47 64 52c5 1 11 2 14 3c8 2 13 7 16 13c2 4 2 10 2 12v255v0v0c0 4 4 7 8 8
-s117 24 122 25z" />
-    <glyph glyph-name="ion-ios-walk" unicode="&#xf266;" horiz-adv-x="256" 
-d="M73 87v91l46 -47l-9 -52c0 -5 -2 -10 -6 -14l-70 -51c-4 -4 -12 -9 -16 -9c-5 0 -9 3 -13 7s-5 7 -5 12s1 10 5 14zM141 342c-20 3 -34 23 -31 43s23 34 43 31s33 -23 30 -43s-22 -34 -42 -31zM223 -11c1 -10 -6 -19 -16 -21h-2c-9 0 -17 7 -18 16l-15 104c0 2 -1 4 -2 5
-l-92 94c-3 3 -5 7 -5 11v76l-32 -17c-3 -1 -4 -4 -4 -7v-58c0 -10 -9 -19 -19 -19s-18 9 -18 19v65c0 13 5 24 15 29l68 32c2 1 5 2 8 2h37c12 0 18 -5 18 -16v-120l57 -68c2 -3 5 -6 5 -10zM250 216c4 -4 6 -10 6 -15s-1 -8 -5 -12c-7 -7 -19 -7 -26 0l-70 70v53z" />
-    <glyph glyph-name="ion-ios-pricetag" unicode="&#xf48d;" 
-d="M387 400c16 0 29 -13 29 -29v-123c0 -4 -1 -7 -4 -10l-246 -246c-11 -11 -30 -11 -41 0l-117 117c-11 11 -11 30 0 41l246 246c3 3 6 4 10 4h123zM340 288c15 2 26 13 28 28c2 20 -16 38 -36 36c-15 -2 -26 -13 -28 -28c-2 -20 16 -38 36 -36z" />
-    <glyph glyph-name="ion-ios-menu" unicode="&#xf1c3;" horiz-adv-x="384" 
-d="M368 272h-352c-9 0 -16 7 -16 16v0c0 9 7 16 16 16h352c9 0 16 -7 16 -16v0c0 -9 -7 -16 -16 -16zM368 176h-352c-9 0 -16 7 -16 16v0c0 9 7 16 16 16h352c9 0 16 -7 16 -16v0c0 -9 -7 -16 -16 -16zM368 80h-352c-9 0 -16 7 -16 16v0c0 9 7 16 16 16h352
-c9 0 16 -7 16 -16v0c0 -9 -7 -16 -16 -16z" />
-    <glyph glyph-name="ion-md-cash" unicode="&#xf2b5;" horiz-adv-x="448" 
-d="M0 352h448v-256h-448v256zM160 128c-20 24 -32 58 -32 96s12 72 32 96h-64c0 -35 -29 -64 -64 -64v-80c27 0 48 -21 48 -48h80zM416 176v80c-35 0 -64 29 -64 64h-64c20 -24 32 -58 32 -96s-12 -72 -32 -96h80c0 27 22 48 48 48zM0 32v32h448v-32h-448z" />
-    <glyph glyph-name="ion-ios-person-add" unicode="&#xf1e1;" horiz-adv-x="384" 
-d="M321 62c14 -5 56 -20 63 -52c1 -5 -3 -10 -8 -10h-184h-184c-5 0 -9 5 -8 10c7 32 49 47 63 52c16 6 38 7 52 10c8 2 20 6 24 11c4 4 2 38 2 47c0 1 -1 3 -2 4c-2 4 -7 12 -10 20s-6 25 -7 33c0 2 -2 5 -4 6c-3 2 -6 5 -8 13c-3 16 -9 22 -8 34c0 5 2 7 4 9s3 5 2 8
-c-2 8 -6 22 -6 45c-1 41 31 82 90 82c58 0 91 -41 90 -82c0 -23 -4 -37 -6 -45c-1 -3 0 -6 2 -8s4 -4 4 -9c1 -12 -5 -18 -8 -34c-2 -8 -5 -11 -8 -13c-2 -1 -4 -4 -4 -6c-1 -8 -4 -25 -7 -33s-9 -16 -11 -20c-1 -1 -1 -3 -1 -4c0 -9 -2 -43 2 -47c4 -5 16 -9 24 -11
-c14 -3 36 -4 52 -10zM373 154c6 0 11 -4 11 -10v0c0 -6 -5 -10 -11 -10h-27v-28c0 -6 -4 -10 -10 -10v0c-6 0 -11 4 -11 10v28h-27c-6 0 -10 4 -10 10v0c0 6 4 10 10 10h27v28c0 6 5 10 11 10v0c6 0 10 -4 10 -10v-28h27z" />
-    <glyph glyph-name="ion-ios-git-commit" unicode="&#xf184;" horiz-adv-x="448" 
-d="M434 206c8 0 14 -6 14 -14s-6 -14 -14 -14h-77c-3 -32 -17 -62 -41 -84c-25 -24 -58 -36 -92 -36s-67 12 -92 36c-24 22 -38 52 -41 84h-77c-8 0 -14 6 -14 14s6 14 14 14h77c3 32 17 62 41 84c25 24 58 36 92 36s67 -12 92 -36c24 -22 38 -52 41 -84h77zM299 117
-c20 20 31 47 31 75s-11 55 -31 75s-47 31 -75 31s-55 -11 -75 -31s-31 -47 -31 -75s11 -55 31 -75s47 -31 75 -31s55 11 75 31z" />
-    <glyph glyph-name="ion-ios-close-circle" unicode="&#xf14e;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM261 117c6 -6 16 -6 22 0s6 16 0 22l-52 53l52 53c6 6 6 16 0 22s-16 6 -22 0l-53 -52l-53 52c-6 6 -16 6 -22 0c-3 -3 -5 -7 -5 -11s2 -8 5 -11l52 -53l-52 -53
-c-3 -3 -5 -7 -5 -11s2 -8 5 -11c6 -6 16 -6 22 0l53 52z" />
-    <glyph glyph-name="ion-ios-close" unicode="&#xf406;" horiz-adv-x="191" 
-d="M118 192l68 -68c6 -6 6 -17 0 -23s-16 -6 -22 0l-68 68l-69 -68c-6 -6 -16 -6 -22 0c-3 3 -5 7 -5 11s2 9 5 12l68 68l-68 68c-3 3 -5 8 -5 12s2 8 5 11c6 6 16 6 22 0l69 -68l68 68c6 6 16 6 22 0s6 -17 0 -23z" />
-    <glyph glyph-name="ion-md-camera" unicode="&#xf2ad;" horiz-adv-x="448" 
-d="M161 168c0 35 28 63 63 63s63 -28 63 -63s-28 -63 -63 -63s-63 28 -63 63zM408 352c22 0 40 -18 40 -40v-272c0 -22 -18 -40 -40 -40h-368c-22 0 -40 18 -40 40v272c0 22 18 40 40 40h88l32 32h128l32 -32h88zM224 56c62 0 112 50 112 112s-50 112 -112 112
-s-112 -50 -112 -112s50 -112 112 -112z" />
-    <glyph glyph-name="ion-ios-resize" unicode="&#xf1ff;" horiz-adv-x="352" 
-d="M338 368c8 0 14 -6 14 -14v-110c0 -8 -6 -14 -14 -14v0c-8 0 -14 6 -14 14v76l-276 -276h76c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14h-110c-8 0 -14 6 -14 14v110c0 8 6 14 14 14v0c8 0 14 -6 14 -14v-76l276 276h-76c-8 0 -14 6 -14 14v0c0 8 6 14 14 14h110z" />
-    <glyph glyph-name="ion-md-arrow-round-forward" unicode="&#xf28a;" horiz-adv-x="352" 
-d="M205 35c-12 -12 -31 -12 -43 0s-12 34 0 46l83 79h-214c-17 0 -31 14 -31 32s14 32 31 32h214l-83 79c-12 12 -12 34 0 46s31 12 43 0l138 -134c6 -6 9 -14 9 -23v0c0 -9 -3 -17 -9 -23z" />
-    <glyph glyph-name="ion-ios-football" unicode="&#xf437;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM335 319c-20 20 -43 35 -69 44c-1 0 -3 0 -4 -1l-38 -26c-1 -1 -2 -2 -2 -3v-63c0 -1 1 -2 2 -3l56 -48c1 -1 3 -2 4 -1l58 27c1 0 2 1 2 2l14 41c0 1 1 3 0 4c-6 10 -15 19 -23 27
-zM261 22l17 43v3l-23 42c-1 1 -1 2 -3 2h-88c-1 0 -2 -1 -3 -2l-23 -42v-3l17 -43c0 -1 1 -3 2 -3c16 -5 33 -7 51 -7c17 0 35 2 51 7c1 0 2 2 2 3zM194 333c0 1 -1 3 -2 3l-38 26c-1 1 -3 0 -4 0c-26 -9 -49 -23 -69 -43c-8 -8 -17 -17 -23 -27c-1 -1 0 -3 0 -4l14 -41
-c0 -1 1 -2 2 -2l58 -27c1 -1 3 0 4 1l57 47c1 1 1 3 1 4v63zM30 184c-1 -1 -2 -2 -2 -3c2 -35 15 -68 35 -96c1 -1 2 -1 3 -1l46 -1c2 0 3 1 4 2l23 44v3l-14 57c0 1 -2 3 -3 3l-52 24c-1 1 -3 0 -4 -1zM300 85c1 -1 2 -2 4 -2l46 1c1 0 2 0 3 1c20 28 33 61 35 96
-c0 1 -1 2 -2 3l-36 31c-1 1 -3 2 -4 1l-52 -24c-1 0 -3 -2 -3 -3l-14 -57v-3z" />
-    <glyph glyph-name="ion-ios-headset" unicode="&#xf194;" horiz-adv-x="448" 
-d="M224 324c24 0 47 -10 64 -28s26 -34 26 -60c0 -8 -6 -14 -13 -14s-13 6 -13 14c0 17 -7 33 -19 44s-28 16 -45 16s-33 -5 -45 -16s-19 -27 -19 -44c0 -8 -6 -14 -13 -14s-13 6 -13 14c0 26 9 42 26 60s40 28 64 28zM425 169c15 -15 23 -34 23 -55v-12
-c0 -21 -8 -40 -23 -55s-34 -23 -55 -23h-6c-4 0 -7 -1 -10 -4c-2 -2 -6 -4 -10 -4c-8 0 -14 6 -14 14v204c0 28 -11 55 -31 75s-47 31 -75 31s-55 -11 -75 -31s-31 -47 -31 -75v-204c0 -8 -6 -14 -14 -14c-4 0 -8 2 -10 4c-3 3 -6 4 -10 4h-6c-21 0 -40 8 -55 23
-s-23 34 -23 55v12c0 21 8 40 23 55s34 23 55 23h8c2 0 4 2 4 4v38c0 36 14 70 39 95s59 39 95 39s70 -14 95 -40c25 -25 39 -58 39 -94v-38c0 -2 2 -4 4 -4h8c21 0 40 -8 55 -23z" />
-    <glyph glyph-name="ion-md-arrow-dropleft-circle" unicode="&#xf281;" 
-d="M416 192c0 -115 -93 -208 -208 -208s-208 93 -208 208s93 208 208 208s208 -93 208 -208zM144 192l96 -96v192z" />
-    <glyph glyph-name="ion-ios-analytics" unicode="&#xf3ce;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM28 192c0 -12 1 -23 3 -34c6 -5 20 -16 37 -13c12 2 28 25 38 41c4 6 8 12 11 16c17 21 34 23 45 21c24 -3 43 -27 52 -49c7 -18 20 -28 33 -29c15 -1 31 10 42 29c1 2 3 5 4 7
-c9 17 23 43 51 43c20 0 35 -14 44 -24c-2 45 -21 87 -53 119c-34 34 -79 53 -127 53s-93 -19 -127 -53s-53 -79 -53 -127z" />
-    <glyph glyph-name="ion-ios-hammer" unicode="&#xf18e;" 
-d="M229 201c4 -9 3 -18 -3 -25c-6 -6 -19 -18 -39 -38c-40 -40 -90 -97 -119 -132c-6 -7 -17 -8 -24 -1l-39 39c-7 7 -6 18 1 24c34 29 92 78 132 118l39 39s15 8 23 4c2 -1 5 -2 7 -4l18 -18c2 -2 3 -4 4 -6zM414 230c2 -2 2 -6 0 -8l-56 -55c-1 -1 -3 -2 -4 -2
-c-2 0 -3 1 -4 2l-34 34c-2 2 -2 6 0 8l2 2c7 6 6 17 0 24c-1 1 -2 1 -3 2c-4 2 -13 5 -23 5c-4 0 -9 -1 -13 -2c-9 -2 -17 -9 -31 -23c-3 -3 -9 -3 -12 0l-19 20c-3 3 -3 8 0 11c15 17 20 28 19 45c-1 23 -15 40 -31 53c-10 8 -29 10 -45 10c-10 0 -19 0 -23 -1h-3
-c-8 0 -3 9 3 14c7 7 29 15 55 15c14 0 30 -2 47 -9c47 -19 75 -46 82 -53s18 -18 24 -27s-2 -22 5 -29c3 -3 8 -5 12 -5s8 1 10 3v0c1 1 3 2 4 2c2 0 3 -1 4 -2z" />
-    <glyph glyph-name="ion-md-open" unicode="&#xf33b;" horiz-adv-x="384" 
-d="M341 43v133h43v-133c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h133v-43h-133v-298h298zM224 384h160v-160h-43v87l-215 -215l-30 30l215 215h-87v43z" />
-    <glyph glyph-name="ion-md-return-left" unicode="&#xf36d;" horiz-adv-x="448" 
-d="M401 312h47v-144h-358l85 -86l-33 -34l-142 144l142 144l33 -34l-85 -86h311v96z" />
-    <glyph glyph-name="ion-md-square-outline" unicode="&#xf380;" horiz-adv-x="384" 
-d="M341 341h-298v-298h298v298zM341 384v0c24 0 43 -19 43 -43v-298c0 -24 -19 -43 -43 -43h-298c-24 0 -43 19 -43 43v298c0 24 19 43 43 43h298z" />
-    <glyph glyph-name="ion-md-phone-landscape" unicode="&#xf346;" horiz-adv-x="448" 
-d="M448 89c0 -23 -19 -41 -41 -41h-366c-22 0 -41 18 -41 41v206c0 23 19 41 41 41h366c22 0 41 -18 41 -41v-206zM80 84h288v216h-288v-216z" />
-    <glyph glyph-name="ion-md-stopwatch" unicode="&#xf386;" horiz-adv-x="384" 
-d="M168 141v131h48v-131h-48zM344 278c25 -33 40 -74 40 -118c0 -106 -86 -192 -192 -192s-192 86 -192 192s86 192 192 192c44 0 85 -15 118 -40l31 30l33 -33zM298 54c28 28 44 66 44 106s-16 78 -44 106s-66 44 -106 44s-78 -16 -106 -44s-44 -66 -44 -106
-s16 -78 44 -106s66 -44 106 -44s78 16 106 44zM128 368v48h128v-48h-128z" />
-    <glyph glyph-name="ion-logo-python" unicode="&#xf246;" horiz-adv-x="384" 
-d="M129 199c-29 -5 -49 -30 -49 -57v-43v-3h-15c-29 0 -54 29 -62 69c-2 9 -3 17 -3 27v1c0 53 29 95 65 95h127v16h-96v29c0 26 7 40 46 47c13 2 29 4 45 4s39 -1 55 -4c25 -4 46 -22 46 -47v-57v-31c0 -21 -14 -38 -33 -43c-4 -1 -8 -2 -13 -2h-104h3c-4 0 -8 0 -12 -1z
-M140 321c10 0 17 7 17 17s-7 18 -17 18s-18 -8 -18 -18s8 -17 18 -17zM380 225c3 -10 4 -21 4 -33c0 -16 -3 -30 -7 -43c-11 -31 -33 -53 -58 -53h-127v-16h96v-26c0 -26 -23 -40 -46 -47c-35 -10 -68 -9 -97 0c-25 7 -49 22 -49 47v54v33c0 21 14 36 33 41c4 1 8 2 13 2
-h104c3 0 6 1 9 1c27 4 49 28 49 62v38v3h15c28 0 52 -26 61 -63zM244 65c-10 0 -18 -7 -18 -17s8 -18 18 -18s17 8 17 18s-7 17 -17 17z" />
-    <glyph glyph-name="ion-logo-hackernews" unicode="&#xf23c;" horiz-adv-x="384" 
-d="M0 384h384v-384h-384v384zM214 169l64 120h-45l-38 -84l-40 84h-47l66 -120v-72h40v72z" />
-    <glyph glyph-name="ion-md-cut" unicode="&#xf2de;" horiz-adv-x="448" 
-d="M171 290l277 -277v-23h-67l-157 157l-53 -53c5 -11 8 -23 8 -36c0 -50 -39 -90 -89 -90s-90 40 -90 90s40 89 90 89c13 0 25 -3 36 -8l53 53l-53 53c-11 -5 -23 -8 -36 -8c-50 0 -90 39 -90 89s40 90 90 90s89 -40 89 -90c0 -13 -3 -25 -8 -36zM90 282c25 0 44 19 44 44
-s-19 45 -44 45s-45 -20 -45 -45s20 -44 45 -44zM90 13c25 0 44 20 44 45s-19 44 -44 44s-45 -19 -45 -44s20 -45 45 -45zM224 181c6 0 11 5 11 11s-5 11 -11 11s-11 -5 -11 -11s5 -11 11 -11zM381 394h67v-23l-157 -157l-45 45z" />
-    <glyph glyph-name="ion-md-photos" unicode="&#xf348;" 
-d="M352 27c0 -24 -20 -43 -43 -43h-266c-24 0 -43 19 -43 43v266c0 24 19 43 43 43h266c24 0 43 -19 43 -43v-266zM109 144l-66 -96h266l-88 128l-66 -96zM373 400c24 0 43 -19 43 -43v-266c0 -24 -19 -43 -43 -43h-5v32v229c0 24 -19 43 -43 43h-229h-32v5
-c0 24 19 43 43 43h266z" />
-    <glyph glyph-name="ion-ios-locate" unicode="&#xf1ae;" horiz-adv-x="415" 
-d="M347 189c0 1 -1 2 -1 3s1 2 1 3c0 -1 -1 -1 -1 -2s1 -3 1 -4zM411 178c2 0 4 -2 4 -4c-9 -100 -89 -180 -189 -189c-2 0 -5 2 -5 4v50c0 8 -5 14 -13 14s-15 -6 -15 -14v-50c0 -2 -2 -4 -4 -4c-100 9 -180 89 -189 189c0 2 2 4 4 4h50c8 0 14 5 14 13s-6 15 -14 15h-50
-c-2 0 -4 2 -4 4c9 100 89 180 189 189c2 0 4 -2 4 -4v-50c0 -8 6 -14 14 -14s14 6 14 14v50c0 2 3 4 5 4c100 -9 180 -89 189 -189c0 -2 -2 -4 -4 -4h-50c-7 0 -13 -5 -14 -11c0 -1 -1 -2 -1 -3s1 -2 1 -3c1 -6 6 -11 13 -11h51zM207 122c39 0 70 31 70 70s-31 70 -70 70
-s-70 -31 -70 -70s31 -70 70 -70z" />
-    <glyph glyph-name="ion-md-mic-off" unicode="&#xf32b;" horiz-adv-x="408" 
-d="M316 93l58 -58l-58 58l58 -58l34 -33l-24 -24l-95 95c-19 -11 -40 -20 -62 -23v-82h-46v82c-75 10 -137 76 -137 153h39c0 -68 58 -117 121 -117c20 0 40 5 57 14l-32 33c-8 -3 -16 -5 -25 -5c-38 0 -69 31 -69 69v29l-135 134l24 24l111 -110v0l140 -140l5 -5l9 -9z
-M273 197c0 -4 0 -8 -1 -12l-137 137v25c0 38 31 69 69 69s69 -31 69 -69v-150zM365 203c0 -31 -10 -60 -27 -84l-27 28c9 17 15 36 15 56h39zM408 2v0l-34 33z" />
-    <glyph glyph-name="ion-md-cloudy" unicode="&#xf2cb;" horiz-adv-x="448" 
-d="M91 265h2h-2zM361 229c48 -3 87 -44 87 -93c0 -52 -41 -94 -93 -94h-243c-62 0 -112 50 -112 112c0 55 38 100 91 111c6 1 15 2 21 2c50 0 91 -31 106 -75h33c-6 24 -19 47 -37 65c-25 25 -57 37 -91 40c25 31 61 45 101 45c68 0 124 -48 137 -113z" />
-    <glyph glyph-name="ion-ios-podium" unicode="&#xf1ed;" horiz-adv-x="384" 
-d="M0 248c0 4 4 8 8 8h96c4 0 8 -4 8 -8v-208c0 -4 -4 -8 -8 -8h-96c-4 0 -8 4 -8 8v208zM136 352h112c4 0 8 -4 8 -8v-304c0 -4 -4 -8 -8 -8h-119h-1v312c0 4 4 8 8 8zM376 192c4 0 8 -4 8 -8v-144c0 -4 -4 -8 -8 -8h-96c-4 0 -8 4 -8 8v144c0 4 4 8 8 8h96z" />
-    <glyph glyph-name="ion-ios-print" unicode="&#xf1f1;" 
-d="M80 200c0 9 7 16 16 16h224c9 0 16 -7 16 -16v-200c0 -9 -7 -16 -16 -16h-224c-9 0 -16 7 -16 16v200zM336 400c9 0 16 -7 16 -16v-20c0 -2 -2 -4 -4 -4h-280c-2 0 -4 2 -4 4v20c0 9 7 16 16 16h256zM384 336c18 0 32 -13 32 -31v-175c0 -18 -14 -32 -32 -32h-16
-c-4 0 -8 4 -8 8v106c0 16 -12 28 -28 28h-248c-16 0 -28 -12 -28 -28v-106c0 -4 -4 -8 -8 -8h-16c-18 0 -32 14 -32 32v175c0 18 14 31 32 31h352z" />
-    <glyph glyph-name="ion-md-browsers" unicode="&#xf2a3;" horiz-adv-x="432" 
-d="M384 384c27 0 48 -22 48 -48v-288c0 -26 -22 -48 -48 -48h-336c-27 0 -48 22 -48 48v288c0 26 21 48 48 48h336zM384 48v224h-336v-224h336z" />
-    <glyph glyph-name="ion-ios-calculator" unicode="&#xf3f2;" horiz-adv-x="296" 
-d="M264 400c18 0 32 -14 32 -32v-352c0 -18 -14 -32 -32 -32h-232c-18 0 -32 14 -32 32v352c0 18 14 32 32 32h232zM252 128c0 13 -11 24 -24 24v0c-13 0 -24 -11 -24 -24v-80c0 -13 11 -24 24 -24v0c13 0 24 11 24 24v80zM252 208c0 13 -11 24 -24 24v0
-c-13 0 -24 -11 -24 -24v0c0 -13 11 -24 24 -24v0c13 0 24 11 24 24v0zM172 48c0 13 -11 24 -24 24v0c-13 0 -24 -11 -24 -24v0c0 -13 11 -24 24 -24v0c13 0 24 11 24 24v0zM172 128c0 13 -11 24 -24 24v0c-13 0 -24 -11 -24 -24v0c0 -13 11 -24 24 -24v0c13 0 24 11 24 24v0
-zM172 208c0 13 -11 24 -24 24v0c-13 0 -24 -11 -24 -24v0c0 -13 11 -24 24 -24v0c13 0 24 11 24 24v0zM92 48c0 13 -11 24 -24 24v0c-13 0 -24 -11 -24 -24v0c0 -13 11 -24 24 -24v0c13 0 24 11 24 24v0zM92 128c0 13 -11 24 -24 24v0c-13 0 -24 -11 -24 -24v0
-c0 -13 11 -24 24 -24v0c13 0 24 11 24 24v0zM92 208c0 13 -11 24 -24 24v0c-13 0 -24 -11 -24 -24v0c0 -13 11 -24 24 -24v0c13 0 24 11 24 24v0zM44 288c0 -9 7 -16 16 -16h176c9 0 16 7 16 16v48c0 9 -7 16 -16 16h-176c-9 0 -16 -7 -16 -16v-48z" />
-    <glyph glyph-name="ion-md-gift" unicode="&#xf199;" horiz-adv-x="420" 
-d="M378 314c23 0 42 -19 42 -43v-245c0 -24 -20 -42 -43 -42h-336c-23 0 -41 18 -41 42v245c0 24 19 43 42 43h46c-2 7 -4 13 -4 21c0 35 28 65 63 65c22 0 42 -13 53 -30l10 -14l10 14c11 17 31 28 53 28c35 0 63 -28 63 -63c0 -7 -2 -14 -4 -21h46zM274 357
-c-12 0 -21 -9 -21 -21s9 -21 21 -21s21 9 21 21s-9 21 -21 21zM146 357c-12 0 -21 -9 -21 -21s9 -21 21 -21s21 9 21 21s-9 21 -21 21zM42 271v-245h147v229v0l-50 -69l-34 24l44 61h-107zM378 26v245h-107l44 -61l-34 -24l-50 69v-229h147z" />
-    <glyph glyph-name="ion-md-thumbs-down" unicode="&#xf391;" 
-d="M266 384c21 0 38 -17 38 -38v-192c0 -11 -4 -20 -11 -27l-126 -127l-20 20c-5 5 -9 12 -9 20l1 6l18 82h-119c-21 0 -38 24 -38 45v38c0 5 1 10 3 14l57 136c6 14 18 23 34 23h172zM352 160v224h64v-224h-64z" />
-    <glyph glyph-name="ion-md-arrow-dropright-circle" unicode="&#xf283;" 
-d="M208 -16c-115 0 -208 93 -208 208s93 208 208 208s208 -93 208 -208s-93 -208 -208 -208zM176 96l96 96l-96 96v-192z" />
-    <glyph glyph-name="ion-ios-battery-dead" unicode="&#xf121;" horiz-adv-x="480" 
-d="M380 304c26 0 48 -22 48 -48v-128c0 -26 -22 -48 -48 -48h-332c-26 0 -48 22 -48 48v128c0 26 22 48 48 48h332zM400 128v128c0 11 -9 20 -20 20h-332c-11 0 -20 -9 -20 -20v-128c0 -11 9 -20 20 -20h332c11 0 20 9 20 20zM448 243c16 0 32 -27 32 -51s-16 -51 -32 -51
-v102z" />
-    <glyph glyph-name="ion-ios-add" unicode="&#xf102;" horiz-adv-x="257" 
-d="M241 208c9 0 16 -7 16 -16s-7 -16 -16 -16h-97v-96c0 -9 -7 -16 -16 -16c-4 0 -8 1 -11 4s-5 8 -5 12v96h-96c-4 0 -8 2 -11 5s-5 7 -5 11c0 9 7 16 16 16h96v96c0 9 7 16 16 16s16 -7 16 -16v-96h97z" />
-    <glyph glyph-name="ion-md-rocket" unicode="&#xf179;" horiz-adv-x="288" 
-d="M144 26c18 0 33 7 43 11c5 2 11 -1 11 -7l-4 -51c0 -3 -4 -5 -6 -3l-15 11c-2 1 -4 1 -5 -1l-21 -32c-2 -2 -4 -2 -6 0l-21 32c-1 2 -4 2 -6 1l-14 -11c-2 -2 -6 0 -6 3l-4 51c0 6 6 9 11 7c10 -4 25 -11 43 -11zM286 155c2 -2 2 -4 2 -7l-18 -112c-1 -6 -7 -8 -12 -5
-l-67 45s-20 -20 -46 -20s-48 20 -48 20l-67 -45c-5 -3 -10 -1 -11 5l-19 112c0 3 0 5 2 7l48 49c0 158 94 228 94 228s94 -70 94 -228zM144 256c17 0 31 14 31 32s-14 32 -31 32s-30 -14 -30 -32s13 -32 30 -32z" />
-    <glyph glyph-name="ion-md-briefcase" unicode="&#xf2a2;" 
-d="M304 304h112v-264c0 -22 -18 -40 -40 -40h-336c-22 0 -40 18 -40 40v264h112v40c0 22 18 40 40 40h112c22 0 40 -18 40 -40v-40zM264 304v40h-112v-40h112z" />
-    <glyph glyph-name="ion-ios-flower" unicode="&#xf433;" 
-d="M337 218c52 0 79 -11 79 -26s-27 -26 -79 -26c-27 0 -60 6 -86 13c-1 -3 -2 -6 -4 -9c23 -14 52 -32 71 -51c37 -37 48 -63 37 -74c-3 -2 -6 -4 -10 -4c-14 0 -36 13 -64 41c-19 19 -37 48 -51 71c-3 -2 -7 -3 -10 -4c7 -26 14 -59 14 -86c0 -52 -11 -79 -26 -79
-s-26 27 -26 79c0 27 7 60 14 86c-3 1 -6 2 -9 4c-14 -23 -33 -52 -52 -71c-28 -28 -50 -41 -64 -41c-4 0 -7 1 -10 4c-11 11 0 37 37 74c19 19 48 37 71 51c-2 3 -3 6 -4 9c-26 -7 -59 -13 -86 -13c-52 0 -79 11 -79 26s27 26 79 26c27 0 60 -7 86 -14c1 3 2 6 4 9
-c-23 14 -52 33 -71 52c-37 37 -48 63 -37 74c3 2 6 4 10 4c14 0 36 -13 64 -41c19 -19 37 -48 51 -71c3 2 6 3 9 4c-7 26 -13 59 -13 86c0 52 11 79 26 79s26 -27 26 -79c0 -27 -7 -60 -14 -86c3 -1 7 -2 10 -4c14 23 32 52 51 71c28 28 50 41 64 41c4 0 7 -1 10 -4
-c11 -11 0 -37 -37 -74c-19 -19 -48 -38 -71 -52c2 -3 3 -6 4 -9c26 7 59 14 86 14zM270 72c7 -7 14 -14 20 -19c9 -31 7 -50 -4 -54c-2 -1 -3 -1 -5 -1c-10 0 -22 11 -34 33c1 10 2 20 2 32s-1 25 -3 38c8 -11 16 -21 24 -29zM146 312c-7 7 -14 13 -20 18c-9 31 -7 51 4 55
-c2 1 3 1 5 1c10 0 22 -11 34 -33c-1 -10 -2 -20 -2 -32s1 -25 3 -38c-8 11 -16 21 -24 29zM88 129c-7 -7 -14 -14 -19 -20c-13 -4 -24 -5 -32 -5c-12 0 -19 4 -22 10c-4 10 6 24 32 38c10 -1 20 -1 32 -1s25 1 38 3c-11 -8 -21 -17 -29 -25zM328 254c7 7 14 14 19 20
-c13 4 24 6 32 6c12 0 19 -4 22 -10c4 -10 -6 -25 -32 -39c-10 1 -20 2 -32 2s-25 -2 -38 -4c11 8 21 17 29 25zM146 72c8 8 16 18 24 29c-2 -13 -3 -26 -3 -38c0 -10 0 -20 1 -28c-14 -24 -26 -36 -36 -36c-2 0 -3 0 -5 1c-10 4 -13 22 -5 50c8 6 16 14 24 22zM270 312
-c-8 -8 -16 -19 -24 -30c2 13 3 27 3 39c0 10 0 19 -1 27c14 24 26 36 36 36c2 0 3 1 5 0c10 -4 13 -23 5 -51c-8 -6 -16 -13 -24 -21zM52 232c-28 16 -41 30 -36 41c3 6 11 10 22 10c8 0 17 -2 28 -5c6 -8 14 -16 22 -24s18 -17 29 -25c-13 2 -26 4 -38 4
-c-10 0 -19 0 -27 -1zM364 152c28 -16 41 -31 36 -42c-3 -6 -11 -9 -22 -9c-8 0 -17 2 -28 5c-6 8 -14 15 -22 23s-18 17 -29 25c13 -2 26 -3 38 -3c10 0 19 0 27 1z" />
-    <glyph glyph-name="ion-logo-github" unicode="&#xf239;" horiz-adv-x="448" 
-d="M224 416c124 0 224 -103 224 -230c0 -101 -64 -188 -153 -218h-4c-8 0 -12 7 -12 12c0 8 1 31 1 62c0 21 -8 36 -16 43c50 6 103 25 103 113c0 25 -9 46 -23 62c2 6 10 29 -2 61h-5c-8 0 -27 -3 -57 -24c-18 5 -37 8 -56 8s-38 -3 -56 -8c-30 21 -49 24 -57 24h-5
-c-12 -32 -4 -55 -2 -61c-14 -16 -23 -37 -23 -62c0 -88 52 -107 102 -113c-6 -6 -12 -16 -14 -31c-6 -3 -16 -6 -26 -6c-13 0 -28 5 -39 25c0 0 -13 22 -35 24v0c-2 0 -21 0 -1 -14c0 0 15 -8 25 -34c0 0 10 -33 53 -33c7 0 14 0 22 2v-39c0 -5 -3 -11 -11 -11h-4
-c-89 30 -153 116 -153 218c0 127 100 230 224 230z" />
-    <glyph glyph-name="ion-ios-play" unicode="&#xf488;" horiz-adv-x="256" 
-d="M0 344c0 6 7 10 12 7l240 -152c5 -3 5 -11 0 -14l-240 -152c-5 -3 -12 1 -12 7v304z" />
-    <glyph glyph-name="ion-md-globe" unicode="&#xf301;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM186 15c6 15 21 29 8 39c-8 7 -16 14 -23 21c-2 2 -11 20 -9 23c5 9 6 14 8 24c3 12 -3 16 -13 22c-15 10 -29 23 -43 34c-7 5 -17 10 -20 19s-5 20 -10 28c-14 20 -12 34 -10 58
-c0 7 -1 16 -2 25c-28 -32 -42 -73 -42 -116c0 -48 18 -92 52 -126c29 -29 65 -46 104 -51zM334 66c23 23 39 51 47 82c-8 -1 -19 2 -19 2s-21 24 -23 45c-2 22 0 39 -3 57c-3 16 -20 31 -27 46c-7 14 -13 28 -20 42c2 -1 5 -2 7 -3c5 1 10 2 14 2c-23 16 -49 25 -76 29v-8
-l4 -9l-14 -13l-9 3l-10 10l-10 12l-14 5c-16 -2 -31 -7 -45 -13v-7c7 3 16 5 23 8c3 1 13 -7 16 -9c-4 -5 -21 -15 -22 -21c0 -2 7 -6 7 -10c0 -6 -1 -11 -1 -17c3 3 20 21 22 21c13 3 35 -19 37 -26s-22 -24 -33 -34c-8 -8 -25 -12 -20 -24c2 -4 10 -20 5 -24
-c-6 -5 -14 9 -17 12c-8 10 -26 7 -38 7c0 -17 -1 -31 15 -43c15 -11 30 -25 47 -33c13 -6 36 7 47 -1c16 -11 29 -21 47 -29c8 -3 33 -20 26 -31c-5 -8 -10 -15 -14 -23s-13 -20 -20 -25c-8 -6 -16 -17 -21 -29c35 7 66 23 92 49z" />
-    <glyph glyph-name="ion-md-cloud" unicode="&#xf2c9;" horiz-adv-x="480" 
-d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121z" />
-    <glyph glyph-name="ion-md-egg" unicode="&#xf2e5;" horiz-adv-x="352" 
-d="M176 416c70 0 176 -133 176 -257s-70 -191 -176 -191s-176 67 -176 191s106 257 176 257z" />
-    <glyph glyph-name="ion-ios-easel" unicode="&#xf173;" horiz-adv-x="448" 
-d="M402 -14c2 -4 1 -8 -1 -12s-7 -6 -11 -6h-1c-6 0 -11 3 -13 8l-26 70c-2 4 0 8 2 12s7 6 11 6c5 0 10 -3 12 -8zM86 64c4 0 9 -2 11 -6c3 -4 3 -8 1 -12l-26 -70c-2 -5 -6 -8 -12 -8h-1c-4 0 -9 2 -11 6s-3 8 -1 12l26 70c2 5 7 8 13 8zM225 64c7 0 13 -6 13 -13v-37
-c0 -7 -6 -14 -13 -14h-1c-7 0 -14 7 -14 14v37c0 7 7 13 14 13h1zM392 320c4 0 8 -4 8 -8v-176c0 -4 -4 -8 -8 -8h-336c-4 0 -8 4 -8 8v176c0 4 4 8 8 8h336zM416 368c18 0 32 -14 32 -32v-224c0 -18 -14 -32 -32 -32h-384c-18 0 -32 14 -32 32v224c0 18 14 32 32 32h384z
-M420 124v0v205c0 3 -1 6 -3 8v0c-2 2 -5 3 -8 3h-365c-9 0 -16 -7 -16 -16v-200c0 -9 7 -16 16 -16h360c9 0 16 7 16 16zM224 416c13 0 24 -13 24 -26h-48c0 13 11 26 24 26z" />
-    <glyph glyph-name="ion-ios-log-out" unicode="&#xf1b2;" 
-d="M264 76c8 0 14 -6 14 -14c0 -25 -21 -46 -46 -46h-186c-25 0 -46 21 -46 46v260c0 25 21 46 46 46h186c25 0 46 -21 46 -46c0 -8 -6 -14 -14 -14s-14 6 -14 14c0 10 -8 18 -18 18h-186c-10 0 -18 -8 -18 -18v-260c0 -10 8 -18 18 -18h186c10 0 18 8 18 18c0 8 6 14 14 14
-zM325 290l84 -84c4 -4 7 -10 7 -15s-3 -11 -7 -15l-82 -82c-3 -3 -6 -4 -10 -4s-7 2 -10 4v0c-5 6 -5 15 0 20l64 64h-257c-8 0 -14 6 -14 14s6 14 14 14h256l-65 64c-6 6 -6 14 0 20c3 3 6 4 10 4s7 -1 10 -4z" />
-    <glyph glyph-name="ion-md-options" unicode="&#xf33c;" horiz-adv-x="448" 
-d="M0 32v32h272v-32h-272zM368 32v32h80v-32h-80zM352 0c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96zM0 176v32h80v-32h-80zM176 176v32h272v-32h-272zM160 144c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96
-c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96zM0 320v32h272v-32h-272zM368 320v32h80v-32h-80zM352 288c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96z" />
-    <glyph glyph-name="ion-md-color-filter" unicode="&#xf2d1;" horiz-adv-x="384" 
-d="M378 328c8 -8 8 -22 0 -30l-67 -67l41 -41l-30 -30l-30 30l-191 -190h-101v101l190 191l-30 30l30 30l41 -41l67 67c8 8 22 8 30 0zM84 43l172 171l-42 42l-171 -172z" />
-    <glyph glyph-name="ion-ios-heart" unicode="&#xf443;" 
-d="M304 392c62 -1 112 -51 112 -113c0 -37 -16 -90 -48 -133c-60 -82 -160 -154 -160 -154s-100 72 -160 154c-32 43 -48 96 -48 133c0 62 50 112 112 113v0v0h1c40 0 75 -21 95 -52c20 31 55 52 95 52h1v0v0z" />
-    <glyph glyph-name="ion-md-rewind" unicode="&#xf370;" horiz-adv-x="448" 
-d="M218 46l-218 146l218 146v-292zM230 192l218 146v-292z" />
-    <glyph glyph-name="ion-md-reorder" unicode="&#xf369;" horiz-adv-x="320" 
-d="M0 64v36h320v-36h-320zM0 284v36h320v-36h-320zM0 212v35h320v-35h-320zM0 137v35h320v-35h-320z" />
-    <glyph glyph-name="ion-md-bus" unicode="&#xf2a8;" horiz-adv-x="352" 
-d="M0 96v204c0 75 82 84 176 84s176 -9 176 -84v-204c0 -18 -14 -24 -27 -36v-39c0 -12 -9 -21 -21 -21h-21c-12 0 -22 9 -22 21v22h-170v-22c0 -12 -10 -21 -22 -21h-21c-12 0 -21 9 -21 21v39c-13 12 -27 17 -27 36zM80 80c18 0 32 14 32 32s-14 32 -32 32
-s-32 -14 -32 -32s14 -32 32 -32zM272 80c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM304 203v106h-256v-106h256z" />
-    <glyph glyph-name="ion-ios-medical" unicode="&#xf45c;" horiz-adv-x="353" 
-d="M351 274c4 -7 1 -17 -6 -21l-99 -57c-3 -2 -3 -5 0 -7l99 -57c7 -4 10 -15 6 -22l-17 -28c-4 -7 -14 -10 -21 -6l-99 57c-3 2 -6 0 -6 -3v-115c0 -9 -6 -15 -15 -15h-33c-9 0 -16 6 -16 15v115c0 3 -3 5 -6 3l-98 -57c-7 -4 -17 -1 -21 6l-17 28c-4 7 -1 17 6 21l98 57
-c3 2 3 5 0 7l-98 57c-7 4 -10 15 -6 22l17 28c4 7 14 10 21 6l98 -57c3 -2 6 0 6 3v114c0 9 7 16 16 16h33c9 0 15 -7 15 -16v-114c0 -3 3 -5 6 -3l99 57c7 4 17 1 21 -6z" />
-    <glyph glyph-name="ion-ios-stats" unicode="&#xf21c;" horiz-adv-x="352" 
-d="M104 0c-4 0 -8 4 -8 8v368c0 4 4 8 8 8h48c4 0 8 -4 8 -8v-368c0 -4 -4 -8 -8 -8h-48zM8 0c-4 0 -8 4 -8 8v144c0 4 4 8 8 8h48c4 0 8 -4 8 -8v-144c0 -4 -4 -8 -8 -8h-48zM200 0c-4 0 -8 4 -8 8v208c0 4 4 8 8 8h48c4 0 8 -4 8 -8v-208c0 -4 -4 -8 -8 -8h-48zM288 312
-c0 4 4 8 8 8h48c4 0 8 -4 8 -8v-304c0 -4 -4 -8 -8 -8h-48c-4 0 -8 4 -8 8v304z" />
-    <glyph glyph-name="ion-ios-battery-charging" unicode="&#xf120;" horiz-adv-x="480" 
-d="M380 304c26 0 48 -22 48 -48v-128c0 -26 -22 -48 -48 -48h-332c-26 0 -48 22 -48 48v128c0 26 22 48 48 48h332zM400 128v128c0 11 -9 20 -20 20h-332c-11 0 -20 -9 -20 -20v-128c0 -11 9 -20 20 -20h332c11 0 20 9 20 20zM448 243c16 0 32 -27 32 -51s-16 -51 -32 -51
-v102zM368 256c7 0 12 -5 12 -12v-104c0 -7 -5 -12 -12 -12h-308c-7 0 -12 5 -12 12v104c0 7 5 12 12 12h308zM203 140l45 61h-27l8 43l-45 -61h27z" />
-    <glyph glyph-name="ion-logo-pinterest" unicode="&#xf244;" horiz-adv-x="448" 
-d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224c-22 0 -44 3 -64 9c8 14 18 31 23 48c3 10 16 62 16 62c8 -15 30 -28 54 -28c72 0 121 65 121 153c0 66 -56 129 -142 129c-106 0 -160 -76 -160 -140c0 -39 15 -73 46 -86c5 -2 10 0 12 6c1 4 3 14 4 18
-c2 6 1 7 -3 12c-9 11 -15 24 -15 44c0 57 42 107 110 107c60 0 94 -36 94 -85c0 -65 -29 -119 -71 -119c-24 0 -42 19 -36 43c7 28 20 59 20 79c0 18 -10 34 -30 34c-24 0 -43 -25 -43 -58c0 -21 7 -36 7 -36s-25 -104 -29 -122c-4 -17 -5 -35 -4 -51
-c-79 35 -134 113 -134 205c0 124 100 224 224 224z" />
-    <glyph glyph-name="ion-md-call" unicode="&#xf2ac;" horiz-adv-x="384" 
-d="M363 117c12 0 21 -9 21 -21v-75c0 -12 -9 -21 -21 -21c-201 0 -363 162 -363 363c0 12 9 21 21 21h75c12 0 21 -9 21 -21c0 -27 4 -52 13 -77c2 -7 0 -16 -5 -21l-47 -47c31 -61 80 -110 141 -141l47 47c5 6 14 7 21 5c23 -7 49 -12 76 -12z" />
-    <glyph glyph-name="ion-ios-redo" unicode="&#xf499;" horiz-adv-x="448" 
-d="M0 16v37c0 20 -4 97 57 159c40 41 91 61 163 65c2 0 4 2 4 4v83c0 3 3 5 6 3l216 -142c2 -2 2 -5 0 -7l-216 -142c-3 -2 -6 1 -6 4v81c0 2 -2 4 -4 4c-44 -2 -69 -11 -97 -23c-36 -16 -73 -51 -95 -84c-13 -20 -19 -33 -21 -39c-1 -2 -2 -3 -4 -3h-3z" />
-    <glyph glyph-name="ion-md-sync" unicode="&#xf38b;" horiz-adv-x="320" 
-d="M160 355c88 0 160 -73 160 -163c0 -32 -9 -62 -25 -87l-29 30c9 17 14 37 14 57c0 67 -54 122 -120 122v-61l-80 82l80 81v-61zM160 70v61l80 -82l-80 -81v61c-88 0 -160 73 -160 163c0 32 9 63 25 87l29 -30c-9 -17 -14 -37 -14 -57c0 -67 54 -122 120 -122z" />
-    <glyph glyph-name="ion-ios-remove-circle" unicode="&#xf1fb;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM298 176c9 0 16 7 16 16s-7 16 -16 16h-180c-9 0 -16 -6 -16 -16s8 -16 16 -16h180z" />
-    <glyph glyph-name="ion-md-medal" unicode="&#xf326;" 
-d="M226 296h-226l54 104h241zM122 71c0 48 38 86 86 86s87 -38 87 -86s-39 -87 -87 -87s-86 39 -86 87zM301 149c-2 3 -5 5 -7 7c-23 23 -54 36 -86 36l139 208l69 -104zM158 181c-13 -6 -26 -14 -36 -24c-16 -16 -27 -36 -32 -57l-90 162h104z" />
-    <glyph glyph-name="ion-ios-mail-open" unicode="&#xf1b6;" 
-d="M406 238c4 -4 10 -13 10 -25v-213c0 -18 -14 -32 -32 -32h-352c-18 0 -32 14 -32 32v212c0 11 5 21 10 26s159 162 159 162c10 11 24 16 39 16s29 -5 39 -16c0 0 155 -158 159 -162zM386 196c10 10 0 36 -16 36h-324s-26 -26 -16 -36l81 -85c1 -1 1 -2 0 -3l-75 -80
-c-5 -5 -5 -13 0 -18c2 -2 6 -4 9 -4s7 2 9 4l151 161c2 2 4 2 6 0l151 -161c2 -2 6 -4 9 -4s7 2 9 4c5 5 5 13 0 18l-75 80c-1 1 -1 2 0 3z" />
-    <glyph glyph-name="ion-ios-checkbox" unicode="&#xf148;" horiz-adv-x="384" 
-d="M352 384c18 0 32 -14 32 -32v-320c0 -18 -14 -32 -32 -32h-320c-18 0 -32 14 -32 32v320c0 18 14 32 32 32h320zM300 250c2 2 1 3 -1 5l-17 18c-1 1 -2 2 -3 2v0c-1 0 -2 -1 -3 -2l-122 -123l-44 45c-1 1 -2 1 -3 1s-2 0 -3 -1l-18 -18c-2 -2 -2 -4 0 -6l56 -56
-c4 -4 8 -5 12 -5c5 0 10 3 12 5v0z" />
-    <glyph glyph-name="ion-ios-code-download" unicode="&#xf155;" horiz-adv-x="384" 
-d="M268 305l114 -109c1 -1 2 -2 2 -4s-1 -3 -2 -4l-114 -109c-1 -1 -2 -2 -4 -2s-3 1 -4 2l-14 13c-1 1 -2 2 -2 4s1 3 2 4l96 92l-96 92c-1 1 -2 2 -2 4s1 3 2 4l14 13c1 1 3 2 4 2s3 -1 4 -2zM42 192l96 -92c1 -1 2 -2 2 -4s-1 -3 -2 -4l-14 -13c-1 -1 -2 -2 -4 -2
-c-1 0 -3 1 -4 2l-114 109c-1 1 -2 2 -2 4s1 3 2 4l114 109c1 1 3 2 4 2s3 -1 4 -2l14 -13c1 -1 2 -2 2 -4s-1 -3 -2 -4zM269 181c0 -4 -2 -8 -5 -11l-62 -57c-3 -2 -6 -4 -10 -4s-7 2 -10 4l-62 57c-3 3 -5 7 -5 11s1 7 4 10v0c3 3 7 4 11 4c3 0 6 -1 9 -3l39 -35v106
-c0 8 6 15 14 15s14 -7 14 -15v-106l39 35c3 2 5 4 9 4s7 -2 10 -5h1c3 -3 4 -6 4 -10z" />
-    <glyph glyph-name="ion-ios-alarm" unicode="&#xf3c8;" horiz-adv-x="384" 
-d="M317 384c38 -2 67 -33 67 -69c0 -18 -7 -26 -16 -37c-1 -1 -3 -2 -5 -2h-1c-2 0 -3 1 -4 2l-90 80c-2 1 -2 4 -2 6s0 4 2 5c13 10 29 15 45 15v0h4zM0 315c0 36 29 67 67 69h4v0c16 0 32 -5 45 -15c2 -1 2 -3 2 -5s0 -5 -2 -6l-90 -80c-1 -1 -2 -2 -4 -2h-1
-c-2 0 -4 1 -5 2c-9 11 -16 19 -16 37zM326 62l35 -36c6 -6 5 -15 -1 -21c-3 -3 -8 -5 -12 -5s-8 2 -11 5l-34 35c-30 -25 -69 -40 -111 -40s-81 15 -111 40l-35 -35c-3 -3 -7 -5 -11 -5s-8 2 -11 5c-6 6 -7 15 -1 21l35 36c-26 31 -42 70 -42 114c0 97 79 176 176 176
-s176 -79 176 -176c0 -44 -16 -83 -42 -114zM206 174v116c0 8 -6 14 -14 14s-14 -6 -14 -14v-102h-68c-8 0 -14 -6 -14 -14s6 -14 14 -14h82c8 0 14 6 14 14z" />
-    <glyph glyph-name="ion-ios-send" unicode="&#xf20c;" horiz-adv-x="384" 
-d="M372 383c7 3 14 -4 11 -11l-152 -367c-3 -6 -12 -6 -15 0l-65 104c-4 6 -3 14 2 19l169 191c1 1 3 4 2 5s-5 -1 -6 -2l-195 -168c-5 -4 -13 -5 -19 -2l-99 56c-7 3 -6 12 0 15z" />
-    <glyph glyph-name="ion-ios-fastforward" unicode="&#xf427;" horiz-adv-x="448" 
-d="M444 199c5 -3 5 -11 0 -14l-208 -120c-5 -3 -12 1 -12 7v115l-212 -122c-5 -3 -12 1 -12 7v240c0 6 7 10 12 7l212 -122v115c0 6 7 10 12 7z" />
-    <glyph glyph-name="ion-ios-timer" unicode="&#xf4c1;" horiz-adv-x="400" 
-d="M200 -8c-110 0 -200 90 -200 200c0 55 21 106 61 144c6 6 17 6 23 0s6 -17 0 -23c-33 -32 -52 -75 -52 -121c0 -92 76 -168 168 -168s168 76 168 168c0 87 -67 159 -152 167v-63c0 -9 -7 -16 -16 -16s-16 7 -16 16v80c0 9 7 16 16 16c110 0 200 -90 200 -200
-s-90 -200 -200 -200zM120 286l99 -71c14 -10 17 -28 7 -42s-28 -17 -42 -7c-3 2 -5 4 -7 7l-71 99c-3 4 -2 11 2 14s9 2 12 0z" />
-    <glyph glyph-name="ion-md-water" unicode="&#xf3a7;" horiz-adv-x="352" 
-d="M300 285c69 -72 69 -191 0 -263c-34 -36 -79 -54 -124 -54s-91 18 -125 54c-69 72 -69 191 0 263l125 131z" />
-    <glyph glyph-name="ion-ios-heart-empty" unicode="&#xf19b;" 
-d="M304 392c62 -1 112 -51 112 -113c0 -37 -16 -90 -48 -133c-60 -82 -160 -154 -160 -154s-100 72 -160 154c-32 43 -48 96 -48 133c0 62 50 112 112 113v0v0h1c40 0 75 -21 95 -52c20 31 55 52 95 52h1v0v0zM346 163c29 40 42 87 42 116c0 22 -8 44 -24 60s-38 25 -60 25
-v0h-1v0c-14 0 -28 -4 -41 -11c-12 -7 -22 -16 -30 -28c-5 -8 -14 -13 -24 -13s-18 5 -23 13c-8 12 -19 21 -31 28c-13 7 -27 11 -41 11v0h-1v0c-23 0 -43 -9 -59 -25s-25 -37 -25 -60c0 -29 13 -76 42 -116c43 -58 108 -112 138 -136c30 24 95 78 138 136z" />
-    <glyph glyph-name="ion-md-radio-button-off" unicode="&#xf360;" 
-d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166z" />
-    <glyph glyph-name="ion-md-chatboxes" unicode="&#xf2b6;" 
-d="M344 384c4 0 7 -4 7 -8v-214c0 -4 -3 -9 -7 -9h-187l-90 -89v89h-57c-4 0 -10 5 -10 9v214c0 4 6 8 10 8h334zM408 321c4 0 8 -5 8 -9v-214c0 -4 -4 -9 -8 -9h-57v-89l-90 89h-130l39 39h181c18 0 25 10 25 26v167h32z" />
-    <glyph glyph-name="ion-md-exit" unicode="&#xf2e6;" horiz-adv-x="384" 
-d="M151 115l55 56h-206v42h207l-56 56l30 30l107 -107l-107 -107zM341 384c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v85h43v-85h298v298h-298v-85h-43v85c0 23 20 43 43 43h298z" />
-    <glyph glyph-name="ion-ios-pulse" unicode="&#xf493;" horiz-adv-x="448" 
-d="M403 176c25 -1 44 -21 45 -46c1 -27 -21 -50 -48 -50c-20 0 -38 13 -45 31h-51c-7 0 -13 5 -15 11l-16 47l-50 -173c-2 -7 -8 -12 -15 -12h-1c-8 0 -14 6 -15 13l-51 308l-37 -182c-2 -7 -9 -12 -16 -12h-72c-9 0 -16 7 -16 16v0c0 9 7 16 16 16h59l53 245
-c2 7 9 12 17 12s14 -5 15 -13l52 -315l45 156c2 7 8 11 15 11v0c7 0 13 -4 15 -11l29 -85h38c7 20 27 34 49 33z" />
-    <glyph glyph-name="ion-md-folder" unicode="&#xf2f5;" horiz-adv-x="448" 
-d="M181 352l43 -48h181c23 0 43 -20 43 -43v-186c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v234c0 23 20 43 43 43h138z" />
-    <glyph glyph-name="ion-ios-copy" unicode="&#xf41c;" horiz-adv-x="384" 
-d="M288 333c-10 0 -19 9 -19 19v72c0 4 3 8 7 8v0c6 0 16 -4 21 -8l77 -64c6 -5 10 -13 10 -21v0c0 -3 -3 -6 -6 -6h-90zM243 352c0 -25 20 -45 45 -45h96v-243c0 -18 -14 -32 -32 -32h-240c-18 0 -32 14 -32 32v336c0 18 14 32 32 32h131v-80zM52 36c0 -18 14 -32 32 -32
-h236v-20c0 -18 -14 -32 -32 -32h-256c-18 0 -32 14 -32 32v352c0 18 14 32 32 32h20v-332z" />
-    <glyph glyph-name="ion-md-basket" unicode="&#xf292;" horiz-adv-x="448" 
-d="M330 243h98c11 0 20 -9 20 -20l-1 -6l-51 -187c-5 -17 -21 -30 -40 -30h-264c-19 0 -35 13 -40 30l-51 187c-1 2 -1 4 -1 6c0 11 9 20 20 20h98l89 132c4 6 11 9 17 9s13 -2 17 -8zM163 243h122l-61 89zM224 81c22 0 41 18 41 40s-19 41 -41 41s-41 -19 -41 -41
-s19 -40 41 -40z" />
-    <glyph glyph-name="ion-ios-contacts" unicode="&#xf161;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM351 136c9 -3 17 -8 23 -15c10 22 14 46 14 71c0 49 -19 94 -54 128c-34 33 -80 52 -128 52c-47 0 -91 -19 -125 -52c-34 -34 -53 -80 -53 -128c0 -33 9 -64 25 -92
-c13 7 27 8 42 11c7 1 23 5 25 13s2 15 2 23c0 3 -1 3 -3 5c-4 4 -6 9 -8 14c-2 8 -3 16 -4 24c-9 -2 -10 16 -12 21c-1 4 -2 19 4 22c-3 5 -4 12 -5 18c-2 13 -2 26 3 39c10 26 36 39 63 38c26 -1 52 -15 60 -41c4 -12 3 -27 1 -40c-1 -5 -3 -10 -5 -14c8 -3 4 -21 3 -24
-c-2 -5 -2 -21 -11 -19c-1 -10 -2 -22 -7 -31c-1 -2 -8 -8 -8 -10v-11c0 -5 0 -10 2 -15s10 -7 14 -8c14 -5 28 -5 42 -10c28 -10 45 -35 45 -65v0c0 -2 3 -3 5 -2s3 2 5 3c4 3 6 8 6 12c-2 17 -7 31 -20 44c-20 19 -46 25 -46 25c-3 1 -8 2 -12 3s-4 6 0 8c8 3 13 5 16 6
-c4 1 15 4 16 9v14c-21 2 -29 6 -29 6c-6 3 -2 6 0 11c14 32 -10 88 32 105c7 3 15 4 25 4c12 0 23 -2 31 -7c15 -9 20 -27 20 -44c0 -20 -4 -44 7 -62c2 -3 4 -4 0 -6c0 0 -6 -5 -31 -6c0 0 -2 -13 1 -17c6 -7 21 -7 29 -10z" />
-    <glyph glyph-name="ion-ios-desktop" unicode="&#xf16c;" horiz-adv-x="448" 
-d="M320 6c0 -3 -2 -6 -5 -6h-182c-3 0 -5 3 -5 6c0 2 2 4 4 4l22 2c12 3 21 16 23 28l1 8h92l1 -8c2 -12 11 -25 23 -28l22 -2c2 0 4 -2 4 -4zM441 377c4 -4 7 -11 7 -17v-272c0 -6 -3 -13 -7 -17s-11 -7 -17 -7h-400c-6 0 -13 3 -17 7s-7 11 -7 17v272c0 6 3 13 7 17
-s11 7 17 7h400c6 0 13 -3 17 -7zM224 88c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM428 128c2 0 4 2 4 4v224c0 7 -5 12 -12 12h-392c-7 0 -12 -5 -12 -12v-224c0 -2 2 -4 4 -4h408z" />
-    <glyph glyph-name="ion-logo-yahoo" unicode="&#xf34d;" horiz-adv-x="320" 
-d="M289 380c11 0 21 1 31 4l-128 -213v-171c-10 4 -21 4 -32 4s-22 0 -32 -4v171l-128 213c10 -4 21 -4 32 -4s22 0 32 4l96 -160l96 160c10 -4 22 -4 33 -4z" />
-    <glyph glyph-name="ion-ios-laptop" unicode="&#xf1a8;" horiz-adv-x="480" 
-d="M432 80h48v0c0 -10 -10 -19 -20 -23s-28 -9 -48 -9h-344c-20 0 -38 5 -49 10c-9 4 -19 12 -19 22v0h48v239c0 10 8 17 17 17h350c9 0 17 -8 17 -17v-239zM240 328c-2 0 -4 -2 -4 -4s2 -4 4 -4s4 2 4 4s-2 4 -4 4zM66 312c-1 0 -2 -1 -2 -2v-212c0 -1 1 -2 2 -2h348
-c1 0 2 1 2 2v212c0 1 -1 2 -2 2h-348zM282 72c7 0 10 6 10 8h-104c0 -2 5 -8 10 -8h84z" />
-    <glyph glyph-name="ion-ios-flame" unicode="&#xf42f;" horiz-adv-x="288" 
-d="M108 400c98 -59 187 -161 180 -267c-8 -125 -117 -149 -143 -149s-144 38 -145 149c-1 136 137 132 108 267zM182 45c2 6 3 12 3 18c0 41 -41 88 -41 88s-40 -47 -40 -88c0 -6 0 -12 2 -18c10 -39 66 -39 76 0z" />
-    <glyph glyph-name="ion-md-contract" unicode="&#xf2d8;" horiz-adv-x="384" 
-d="M0 77v51h128v-128h-51v77h-77zM77 307v77h51v-128h-128v51h77zM256 0v128h128v-51h-77v-77h-51zM307 307h77v-51h-128v128h51v-77z" />
-    <glyph glyph-name="ion-md-female" unicode="&#xf2eb;" horiz-adv-x="288" 
-d="M288 272c0 -71 -52 -131 -120 -142v-50h72v-48h-72v-64h-48v64h-72v48h72v50c-68 11 -120 71 -120 142c0 80 64 144 144 144s144 -64 144 -144zM48 272c0 -53 43 -96 96 -96s96 43 96 96s-43 96 -96 96s-96 -43 -96 -96z" />
-    <glyph glyph-name="ion-md-share" unicode="&#xf379;" horiz-adv-x="384" 
-d="M320 104c34 0 62 -28 62 -62s-28 -62 -62 -62s-62 28 -62 62c0 5 1 10 2 14l-152 88c-12 -11 -27 -17 -44 -17c-35 0 -64 29 -64 64s28 64 63 64c17 0 32 -6 44 -17l151 87c-1 5 -2 10 -2 15c0 35 29 64 64 64s64 -29 64 -64s-29 -64 -64 -64c-17 0 -32 6 -44 17
-l-151 -87c1 -5 2 -10 2 -15s-1 -10 -2 -15l153 -88c11 11 26 16 42 16z" />
-    <glyph glyph-name="ion-md-calculator" unicode="&#xf2aa;" horiz-adv-x="320" 
-d="M272 400c27 0 48 -22 48 -48v-320c0 -26 -22 -48 -48 -48h-224c-27 0 -48 22 -48 48v320c0 26 21 48 48 48h224zM104 32v48h-48v-48h48zM104 120v48h-48v-48h48zM104 208v48h-48v-48h48zM184 32v48h-48v-48h48zM184 120v48h-48v-48h48zM184 208v48h-48v-48h48zM264 32
-v136h-48v-136h48zM264 208v48h-48v-48h48zM264 304v48h-208v-48h208z" />
-    <glyph glyph-name="ion-ios-nutrition" unicode="&#xf470;" horiz-adv-x="384" 
-d="M295 216v0c6 -6 9 -14 9 -23c0 -11 -5 -20 -13 -26v0s-44 -33 -97 -72c-3 -2 -7 -2 -10 0l-37 26c-4 3 -8 3 -10 1v0c-2 -2 -2 -6 1 -10l21 -32c2 -4 1 -9 -2 -11l-105 -77c-6 -4 -12 -8 -20 -8c-18 0 -32 14 -32 32c0 7 2 13 5 18v0c1 2 11 18 29 46c2 4 6 5 10 3l17 -8
-c4 -3 8 -3 10 -1v0c2 2 2 6 -1 10l-14 24c-2 3 -2 6 0 8c24 39 49 79 71 114c2 4 7 4 11 2l32 -20c4 -3 8 -3 10 -1v0c2 2 2 6 -1 10l-27 41c-2 3 -2 5 0 8l12 20v0c6 10 16 16 28 16c9 0 18 -4 24 -10v0l79 -79v-1v0zM383 317c2 -4 1 -9 -3 -11l-92 -47l-28 29l57 108
-c2 4 7 5 11 3l18 -8c4 -2 5 -7 3 -11l-48 -79l60 37c4 2 9 1 11 -3z" />
-    <glyph glyph-name="ion-md-folder-open" unicode="&#xf2f4;" horiz-adv-x="448" 
-d="M405 304c23 0 43 -20 43 -43v-186c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v234c0 23 20 43 43 43h138l43 -48h181zM416 75v186c0 6 -5 11 -11 11h-373v-197c0 -6 5 -11 11 -11h362c6 0 11 5 11 11z" />
-    <glyph glyph-name="ion-md-bug" unicode="&#xf2a5;" horiz-adv-x="384" 
-d="M384 288v-48h-50c1 -8 2 -16 2 -24v-24h48v-48h-48v-24c0 -8 -1 -16 -2 -24h50v-48h-67c-25 -43 -72 -72 -125 -72s-100 29 -125 72h-67v48h50c-1 8 -2 16 -2 24v24h-48v48h48v24c0 8 1 16 2 24h-50v48h68c11 19 25 35 43 47l-39 39l34 34l52 -52c11 3 22 4 34 4
-s23 -1 34 -4l52 52l34 -34l-39 -39c18 -12 33 -28 44 -47h67z" />
-    <glyph glyph-name="ion-md-arrow-round-up" unicode="&#xf28b;" horiz-adv-x="332" 
-d="M323 221c12 -12 12 -31 0 -43s-34 -12 -46 0l-79 83v-214c0 -17 -14 -31 -32 -31s-32 14 -32 31v214l-79 -83c-12 -12 -34 -12 -46 0s-12 31 0 43l134 138c6 6 14 9 23 9v0c9 0 17 -3 23 -9z" />
-    <glyph glyph-name="ion-ios-save" unicode="&#xf1a6;" horiz-adv-x="384" 
-d="M208 384c4 0 8 -4 8 -8v-72c0 -4 -4 -8 -8 -8h-12c-4 0 -12 4 -12 8v72c0 4 4 8 8 8h16zM370 318c9 -9 14 -21 14 -34v-252c0 -18 -14 -32 -32 -32h-320c-18 0 -32 14 -32 32v320c0 18 14 32 32 32h32c9 0 16 -7 16 -16v-80c0 -9 7 -16 16 -16h128c9 0 16 7 16 16v80
-c0 9 7 16 16 16h28c13 0 25 -5 34 -14zM258 48v96c0 9 -8 16 -18 16h-160c-10 0 -18 -7 -18 -16v-96c0 -9 8 -16 18 -16h160c10 0 18 7 18 16z" />
-    <glyph glyph-name="ion-md-ribbon" unicode="&#xf371;" horiz-adv-x="384" 
-d="M192 416c71 0 128 -57 128 -128s-57 -128 -128 -128s-128 57 -128 128s57 128 128 128zM192 208c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80zM130 141c20 -8 40 -13 62 -13c9 0 18 1 26 2l-26 -56l-48 -106l-48 80h-96l75 131c1 -2 3 -3 4 -4
-c15 -15 32 -26 51 -34zM309 179l75 -131h-96l-48 -80l-32 70l22 49l24 54c19 8 36 19 51 34z" />
-    <glyph glyph-name="ion-ios-sunny" unicode="&#xf4b7;" 
-d="M208 61c8 0 15 -7 15 -15v-47c0 -8 -7 -15 -15 -15s-15 7 -15 15v47c0 8 7 15 15 15zM208 400c8 0 15 -7 15 -15v-47c0 -8 -7 -15 -15 -15s-15 7 -15 15v47c0 8 7 15 15 15zM77 192c0 -8 -7 -15 -15 -15h-47c-8 0 -15 7 -15 15s7 15 15 15h47c8 0 15 -7 15 -15zM401 207
-c8 0 15 -7 15 -15s-7 -15 -15 -15h-47c-8 0 -15 7 -15 15s7 15 15 15h47zM104 104c4 0 8 -2 11 -5c6 -6 6 -15 0 -21l-32 -33c-3 -3 -7 -5 -11 -5s-8 2 -11 5s-5 7 -5 11s2 8 5 11l33 32c3 3 6 5 10 5zM312 280c-4 0 -8 2 -11 5s-5 7 -5 11s2 7 5 10l32 33c3 3 7 5 11 5
-s8 -2 11 -5s5 -7 5 -11s-2 -8 -5 -11l-33 -32c-3 -3 -6 -5 -10 -5zM83 339l32 -33c3 -3 5 -6 5 -10s-2 -8 -5 -11s-7 -5 -11 -5s-7 2 -10 5l-33 32c-3 3 -5 7 -5 11s2 8 5 11s7 5 11 5s8 -2 11 -5zM322 99l33 -32c3 -3 5 -7 5 -11s-2 -8 -5 -11s-7 -5 -11 -5s-8 2 -11 5
-l-32 33c-6 6 -6 15 0 21c3 3 7 5 11 5s7 -2 10 -5zM208 288v0c53 0 96 -43 96 -96s-43 -96 -96 -96s-96 43 -96 96s43 96 96 96z" />
-    <glyph glyph-name="ion-ios-subway" unicode="&#xf21e;" horiz-adv-x="320" 
-d="M256 416c35 0 64 -29 64 -64v-232c0 -35 -29 -64 -64 -64h-192c-35 0 -64 29 -64 64v232c0 35 29 64 64 64h192zM104 392c-4 0 -8 -4 -8 -8s4 -8 8 -8h112c4 0 8 4 8 8s-4 8 -8 8h-112zM72 88c16 0 28 12 28 28s-12 28 -28 28s-28 -12 -28 -28s12 -28 28 -28zM248 88
-c16 0 28 12 28 28s-12 28 -28 28s-28 -12 -28 -28s12 -28 28 -28zM288 240v96c0 9 -7 16 -16 16h-224c-9 0 -16 -7 -16 -16v-96c0 -9 7 -16 16 -16h224c9 0 16 7 16 16zM298 -8c6 -5 6 -14 0 -20c-3 -3 -6 -4 -10 -4s-7 1 -10 4l-14 14h-208l-14 -14c-3 -3 -6 -4 -10 -4
-s-7 1 -10 4c-5 6 -6 15 0 20l50 48c6 5 15 6 20 0s6 -15 0 -20l-6 -6h148l-6 6c-6 5 -5 14 0 20s14 5 20 0z" />
-    <glyph glyph-name="ion-md-clock" unicode="&#xf2be;" 
-d="M355 339c81 -81 81 -213 0 -294s-213 -81 -294 0s-81 213 0 294s213 81 294 0zM339 286c-8 -4 -10 -14 -6 -22s14 -10 22 -6s10 14 6 22s-14 10 -22 6zM32 192c0 -9 7 -16 16 -16s16 7 16 16s-7 16 -16 16s-16 -7 -16 -16zM77 98c8 4 10 14 6 22s-14 10 -22 6
-s-9 -14 -5 -22s13 -10 21 -6zM83 264c4 8 2 18 -6 22s-17 2 -21 -6s-3 -18 5 -22s18 -2 22 6zM120 344c-8 -4 -10 -14 -6 -22s14 -9 22 -5s10 13 6 21s-14 10 -22 6zM112 234l80 -47v-123h31v139l-95 57zM142 45c4 8 2 18 -6 22s-18 2 -22 -6s-2 -17 6 -21s18 -3 22 5z
-M208 16c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM208 336c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM296 40c8 4 10 14 6 22s-14 9 -22 5s-10 -13 -6 -21s14 -10 22 -6zM302 323c4 8 2 17 -6 21s-18 3 -22 -5s-2 -18 6 -22s18 -2 22 6z
-M360 104c4 8 3 18 -5 22s-18 2 -22 -6s-2 -18 6 -22s17 -2 21 6zM368 176c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16z" />
-    <glyph glyph-name="ion-ios-notifications-outline" unicode="&#xf133;" horiz-adv-x="320" 
-d="M193 45v0c8 0 15 -8 13 -16c-5 -22 -20 -37 -46 -37s-42 15 -47 37c-2 8 5 16 13 16v0c6 0 11 -4 12 -10c1 -4 3 -8 5 -11c1 -1 6 -6 17 -6s15 4 16 6c2 3 4 7 5 11c1 6 6 10 12 10zM316 96c10 -13 0 -32 -16 -32h-140h-140c-16 0 -26 19 -16 32c15 20 46 32 46 123
-c0 93 41 131 79 140c4 1 7 2 7 6v3c0 13 11 24 24 24v0v0c13 0 24 -11 24 -24v-3c0 -4 2 -5 6 -6c38 -9 80 -47 80 -140c0 -91 31 -103 46 -123zM277 90c4 0 5 4 3 7c-7 8 -16 19 -22 34c-10 23 -14 51 -14 88s-7 67 -21 87c-12 18 -28 25 -39 27c-7 2 -13 5 -18 11
-c-3 4 -9 4 -12 0c-4 -5 -11 -9 -19 -11c-11 -2 -27 -9 -39 -27c-14 -20 -21 -50 -21 -87s-4 -65 -14 -88c-6 -15 -14 -26 -21 -34c-2 -3 -1 -7 3 -7h234z" />
-    <glyph glyph-name="ion-ios-quote" unicode="&#xf1f5;" horiz-adv-x="320" 
-d="M113 352v0c18 0 31 -13 31 -31v-192c0 -52 -21 -84 -28 -94c-2 -2 -5 -3 -7 -3h-40c-7 0 -11 8 -6 13c12 14 30 38 32 74c0 5 -3 9 -8 9h-39c-26 0 -48 22 -48 48v128c0 26 22 48 48 48h65zM289 352v0c18 0 31 -13 31 -31v-192c0 -52 -21 -84 -28 -94c-2 -2 -5 -3 -7 -3
-h-40c-7 0 -11 8 -6 13c12 14 30 38 32 74c0 5 -3 9 -8 9h-39c-26 0 -48 22 -48 48v128c0 26 22 48 48 48h65z" />
-    <glyph glyph-name="ion-ios-pause" unicode="&#xf478;" horiz-adv-x="256" 
-d="M72 32h-64c-4 0 -8 4 -8 8v304c0 4 4 8 8 8h64c4 0 8 -4 8 -8v-304c0 -4 -4 -8 -8 -8zM248 32h-64c-4 0 -8 4 -8 8v304c0 4 4 8 8 8h64c4 0 8 -4 8 -8v-304c0 -4 -4 -8 -8 -8z" />
-    <glyph glyph-name="ion-ios-remove" unicode="&#xf1fc;" horiz-adv-x="257" 
-d="M241 208c9 0 16 -7 16 -16s-7 -16 -16 -16h-225c-4 0 -8 2 -11 5s-5 7 -5 11c0 9 7 16 16 16h225z" />
-    <glyph glyph-name="ion-ios-done-all" unicode="&#xf171;" horiz-adv-x="320" 
-d="M222 238l-67 -69l-26 27l66 69c1 1 3 2 4 2v0c1 0 2 -1 3 -2l20 -21c2 -2 2 -4 0 -6zM28 195l76 -79l-13 -14v0c-2 -2 -7 -6 -13 -6c-4 0 -9 3 -13 7l-64 65c-2 2 -2 4 0 6l20 21c1 1 3 1 4 1s2 0 3 -1zM319 266c2 -2 2 -5 0 -7l-151 -156v0c-2 -2 -7 -6 -13 -6
-c-4 0 -10 2 -14 6l-63 65c-2 2 -2 5 0 7l20 21c1 1 2 1 3 1s3 0 4 -1l50 -52l138 143c1 1 2 1 3 1v0c1 0 2 0 3 -1z" />
-    <glyph glyph-name="ion-md-recording" unicode="&#xf364;" horiz-adv-x="420" 
-d="M324 288c53 0 96 -43 96 -96s-43 -96 -96 -96h-228c-53 0 -96 43 -96 96s43 96 96 96s97 -43 97 -96c0 -24 -8 -44 -22 -61h79c-14 17 -22 37 -22 61c0 53 43 96 96 96zM96 131c34 0 61 27 61 61s-27 61 -61 61s-61 -27 -61 -61s27 -61 61 -61zM324 131c34 0 61 27 61 61
-s-27 61 -61 61s-61 -27 -61 -61s27 -61 61 -61z" />
-    <glyph glyph-name="ion-ios-archive" unicode="&#xf10e;" 
-d="M412 328h-408c-2 0 -4 2 -4 4v20c0 18 14 32 32 32h352c18 0 32 -14 32 -32v-20c0 -2 -2 -4 -4 -4zM392 302c4 0 8 -4 8 -8v-262c0 -18 -14 -32 -32 -32h-320c-18 0 -32 14 -32 32v262c0 4 4 8 8 8h368zM258 160c8 0 15 8 14 16c-1 7 -7 12 -14 12h-100
-c-8 0 -15 -8 -14 -16c1 -7 7 -12 14 -12h100z" />
-    <glyph glyph-name="ion-ios-text" unicode="&#xf250;" 
-d="M208 384c115 0 208 -75 208 -168s-93 -168 -208 -168c-10 0 -19 1 -28 2c-6 -7 -25 -27 -47 -37c-18 -8 -39 -12 -51 -13c-3 0 -5 4 -3 6c12 14 28 35 33 61c-67 28 -112 84 -112 149c0 93 93 168 208 168z" />
-    <glyph glyph-name="ion-ios-remove-circle-outline" unicode="&#xf1fa;" 
-d="M298 208c9 0 16 -7 16 -16s-7 -16 -16 -16h-180c-8 0 -16 6 -16 16s7 16 16 16h180zM208 372c-48 0 -93 -19 -127 -53s-53 -79 -53 -127s19 -93 53 -127s79 -53 127 -53s93 19 127 53s53 79 53 127s-19 93 -53 127s-79 53 -127 53zM208 400v0c115 0 208 -93 208 -208
-s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208z" />
-    <glyph glyph-name="ion-ios-attach" unicode="&#xf11b;" horiz-adv-x="231" 
-d="M216 287c9 0 15 -7 15 -16v-194c0 -14 -3 -28 -9 -42c-6 -13 -14 -25 -24 -35c-21 -20 -48 -32 -76 -32h-13c-28 0 -55 11 -76 32c-20 20 -33 49 -33 78v251c0 24 9 45 26 61s38 26 62 26s46 -10 62 -26c17 -16 26 -38 26 -61v-235c0 -18 -7 -33 -18 -44s-26 -18 -42 -18
-c-34 0 -60 26 -60 62v134c0 9 7 16 16 16s15 -7 15 -16v-134c0 -19 15 -32 29 -32c15 0 29 15 29 32v235c0 15 -7 29 -17 39s-25 16 -40 16s-30 -6 -41 -16c-11 -11 -17 -24 -17 -39v-251c0 -20 9 -39 24 -55s35 -25 55 -25h13c20 0 42 9 56 24s22 35 22 55v194
-c0 9 7 16 16 16z" />
-    <glyph glyph-name="ion-md-undo" unicode="&#xf39d;" horiz-adv-x="448" 
-d="M230 268c102 0 188 -66 218 -157l-52 -15c-23 70 -89 118 -166 118c-43 0 -82 -16 -112 -41l80 -77h-198v192l80 -76c40 35 92 56 150 56z" />
-    <glyph glyph-name="ion-md-refresh-circle" unicode="&#xf228;" 
-d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM320 206v98l-33 -33c-20 20 -48 33 -79 33c-62 0 -112 -50 -112 -112s50 -112 112 -112c51 0 93 34 107 80h-29c-12 -31 -43 -52 -78 -52c-46 0 -84 38 -84 84s38 84 84 84
-c23 0 44 -10 59 -25l-45 -45h98z" />
-    <glyph glyph-name="ion-ios-switch" unicode="&#xf221;" 
-d="M54 80c0 23 19 42 42 42s42 -19 42 -42s-19 -42 -42 -42s-42 19 -42 42zM320 176c53 0 96 -43 96 -96s-43 -96 -96 -96h-224c-53 0 -96 43 -96 96s43 96 96 96h224zM96 16c35 0 64 29 64 64s-29 64 -64 64s-64 -29 -64 -64s29 -64 64 -64zM278 304c0 23 19 42 42 42
-s42 -19 42 -42s-19 -42 -42 -42s-42 19 -42 42zM96 208c-53 0 -96 43 -96 96s43 96 96 96h224c53 0 96 -43 96 -96s-43 -96 -96 -96h-224zM320 368c-35 0 -64 -29 -64 -64s29 -64 64 -64s64 29 64 64s-29 64 -64 64z" />
-    <glyph glyph-name="ion-logo-bitcoin" unicode="&#xf22b;" horiz-adv-x="320" 
-d="M314 169c4 -10 7 -30 6 -44c-1 -16 -5 -37 -16 -51s-26 -24 -45 -31c-15 -6 -33 -10 -59 -11v-64h-40v64h-32v-64h-41v64h-87l9 48h26c9 0 9 0 12 1s4 4 5 7s2 8 2 17v173c0 9 -1 16 -2 18s-3 4 -6 6s-9 2 -18 2h-28v48h87v64h41v-64h32v64h40v-64c20 -1 33 -4 46 -9
-c16 -6 28 -15 37 -27s12 -28 13 -45c1 -10 0 -20 -3 -28c-2 -8 -8 -16 -16 -23c-6 -6 -11 -9 -16 -11c9 -2 17 -6 25 -10c15 -8 23 -18 28 -30zM128 298v-74h32v74h-32zM128 86h32v90h-32v-90zM200 294v-66c6 3 9 7 13 12c5 6 7 12 7 20s-2 15 -6 21c-4 5 -8 11 -14 13z
-M229 107c8 7 10 15 10 26c0 9 -3 19 -8 25s-12 10 -20 13c-4 2 -6 2 -11 3v-82c2 0 5 1 7 2c10 4 14 6 22 13z" />
-    <glyph glyph-name="ion-ios-return-left" unicode="&#xf202;" horiz-adv-x="384" 
-d="M6 183l60 59c3 3 6 4 10 4s7 -1 10 -4s4 -6 4 -10s-1 -7 -4 -10v0l-41 -40h261c13 0 25 5 35 15c10 9 15 22 15 35v48c0 8 6 14 14 14s14 -6 14 -14v-48c0 -21 -8 -40 -23 -55s-34 -23 -55 -23h-262l40 -40c3 -3 4 -6 4 -10s-1 -7 -4 -10v0c-3 -2 -6 -4 -10 -4
-s-7 1 -10 4l-58 58c-4 4 -6 9 -6 15s2 12 6 16z" />
-    <glyph glyph-name="ion-ios-trending-down" unicode="&#xf25a;" horiz-adv-x="448" 
-d="M448 79c0 -8 -7 -15 -15 -15h-121c-8 0 -15 7 -15 15s7 15 15 15h84l-138 142l-86 -84c-3 -3 -7 -5 -11 -5s-8 2 -11 5l-146 143c-2 2 -4 6 -4 11c0 4 1 7 4 10s7 4 11 4s8 -1 11 -4l135 -133l86 84c3 3 7 4 11 4s8 -1 11 -4l149 -152v82c0 8 7 15 15 15s15 -7 15 -15
-v-118z" />
-    <glyph glyph-name="ion-logo-tumblr" unicode="&#xf24d;" horiz-adv-x="256" 
-d="M193 52c21 0 42 6 63 20v-65c-18 -8 -34 -15 -48 -18s-28 -5 -45 -5c-19 0 -35 2 -50 7c-14 5 -28 12 -38 21s-17 18 -21 28s-6 25 -6 44v140h-48v58c16 5 30 14 42 24s19 21 26 35s11 37 14 59h62v-112h96v-64h-96v-101c0 -24 1 -40 4 -47c2 -7 7 -12 14 -16
-c9 -6 19 -8 31 -8z" />
-    <glyph glyph-name="ion-ios-notifications" unicode="&#xf1d3;" horiz-adv-x="320" 
-d="M160 -8c-31 0 -48 22 -48 53h96c0 -31 -17 -53 -48 -53zM316 96c10 -13 0 -32 -16 -32h-140h-140c-16 0 -26 19 -16 32c15 20 46 32 46 123c0 93 41 131 79 140c4 1 7 2 7 6v3c0 13 11 24 24 24s24 -11 24 -24v-3c0 -4 3 -5 7 -6c38 -9 79 -47 79 -140
-c0 -91 31 -103 46 -123z" />
-    <glyph glyph-name="ion-ios-cash" unicode="&#xf144;" horiz-adv-x="448" 
-d="M434 92c8 0 14 -6 14 -14s-6 -14 -14 -14h-420c-8 0 -14 6 -14 14s6 14 14 14h420zM434 44c8 0 14 -6 14 -14s-6 -14 -14 -14h-420c-8 0 -14 6 -14 14s6 14 14 14h420zM413 368c19 0 35 -16 35 -35v-178c0 -19 -16 -35 -35 -35h-378c-19 0 -35 16 -35 35v178
-c0 19 16 35 35 35h378zM82 152c8 0 14 6 14 14s-6 14 -14 14h-36c-8 0 -14 -6 -14 -14s6 -14 14 -14h36zM82 308c8 0 14 6 14 14s-6 14 -14 14h-36c-8 0 -14 -6 -14 -14s6 -14 14 -14h36zM224 164c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80zM402 152
-c8 0 14 6 14 14s-6 14 -14 14h-36c-8 0 -14 -6 -14 -14s6 -14 14 -14h36zM402 308c8 0 14 6 14 14s-6 14 -14 14h-36c-8 0 -14 -6 -14 -14s6 -14 14 -14h36zM171 242c0 29 24 53 53 53s53 -24 53 -53s-24 -53 -53 -53s-53 24 -53 53z" />
-    <glyph glyph-name="ion-md-menu" unicode="&#xf32a;" horiz-adv-x="384" 
-d="M0 64v43h384v-43h-384zM0 171v42h384v-42h-384zM0 320h384v-43h-384v43z" />
-    <glyph glyph-name="ion-ios-eye-off" unicode="&#xf17a;" horiz-adv-x="448" 
-d="M56 380l356 -356c6 -6 6 -14 0 -20c-2 -2 -5 -3 -7 -4c-5 -1 -9 0 -13 4l-356 356c-6 6 -6 14 0 20s14 6 20 0zM228 102c12 1 24 4 35 9l43 -44c-25 -12 -52 -19 -82 -19c-98 0 -155 61 -220 133c-6 6 -6 16 0 22c30 32 57 60 85 81l54 -54c-5 -10 -8 -22 -9 -34
-c-2 -53 41 -96 94 -94zM444 182c-24 -26 -52 -57 -85 -82l-54 54c5 10 8 22 9 34c2 53 -41 96 -94 94c-12 0 -25 -4 -35 -9l-43 44c26 12 53 19 82 19c96 0 168 -69 220 -133c5 -6 5 -15 0 -21zM160 187c-1 8 1 17 3 24l79 -80c-7 -2 -15 -4 -23 -3c-31 2 -57 28 -59 59z
-M288 192c0 -6 -1 -13 -3 -19l-18 19h3c6 0 12 2 18 4v-4zM224 239v-5l-19 19c6 2 13 3 19 3h3c-2 -5 -3 -11 -3 -17z" />
-    <glyph glyph-name="ion-ios-radio-button-on" unicode="&#xf1f7;" 
-d="M208 372c-48 0 -93 -19 -127 -53s-53 -79 -53 -127s19 -93 53 -127s79 -53 127 -53s93 19 127 53s53 79 53 127s-19 93 -53 127s-79 53 -127 53zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM316 300c29 -29 44 -67 44 -108
-s-15 -79 -44 -108s-67 -44 -108 -44s-79 15 -108 44s-44 67 -44 108s15 79 44 108s67 44 108 44s79 -15 108 -44z" />
-    <glyph glyph-name="ion-logo-xbox" unicode="&#xf34c;" horiz-adv-x="448" 
-d="M95 200c-49 -72 -50 -139 -50 -143c-28 38 -45 84 -45 135c0 67 30 128 77 169l3 -1c51 -18 93 -68 93 -68s-38 -33 -78 -92zM448 192c0 -51 -17 -97 -45 -135c0 4 -1 71 -50 143c-40 59 -78 92 -78 92s42 50 93 68l3 1c47 -41 77 -102 77 -169zM169 367
-c-37 17 -65 12 -72 10c36 25 80 39 127 39s91 -14 127 -39c-7 2 -35 6 -72 -10c-29 -13 -55 -35 -55 -35s-26 22 -55 35zM327 155c40 -49 54 -85 62 -108l2 -5c-41 -46 -101 -74 -167 -74s-126 28 -167 74l1 5c8 23 23 59 63 108c46 57 103 94 103 94s57 -37 103 -94z" />
-    <glyph glyph-name="ion-logo-html5" unicode="&#xf23d;" horiz-adv-x="384" 
-d="M0 416h384l-35 -403l-157 -45l-157 45zM308 284l4 50h-241l13 -150h167l-6 -64l-53 -15l-54 15l-3 39h-48l6 -78l99 -27l98 28l14 151h-176l-4 51h184z" />
-    <glyph glyph-name="ion-ios-globe" unicode="&#xf18a;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208v0h-1c-55 0 -107 22 -146 61s-61 91 -61 147s22 108 61 147s91 61 146 61h1v0zM388 206c-3 36 -16 69 -38 97c-16 -8 -32 -15 -49 -21c6 -24 9 -49 10 -76h77zM194 206v62c-18 1 -36 3 -53 7c-5 -21 -8 -45 -9 -69h62
-zM194 178h-62c1 -24 4 -48 9 -69c17 4 35 6 53 7v62zM222 178v-62c18 -1 35 -3 52 -7c5 21 8 45 9 69h-61zM222 206h61c-1 24 -4 48 -9 69c-17 -4 -34 -6 -52 -7v-62zM331 324c-19 17 -40 31 -64 39c10 -15 19 -34 26 -55c13 4 26 10 38 16zM267 301c-11 34 -28 59 -45 68
-v-74c15 1 30 3 45 6zM194 369c-17 -9 -34 -34 -46 -68c15 -3 31 -5 46 -6v74zM148 363c-24 -8 -45 -22 -63 -39c12 -6 24 -12 37 -16c7 21 16 41 26 55zM66 303c-22 -28 -35 -62 -38 -97h77c1 27 4 52 10 76c-17 5 -33 13 -49 21zM28 178c3 -36 15 -69 37 -97
-c16 8 33 15 50 21c-6 24 -9 49 -10 76h-77zM84 60c18 -17 40 -31 64 -39c-10 15 -19 34 -26 55c-13 -4 -26 -10 -38 -16zM148 83c12 -34 29 -59 46 -68v74c-15 -1 -31 -3 -46 -6zM222 15c17 9 34 34 45 68c-15 3 -30 5 -45 6v-74zM267 21c24 8 46 22 65 39
-c-12 6 -25 12 -38 16c-7 -21 -17 -40 -27 -55zM350 81c22 28 35 61 38 97h-77c-1 -27 -4 -52 -10 -76c17 -6 33 -13 49 -21z" />
-    <glyph glyph-name="ion-md-print" unicode="&#xf35c;" 
-d="M352 288c35 0 64 -29 64 -64v-139h-80v-85h-256v85h-80v139c0 35 29 64 64 64h288zM304 32v128h-192v-128h192zM336 384v0v-80h-256v80h256z" />
-    <glyph glyph-name="ion-md-information-circle" unicode="&#xf311;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM229 88v125h-42v-125h42zM229 254v42h-42v-42h42z" />
-    <glyph glyph-name="ion-ios-open" unicode="&#xf1d7;" 
-d="M180 148c5 -5 13 -5 18 0l134 134c3 -5 4 -12 4 -18v-224c0 -22 -18 -40 -40 -40h-256c-22 0 -40 18 -40 40v224c0 22 18 40 40 40h256c6 0 13 -1 18 -4l-134 -134c-5 -5 -5 -13 0 -18zM412 380c2 -2 4 -6 4 -10v-98c0 -7 -6 -13 -13 -13s-13 6 -13 13v67l-58 -57
-c-4 8 -10 14 -18 18l57 58h-67c-7 0 -13 6 -13 13s6 13 13 13h97c4 0 9 -2 11 -4z" />
-    <glyph glyph-name="ion-md-mic" unicode="&#xf32c;" horiz-adv-x="320" 
-d="M160 128c-38 0 -69 31 -69 69v150c0 38 31 69 69 69s69 -31 69 -69v-150c0 -38 -31 -69 -69 -69zM281 203h39c0 -78 -62 -142 -137 -153v-82h-46v82c-75 10 -137 75 -137 153h39c0 -69 58 -116 121 -116s121 47 121 116z" />
-    <glyph glyph-name="ion-md-cloud-circle" unicode="&#xf2c2;" 
-d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM302 109c29 0 52 23 52 52s-23 52 -52 52h-11c0 46 -37 83 -83 83c-38 0 -71 -26 -80 -62h-3c-34 0 -63 -29 -63 -63s29 -62 63 -62h177z" />
-    <glyph glyph-name="ion-md-heart" unicode="&#xf308;" 
-d="M208 0l-30 27c-107 98 -178 162 -178 242c0 65 50 115 114 115c36 0 71 -17 94 -44c23 27 58 44 94 44c64 0 114 -50 114 -115c0 -80 -71 -144 -178 -242z" />
-    <glyph glyph-name="ion-ios-musical-notes" unicode="&#xf46c;" horiz-adv-x="320" 
-d="M310 400c6 1 10 -4 10 -8v-302c0 -21 -9 -38 -27 -48c-13 -8 -29 -12 -37 -13s-13 -1 -19 -1c-16 1 -42 14 -42 48c0 37 40 47 64 52c5 1 11 2 14 3c8 2 14 7 17 13c2 4 2 9 2 13v131c0 5 -5 9 -10 8l-152 -31c-4 -1 -6 -3 -6 -7v-213c0 -26 -13 -41 -24 -48
-c-15 -10 -44 -13 -51 -13v0c-3 0 -5 1 -7 1c-19 2 -42 16 -42 47c0 37 40 47 64 52c5 1 11 2 14 3c8 2 13 7 16 13c2 4 2 10 2 12v240c0 4 4 7 8 8s201 39 206 40z" />
-    <glyph glyph-name="ion-ios-pin" unicode="&#xf1e5;" horiz-adv-x="288" 
-d="M144 400c80 0 144 -60 144 -134c0 -104 -144 -282 -144 -282s-144 178 -144 282c0 74 64 134 144 134zM144 209c26 0 47 21 47 47s-21 47 -47 47s-47 -21 -47 -47s21 -47 47 -47z" />
-    <glyph glyph-name="ion-ios-cloud" unicode="&#xf40c;" horiz-adv-x="512" 
-d="M437 218c43 -8 75 -47 75 -92c0 -50 -41 -94 -91 -94h-330c-50 0 -91 44 -91 94c0 41 26 80 66 93c1 39 33 74 72 74c10 0 19 -3 27 -6c27 39 72 65 123 65c77 0 141 -59 149 -134z" />
-    <glyph glyph-name="ion-md-easel" unicode="&#xf2e4;" 
-d="M80 144v128h256v-128h-256zM400 352c9 0 16 -7 16 -16v-256c0 -9 -7 -16 -16 -16h-384c-9 0 -16 7 -16 16v256c0 9 7 16 16 16h384zM368 112v192h-320v-192h320zM32 -16l23 64h57l-23 -64h-57zM231 400l12 -32h-70l12 32h46zM327 -16l-23 64h57l23 -64h-57zM184 16v32h48
-v-32h-48z" />
-    <glyph glyph-name="ion-md-pie" unicode="&#xf349;" horiz-adv-x="448" 
-d="M1 192c0 5 -1 11 -1 16c0 115 93 208 208 208c5 0 11 -1 16 -1v-32v-191h-191h-32zM78 46c-26 32 -42 71 -45 114h223v223c43 -3 82 -19 114 -45c47 -38 78 -96 78 -162c0 -115 -93 -208 -208 -208c-66 0 -124 31 -162 78z" />
-    <glyph glyph-name="ion-md-done-all" unicode="&#xf2e2;" horiz-adv-x="512" 
-d="M388 308l-140 -139l-31 31l140 139zM481 339l31 -31l-264 -263l-122 123l30 31l92 -91zM0 168l32 31l122 -123l-31 -31z" />
-    <glyph glyph-name="ion-md-volume-low" unicode="&#xf131;" horiz-adv-x="288" 
-d="M0 256h85l107 112v-352l-107 112h-85v128zM288 192c0 -38 -21 -73 -53 -88v177c32 -16 53 -51 53 -89z" />
-    <glyph glyph-name="ion-md-help" unicode="&#xf30b;" horiz-adv-x="256" 
-d="M161 0h-66v65h66v-65zM160 98h-64c0 101 96 95 96 159c0 35 -29 63 -64 63s-64 -30 -64 -64h-64c0 71 57 128 128 128s128 -56 128 -127c0 -80 -96 -89 -96 -159z" />
-    <glyph glyph-name="ion-ios-contract" unicode="&#xf162;" horiz-adv-x="384" 
-d="M120 243l-116 117c-5 5 -5 15 0 20c3 3 6 4 10 4s7 -1 10 -4l117 -116v77c0 8 6 14 14 14v0c8 0 14 -6 14 -14v-112c0 -8 -6 -14 -14 -14h-112c-8 0 -14 6 -14 14v0c0 8 6 14 14 14h77zM229 215c-8 0 -14 6 -14 14v112c0 8 6 14 14 14v0c8 0 14 -6 14 -14v-77l117 116
-c3 3 6 4 10 4s7 -1 10 -4c5 -5 5 -15 0 -20l-116 -117h77c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14h-112zM14 0c-4 0 -7 1 -10 4c-5 5 -5 15 0 20l116 117h-77c-8 0 -14 6 -14 14v0c0 8 6 14 14 14h112c8 0 14 -6 14 -14v-112c0 -8 -6 -14 -14 -14v0c-8 0 -14 6 -14 14v77
-l-117 -116c-3 -3 -6 -4 -10 -4zM229 29c-8 0 -14 6 -14 14v112c0 8 6 14 14 14h112c8 0 14 -6 14 -14v0c0 -8 -6 -14 -14 -14h-77l116 -117c5 -5 5 -15 0 -20c-3 -3 -6 -4 -10 -4s-7 1 -10 4l-117 116v-77c0 -8 -6 -14 -14 -14v0z" />
-    <glyph glyph-name="ion-md-megaphone" unicode="&#xf329;" horiz-adv-x="448" 
-d="M350 305c21 -21 34 -50 34 -81s-13 -60 -34 -81l-23 23c15 15 24 36 24 58s-9 43 -24 58zM396 349c32 -32 52 -76 52 -125s-20 -93 -52 -125l-22 23c26 26 42 62 42 102s-16 76 -42 102zM288 264c18 -2 32 -19 32 -40s-14 -38 -32 -40v-104h-32l-96 64h-30l30 -128h-48
-l-80 128l-32 16v112l32 16h128l96 80h32v-104z" />
-    <glyph glyph-name="ion-md-speedometer" unicode="&#xf37f;" 
-d="M80 -16v48h256v-48h-256zM208 160c-18 0 -32 14 -32 32c0 3 0 6 1 9l-49 67l4 4l67 -49c3 1 6 1 9 1c18 0 32 -14 32 -32s-14 -32 -32 -32zM208 400c115 0 208 -93 208 -208c0 -48 -16 -93 -44 -128h-59l-4 4l-22 22l23 23l22 -22c20 24 32 54 35 85h-31v32h31
-c-3 31 -15 61 -35 85l-22 -22l-23 23l22 22c-24 20 -54 32 -85 35v-31h-32v31c-31 -3 -61 -15 -85 -35l22 -22l-23 -23l-22 22c-20 -24 -32 -54 -35 -85h31v-32h-31c3 -31 15 -61 35 -85l22 22l23 -23l-22 -22l-4 -4h-59c-28 35 -44 80 -44 128c0 115 93 208 208 208z" />
-    <glyph glyph-name="ion-md-pint" unicode="&#xf34b;" horiz-adv-x="384" 
-d="M0 400h384l-43 -379c-3 -21 -20 -37 -42 -37h-214c-22 0 -39 16 -42 37zM327 275l9 83h-288l9 -83h270z" />
-    <glyph glyph-name="ion-md-contacts" unicode="&#xf2d7;" horiz-adv-x="448" 
-d="M207 104c47 -14 76 -62 87 -104h-294c11 42 40 90 87 104c18 -10 38 -16 60 -16s42 6 60 16zM147 328c58 0 106 -48 106 -106s-48 -106 -106 -106s-106 48 -106 106s48 106 106 106zM147 141c34 0 62 23 74 51h-148c12 -28 40 -51 74 -51zM291 64c-13 20 -34 43 -60 53
-c11 9 21 23 28 35c13 -5 27 -8 42 -8c22 0 42 6 60 16c47 -14 76 -54 87 -96h-157zM275 248c-8 37 -31 69 -63 87c19 29 52 49 89 49c58 0 106 -48 106 -106s-48 -106 -106 -106c-11 0 -22 2 -32 5c3 8 6 16 7 25c8 -3 16 -4 25 -4c34 0 62 22 74 50h-100z" />
-    <glyph glyph-name="ion-ios-bonfire" unicode="&#xf12c;" horiz-adv-x="384" 
-d="M207 97l15 -75c1 -3 1 -5 1 -8c0 -18 -14 -30 -32 -30s-32 12 -32 30c0 2 1 5 1 7l15 79v0c2 7 8 12 16 12s15 -7 16 -15zM242 93v0v0zM325 62c9 -8 9 -25 0 -35c-10 -10 -27 -9 -35 0c-1 1 -2 2 -3 4l-45 62c-3 5 -2 11 2 15c4 5 10 5 16 1l60 -43c2 -1 3 -3 5 -4z
-M308 113v0v0zM371 128c8 0 13 -6 13 -18c0 -9 -10 -17 -18 -15l-57 18h-1v0c-3 2 -5 5 -4 9s4 6 8 6h59zM75 113v0v0zM75 113v0l-58 -18c-8 -2 -17 6 -17 15s4 18 12 18h60s7 -2 8 -6s-2 -7 -5 -9v0zM124 109c5 4 11 3 16 -1c4 -4 5 -10 2 -15l-45 -61c-1 -2 -2 -4 -3 -5
-c-10 -10 -25 -10 -35 0s-10 25 0 35c2 2 3 3 5 4zM295 309c0 -30 -10 -55 -51 -81c-37 -24 -93 -43 -109 -100c0 0 -58 23 -48 91s124 100 112 181c24 0 96 -33 96 -91zM295 188c-16 -47 -44 -60 -80 -60c-15 0 -36 12 -47 28c12 14 28 24 47 34c9 5 20 10 29 16
-c21 14 39 28 48 46c5 -14 8 -49 3 -64zM98 276c-6 4 -12 16 -11 29c2 21 34 36 32 65c14 2 34 -6 45 -26c-5 -10 -15 -20 -28 -32s-26 -21 -38 -36z" />
-    <glyph glyph-name="ion-logo-googleplus" unicode="&#xf23b;" horiz-adv-x="512" 
-d="M318 217c0 0 2 -11 2 -29c0 -43 -14 -84 -42 -113c-28 -30 -68 -46 -110 -46c-46 0 -91 17 -123 50c-30 31 -45 72 -45 113s16 85 46 115c31 31 74 48 118 48v0c57 0 94 -29 108 -41l-48 -48c-8 7 -28 21 -58 21c-27 0 -51 -7 -69 -25s-28 -43 -28 -70s10 -52 29 -70
-c18 -18 43 -26 69 -26c36 0 75 19 84 64h-91v64h157zM512 224v-41h-57v-57h-41v57h-57v41h57v57h41v-57h57z" />
-    <glyph glyph-name="ion-md-stats" unicode="&#xf385;" horiz-adv-x="352" 
-d="M96 0v384h64v-384h-64zM0 0v112h64v-112h-64zM192 0v176h64v-176h-64zM288 0v272h64v-272h-64z" />
-    <glyph glyph-name="ion-ios-rewind" unicode="&#xf4a1;" horiz-adv-x="448" 
-d="M4 199l208 120c5 3 12 -1 12 -7v-115l212 122c5 3 12 -1 12 -7v-240c0 -6 -7 -10 -12 -7l-212 122v-115c0 -6 -7 -10 -12 -7l-208 120c-5 3 -5 11 0 14z" />
-    <glyph glyph-name="ion-logo-polymer" unicode="&#xf15e;" horiz-adv-x="448" 
-d="M360 352l88 -160l-88 -160h-78l88 160l-51 93l-153 -253h-78l-88 160l88 160h78l-88 -160l51 -93l153 253h78z" />
-    <glyph glyph-name="ion-md-timer" unicode="&#xf395;" 
-d="M185 76c0 13 10 24 23 24s23 -11 23 -24s-10 -23 -23 -23s-23 10 -23 23zM185 400h23c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208c0 68 32 128 83 166v1l158 -157l-33 -33l-125 125c-23 -28 -37 -63 -37 -102c0 -89 72 -162 162 -162s162 73 162 162
-c0 82 -61 149 -139 160v-44h-46v92zM347 192c0 -13 -10 -23 -23 -23s-24 10 -24 23s11 23 24 23s23 -10 23 -23zM69 192c0 13 10 23 23 23s24 -10 24 -23s-11 -23 -24 -23s-23 10 -23 23z" />
-    <glyph glyph-name="ion-md-checkmark" unicode="&#xf2bc;" horiz-adv-x="384" 
-d="M122 108l230 230l32 -31l-262 -261l-122 122l32 31z" />
-    <glyph glyph-name="ion-ios-water" unicode="&#xf26b;" horiz-adv-x="320" 
-d="M256 302c37 -52 64 -111 64 -175c0 -79 -72 -143 -160 -143c-56 0 -106 26 -134 65c-6 8 -11 17 -15 26c-7 16 -11 34 -11 52v4c1 62 27 119 64 171c34 48 68 79 91 96c3 2 7 2 10 0c23 -18 57 -47 91 -96zM170 37c55 0 100 42 100 94v1c0 10 -13 12 -17 3
-c-17 -42 -41 -67 -86 -81c-9 -3 -7 -17 3 -17v0z" />
-    <glyph glyph-name="ion-ios-cloudy" unicode="&#xf410;" horiz-adv-x="448" 
-d="M204 352v0c70 0 113 -49 125 -103h6h7c58 0 106 -50 106 -109s-48 -108 -106 -108h-257c-47 0 -85 41 -85 88c0 44 34 84 77 88c0 4 -1 9 -1 13c0 71 58 131 128 131z" />
-    <glyph glyph-name="ion-md-podium" unicode="&#xf358;" horiz-adv-x="448" 
-d="M0 32v192h128v-192h-128zM160 32v288h128v-288h-128zM320 32v128h128v-128h-128z" />
-    <glyph glyph-name="ion-ios-basketball" unicode="&#xf3e0;" 
-d="M171 142c-22 23 -48 42 -77 56s-60 22 -92 24c5 33 18 64 36 90c64 -28 122 -68 172 -118c3 -3 5 -6 8 -9l-6 -6c-13 -13 -27 -25 -41 -37zM278 262c-21 21 -37 46 -49 73c-9 21 -15 43 -17 65c45 -1 87 -16 121 -42c-15 -34 -32 -67 -53 -97c-1 0 -2 1 -2 1zM351 213
-c-18 8 -36 19 -52 31c21 30 40 62 55 96c37 -37 61 -88 62 -144c-22 2 -44 8 -65 17zM146 130c1 -1 2 -3 4 -4c-33 -24 -68 -46 -105 -63c-28 35 -45 80 -45 129v4c25 -2 50 -7 73 -17c27 -12 52 -28 73 -49zM236 204c-26 27 -56 52 -86 74c-30 21 -62 40 -95 55
-c33 36 79 61 131 66c6 -61 35 -117 79 -159c-9 -12 -19 -25 -29 -36zM253 185c11 12 21 24 31 37c38 -29 83 -47 131 -52c-5 -52 -30 -97 -66 -131c-24 53 -57 102 -96 146zM187 122c17 14 34 28 49 44c38 -43 69 -91 92 -144c-26 -18 -57 -31 -90 -36c-4 49 -21 96 -51 136
-zM167 106c11 -15 21 -31 28 -49c10 -23 15 -48 17 -73h-4c-56 0 -107 23 -145 59c37 17 72 39 104 63z" />
-    <glyph glyph-name="ion-ios-at" unicode="&#xf3da;" horiz-adv-x="384" 
-d="M384 214c0 -74 -35 -121 -90 -121c-28 0 -49 15 -53 37h-4c-10 -23 -30 -36 -57 -36c-49 0 -82 40 -82 98c0 56 33 94 81 94c25 0 46 -12 55 -32h4v28h39v-130c0 -16 9 -26 25 -26c28 0 46 34 46 86c0 83 -63 139 -155 139c-91 0 -156 -66 -156 -160
-c0 -96 64 -158 164 -158c20 0 40 2 55 5c10 2 18 -6 18 -16v0c0 -7 -5 -13 -12 -15c-18 -4 -39 -7 -62 -7c-122 0 -200 75 -200 192c0 114 79 192 195 192c111 0 189 -69 189 -170zM141 191c0 -37 18 -60 46 -60c30 0 49 24 49 60s-20 59 -49 59s-46 -22 -46 -59z" />
-    <glyph glyph-name="ion-md-pulse" unicode="&#xf35d;" horiz-adv-x="448" 
-d="M396 179c29 0 52 -22 52 -51c0 -14 -5 -27 -15 -37s-23 -16 -37 -16c-20 0 -40 12 -48 31h-56c-9 0 -16 6 -19 14l-16 40l-40 -162c-2 -8 -10 -14 -19 -14h-1c-10 1 -17 7 -19 16l-54 282l-31 -161c-2 -9 -10 -15 -19 -15h-74v40h58l51 238c2 10 9 16 19 16s18 -8 20 -18
-l55 -292l34 136c2 8 10 14 19 14v0c9 0 16 -5 19 -13l31 -81h42c8 20 26 33 48 33z" />
-    <glyph glyph-name="ion-ios-medal" unicode="&#xf1bf;" 
-d="M2 324h126c1 0 2 -1 2 -2v-118c0 -1 -2 -2 -3 -2l-104 29c-14 4 -23 17 -23 31v60c0 1 1 2 2 2zM208 166zM156 322c0 1 1 2 2 2h106c1 0 2 -1 2 -2v-124c0 -1 0 -2 -1 -2l-56 -16h-1l-50 14c-1 0 -2 1 -2 2v126zM286 322c0 1 1 2 2 2h126c1 0 2 -1 2 -2v-60
-c0 -14 -9 -27 -23 -31l-104 -30c-1 0 -3 1 -3 2v119zM0 384c0 18 14 32 32 32h352c18 0 32 -14 32 -32v-38c0 -1 -1 -2 -2 -2h-412c-1 0 -2 1 -2 2v38zM208 140zM152 96c0 31 25 56 56 56s56 -25 56 -56s-25 -56 -56 -56s-56 25 -56 56zM303 181c20 -23 33 -52 33 -85
-c0 -71 -57 -128 -128 -128s-128 57 -128 128c0 33 13 63 33 86l51 -14c-24 -15 -40 -42 -40 -72c0 -46 38 -84 84 -84s84 38 84 84c0 30 -16 57 -40 72zM208 152c31 0 56 -25 56 -56s-25 -56 -56 -56s-56 25 -56 56s25 56 56 56z" />
-    <glyph glyph-name="ion-md-shuffle" unicode="&#xf37b;" horiz-adv-x="384" 
-d="M158 260l-34 -34l-124 124l34 34zM252 384h132v-132l-49 49l-301 -301l-34 34l301 301zM260 158l75 -75l49 49v-132h-132l49 49l-75 75z" />
-    <glyph glyph-name="ion-md-flower" unicode="&#xf2f3;" horiz-adv-x="384" 
-d="M341 192c25 -12 43 -37 43 -67c0 -41 -34 -74 -75 -74c-16 0 -31 5 -43 13l1 -6c0 -41 -34 -74 -75 -74s-75 33 -75 74l1 6c-12 -8 -27 -13 -43 -13c-41 0 -75 33 -75 74c0 30 18 55 43 67c-25 12 -43 37 -43 67c0 41 34 74 75 74c16 0 31 -5 43 -13l-1 6
-c0 41 34 74 75 74s75 -33 75 -74l-1 -6c12 8 27 13 43 13c41 0 75 -33 75 -74c0 -30 -18 -55 -43 -67zM192 118c41 0 75 33 75 74s-34 74 -75 74s-75 -33 -75 -74s34 -74 75 -74z" />
-    <glyph glyph-name="ion-md-walk" unicode="&#xf3a4;" horiz-adv-x="272" 
-d="M168 336c-22 0 -40 18 -40 40s18 40 40 40s40 -18 40 -40s-18 -40 -40 -40zM168 216l-20 38l-20 -62l57 -96v-128h-38v96l-50 68l-57 -164h-40l81 320l-41 -16v-80h-40v112l111 38c4 1 10 1 13 1c13 0 23 -6 31 -18l45 -69h72v-40h-104z" />
-    <glyph glyph-name="ion-md-add-circle" unicode="&#xf272;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM315 171v42h-86v86h-42v-86h-86v-42h86v-86h42v86h86z" />
-    <glyph glyph-name="ion-ios-thumbs-up" unicode="&#xf256;" horiz-adv-x="384" 
-d="M367 59c-2 -2 -4 -5 -3 -8c0 -1 1 -2 1 -3c3 -6 5 -13 1 -23c-11 -26 -45 -33 -76 -37c-17 -2 -36 -4 -56 -4c-38 0 -81 4 -113 8c-22 3 -34 7 -46 12c-16 6 -31 12 -67 12c-5 0 -8 3 -8 8v160c0 4 4 8 8 8c6 0 15 3 22 10c3 3 9 11 14 19c8 12 17 25 26 33c2 2 6 5 10 9
-c17 15 49 43 57 60c5 11 9 30 12 42c4 15 3 23 6 27c5 6 16 8 28 8s20 -9 26 -19c12 -21 13 -57 3 -90c-5 -17 -11 -28 -15 -36c-3 -6 -5 -11 -5 -13c1 -5 4 -6 17 -5c3 0 11 1 21 3c25 4 62 10 80 11c26 2 37 0 47 -12c8 -9 13 -24 8 -38c-2 -6 0 -14 4 -18
-c5 -5 10 -11 10 -23c0 -13 -3 -21 -6 -26c-2 -3 -3 -6 -2 -10v-1c0 -1 1 -2 2 -3c5 -6 11 -15 11 -29c0 -15 -9 -26 -17 -32z" />
-    <glyph glyph-name="ion-ios-rocket" unicode="&#xf14b;" 
-d="M414 394c13 -57 -34 -180 -102 -248c-13 -13 -27 -24 -40 -33c2 -21 1 -41 -7 -59c-22 -50 -80 -66 -105 -70c-6 -1 -12 4 -11 10l9 81c-8 0 -14 1 -18 1s-8 3 -11 6l-32 31c-3 3 -5 7 -5 11s-1 10 -1 18l-81 -8c-6 -1 -11 4 -10 10c4 25 19 83 69 105c18 8 39 9 60 7
-c9 13 20 27 33 40c68 68 195 115 249 102c2 0 3 -2 3 -4zM251 234c17 -17 43 -17 60 0s17 44 0 61s-43 17 -60 0s-17 -44 0 -61zM127 68c2 2 5 0 5 -3c-1 -10 -5 -19 -13 -27c-18 -18 -85 -20 -85 -20s2 67 20 85c8 8 17 12 27 13c3 0 5 -4 3 -6v0c-4 -4 -7 -12 -8 -20
-c-3 -18 13 -33 31 -30c8 1 16 4 20 8v0z" />
-    <glyph glyph-name="ion-md-alarm" unicode="&#xf274;" horiz-adv-x="428" 
-d="M428 323l-28 -33l-98 82l28 33zM125 373l-97 -83l-28 33l97 83zM225 275v0v-111l85 -50l-16 -27l-101 61v127h32zM214 360c106 0 193 -86 193 -191s-87 -191 -193 -191c-107 0 -193 86 -193 191s86 191 193 191zM214 20c82 0 150 66 150 149c0 82 -68 149 -150 149
-s-150 -67 -150 -149s68 -149 150 -149z" />
-    <glyph glyph-name="ion-ios-sad" unicode="&#xf207;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM134 248c-12 -1 -21 -10 -22 -22c-1 -15 11 -27 26 -26c12 1 21 10 22 22c1 15 -11 27 -26 26zM133 96c0 0 39 4 77 4s73 -4 73 -4c12 0 19 11 14 22c-15 34 -49 59 -89 59
-s-74 -25 -89 -59c-5 -11 2 -22 14 -22zM282 200c12 1 21 10 22 22c1 15 -11 27 -26 26c-12 -1 -21 -10 -22 -22c-1 -15 11 -27 26 -26z" />
-    <glyph glyph-name="ion-md-nuclear" unicode="&#xf339;" horiz-adv-x="448" 
-d="M304 176h144c0 -83 -46 -153 -114 -192l-71 122c-12 -6 -25 -10 -39 -10s-28 3 -40 10l-70 -122c-68 39 -114 109 -114 192h144c0 29 15 54 38 68l-71 125c33 19 72 31 113 31s80 -11 113 -30l-73 -124c24 -14 40 -40 40 -70z" />
-    <glyph glyph-name="ion-md-attach" unicode="&#xf28e;" horiz-adv-x="235" 
-d="M203 320h32v-235c0 -65 -53 -117 -118 -117s-117 52 -117 117v246c0 47 38 85 85 85s86 -38 86 -85v-246c0 -30 -24 -53 -54 -53s-53 23 -53 53v203h32v-203c0 -12 9 -21 21 -21s22 9 22 21v246c0 30 -24 53 -54 53s-53 -23 -53 -53v-246c0 -47 38 -85 85 -85
-s86 38 86 85v235z" />
-    <glyph glyph-name="ion-ios-more" unicode="&#xf1c8;" horiz-adv-x="384" 
-d="M192 230v0c21 0 38 -17 38 -38s-17 -38 -38 -38s-38 17 -38 38s17 38 38 38zM38 230v0c21 0 38 -17 38 -38s-17 -38 -38 -38s-38 17 -38 38s17 38 38 38zM346 230v0c21 0 38 -17 38 -38s-17 -38 -38 -38s-38 17 -38 38s17 38 38 38z" />
-    <glyph glyph-name="ion-md-tablet-portrait" unicode="&#xf38d;" horiz-adv-x="320" 
-d="M296 416c13 0 24 -11 24 -24v-400c0 -13 -11 -24 -24 -24h-272c-13 0 -24 11 -24 24v400c0 13 11 24 24 24h272zM288 32v336h-256v-336h256zM160 -14c8 0 14 6 14 14s-6 14 -14 14s-14 -6 -14 -14s6 -14 14 -14z" />
-    <glyph glyph-name="ion-md-journal" unicode="&#xf18d;" horiz-adv-x="341" 
-d="M32 405h203v-426h-203c-18 0 -32 14 -32 32v362c0 18 14 32 32 32zM299 405c23 0 42 -19 42 -42v-342c0 -23 -19 -42 -42 -42h-16v426h16z" />
-    <glyph glyph-name="ion-md-arrow-dropright" unicode="&#xf284;" horiz-adv-x="128" 
-d="M0 320l128 -128l-128 -128v256z" />
-    <glyph glyph-name="ion-md-flame" unicode="&#xf2f0;" horiz-adv-x="320" 
-d="M297 226c14 -24 23 -47 23 -85s-4 -74 -32 -106s-63 -51 -119 -51c-17 0 -34 1 -48 7s-25 13 -33 25c-11 16 -21 28 -25 52c-6 -25 -1 -48 6 -60c-43 26 -69 71 -69 125v4c5 78 65 93 90 135c8 14 14 30 10 48c11 -9 18 -26 18 -40c0 -16 -2 -28 -2 -28c4 8 12 18 14 31
-c6 35 -10 70 -50 117l17 -2c94 -16 168 -56 188 -154c7 -36 -3 -68 -10 -83c14 11 21 43 22 55v10z" />
-    <glyph glyph-name="ion-ios-volume-low" unicode="&#xf11e;" horiz-adv-x="256" 
-d="M151 302c6 -3 9 -8 9 -14v-192c0 -6 -3 -11 -9 -14c-2 -1 -5 -2 -7 -2c-4 0 -7 2 -10 4l-65 52h-53c-9 0 -16 7 -16 16v80c0 9 7 16 16 16h53l65 52c3 2 6 4 10 4c2 0 5 -1 7 -2zM226 265c19 -20 30 -45 30 -73v0v0c0 -28 -11 -54 -30 -74c-2 -2 -5 -3 -8 -3s-6 1 -8 3
-c-5 5 -5 12 0 17c15 15 22 36 22 57v0v0c0 22 -7 41 -22 56c-5 5 -5 13 0 18s11 4 16 -1z" />
-    <glyph glyph-name="ion-md-switch" unicode="&#xf38a;" horiz-adv-x="288" 
-d="M56 232c-31 0 -56 25 -56 56s25 56 56 56h95c14 15 35 24 57 24c44 0 80 -36 80 -80s-36 -80 -80 -80c-22 0 -43 9 -57 24h-95zM39 305c-5 -4 -7 -11 -7 -17s2 -12 7 -17c4 -5 11 -7 17 -7h76c-2 8 -4 16 -4 24s2 16 4 24h-76c-6 0 -12 -2 -17 -7zM232 152
-c31 0 56 -25 56 -56s-25 -56 -56 -56h-95c-14 -15 -35 -24 -57 -24c-44 0 -80 36 -80 80s36 80 80 80c22 0 43 -9 57 -24h95zM249 79c5 4 7 11 7 17s-2 12 -7 17c-4 5 -11 7 -17 7h-76c2 -8 4 -16 4 -24s-2 -16 -4 -24h76c6 0 12 2 17 7z" />
-    <glyph glyph-name="ion-md-information-circle-outline" unicode="&#xf16f;" 
-d="M208 358c-44 0 -86 -18 -117 -49s-49 -73 -49 -117s18 -86 49 -117s73 -49 117 -49s86 18 117 49s49 73 49 117s-18 86 -49 117s-73 49 -117 49zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM229 88h-42v125h42v-125z
-M229 254h-42v42h42v-42z" />
-    <glyph glyph-name="ion-md-swap" unicode="&#xf389;" horiz-adv-x="448" 
-d="M99 217v-75h175v-49h-175v-75l-99 99zM448 267l-99 -100v75h-175v49h175v75z" />
-    <glyph glyph-name="ion-md-film" unicode="&#xf2ed;" horiz-adv-x="320" 
-d="M280 384h40v-384h-40v43h-40v-43h-160v43h-40v-43h-40v384h40v-43h40v43h160v-43h40v43zM80 85v43h-40v-43h40zM80 171v42h-40v-42h40zM80 256v43h-40v-43h40zM280 85v43h-40v-43h40zM280 171v42h-40v-42h40zM280 256v43h-40v-43h40z" />
-    <glyph glyph-name="ion-md-moon" unicode="&#xf32e;" horiz-adv-x="410" 
-d="M144 323c0 -106 86 -192 192 -192c26 0 51 5 74 15c-22 -91 -104 -159 -202 -159c-115 0 -208 93 -208 208c0 98 68 180 159 202c-10 -23 -15 -48 -15 -74z" />
-    <glyph glyph-name="ion-md-partly-sunny" unicode="&#xf340;" horiz-adv-x="448" 
-d="M235 312l-19 19l25 25l19 -19zM144 322c30 0 56 -15 70 -39c-7 -2 -13 -4 -19 -7c-20 -9 -37 -22 -51 -39l-13 -16c-21 -5 -39 -15 -54 -28c-9 13 -15 29 -15 47c0 45 37 82 82 82zM130 343v41h28v-41h-28zM0 226v28h41v-28h-41zM50 171l18 -18l-25 -25l-19 19l25 25z
-M28 337l19 19l25 -25l-19 -19zM374 159c42 -3 74 -37 74 -79c0 -44 -36 -80 -80 -80h-208c-53 0 -96 43 -96 96c0 47 32 85 78 94c5 1 13 2 18 2c43 0 78 -27 91 -64h28c-6 21 -16 39 -32 55c-21 21 -48 32 -77 34c21 27 52 39 86 39c58 0 107 -42 118 -97z" />
-    <glyph glyph-name="ion-md-subway" unicode="&#xf387;" horiz-adv-x="352" 
-d="M176 400c94 0 176 -10 176 -85v-214c0 -42 -33 -74 -75 -74l27 -27v-16h-256v16l27 27c-42 0 -75 32 -75 74v214c0 75 82 85 176 85zM80 64c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM160 208v96h-112v-96h112zM272 64c18 0 32 14 32 32
-s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM304 208v96h-112v-96h112z" />
-    <glyph glyph-name="ion-ios-cloudy-night" unicode="&#xf40e;" horiz-adv-x="448" 
-d="M246 153c42 0 76 -35 76 -77s-34 -76 -76 -76h-186c-34 0 -60 29 -60 62c0 32 24 59 55 62v9c0 50 41 91 92 91c44 0 80 -30 89 -71h8h2zM420 143c7 0 16 2 23 3c4 0 6 -3 4 -6c-4 -6 -10 -13 -15 -19c-22 -25 -53 -43 -87 -51c0 2 1 4 1 6c0 26 -10 52 -29 71
-c-17 17 -39 28 -63 30c-7 18 -19 34 -34 46c-21 17 -47 25 -73 25h-5c9 61 54 112 114 130c8 2 15 5 23 6c3 0 6 -3 4 -6l-11 -19c-10 -20 -16 -42 -16 -65c0 -40 16 -79 46 -107c30 -29 68 -45 110 -45c3 0 6 1 8 1z" />
-    <glyph glyph-name="ion-ios-ribbon" unicode="&#xf205;" horiz-adv-x="384" 
-d="M191 155c-70 1 -129 59 -130 129c-1 73 59 133 132 132c70 -1 129 -60 130 -130c1 -73 -59 -132 -132 -131zM187 359c-37 -2 -66 -32 -68 -69c-3 -44 34 -81 78 -78c37 2 66 31 68 68c3 44 -34 82 -78 79zM192 140c9 0 18 0 27 2c3 1 5 -3 4 -6l-31 -69l-43 -94
-c-3 -6 -12 -7 -15 -1l-39 65c-2 2 -4 4 -7 4h-80c-6 0 -10 6 -7 12l76 133c1 2 4 3 6 1c27 -29 66 -47 109 -47zM300 187c2 2 5 1 7 -1l76 -133c3 -6 -1 -12 -7 -12h-80c-3 0 -5 -2 -7 -4l-39 -65c-3 -6 -12 -5 -15 1l-34 74v4l45 97c0 1 1 3 2 3c20 8 37 20 52 36z" />
-    <glyph glyph-name="ion-logo-css3" unicode="&#xf231;" horiz-adv-x="384" 
-d="M192 109v0zM0 416h384l-35 -403l-157 -45l-157 45zM291 81l22 252h-241l4 -49h184l-4 -51h-121l4 -50h112l-5 -64l-54 -15v0v0l-53 15l-4 40h-48l7 -78l98 -28z" />
-    <glyph glyph-name="ion-md-remove" unicode="&#xf368;" horiz-adv-x="320" 
-d="M0 171v42h320v-42h-320z" />
-    <glyph glyph-name="ion-ios-share" unicode="&#xf211;" horiz-adv-x="320" 
-d="M280 272c22 0 40 -18 40 -40v-208c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v208c0 22 18 40 40 40h107v-147c0 -7 6 -13 14 -13c7 0 12 6 12 13v147h107zM173 356v-84h-26v84l-48 -47c-5 -5 -13 -5 -18 0s-5 13 0 18l70 69v0c1 1 2 2 4 3s3 1 5 1c3 0 7 -2 9 -4
-l70 -69c5 -5 5 -13 0 -18s-13 -5 -18 0z" />
-    <glyph glyph-name="ion-ios-arrow-dropleft" unicode="&#xf112;" 
-d="M253 300c8 -8 8 -19 0 -27l-81 -81l79 -81c8 -8 8 -19 0 -27c-4 -4 -8 -6 -13 -6s-10 2 -14 6l-94 94c-7 8 -6 20 1 27l95 95c8 8 19 8 27 0zM208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM332 68c33 33 52 77 52 124
-s-19 91 -52 124s-77 52 -124 52s-91 -19 -124 -52s-52 -77 -52 -124s19 -91 52 -124s77 -52 124 -52s91 19 124 52z" />
-    <glyph glyph-name="ion-md-checkbox" unicode="&#xf2b9;" horiz-adv-x="384" 
-d="M341 384c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298zM149 85l192 192l-30 30l-162 -162l-76 77l-30 -30z" />
-    <glyph glyph-name="ion-ios-bookmarks" unicode="&#xf3ea;" horiz-adv-x="432" 
-d="M376 416c30 0 56 -25 56 -55v-290c0 -30 -25 -55 -55 -55h-108c-4 0 -8 0 -12 -1c-16 -3 -27 -17 -27 -33c0 -8 -8 -15 -16 -14c-7 1 -12 7 -12 14c0 16 -12 30 -27 33c-4 1 -8 1 -12 1h-108c-30 0 -55 25 -55 55v290c0 30 25 55 55 55h106v0c22 0 41 -18 41 -41v-314
-c0 -8 7 -14 15 -14s13 6 13 14v314c0 23 19 41 41 41v0h41v-128l23 15l9 6l9 -6l23 -15v128z" />
-    <glyph glyph-name="ion-ios-key" unicode="&#xf1a7;" 
-d="M297 230c66 0 119 -54 119 -122s-53 -124 -119 -124s-119 56 -119 124c0 18 2 32 9 48c-3 5 -9 11 -10 17c-1 5 7 25 6 30s-8 10 -11 11c-9 2 -25 -11 -31 -10s-21 14 -22 24s15 24 5 34s-21 -3 -30 -3c-7 0 -11 4 -16 9c-6 6 -9 11 -9 19s4 18 3 24s-2 9 -10 12
-s-27 -7 -36 3c-6 6 -10 9 -25 24c-5 5 21 33 28 40c5 4 13 10 21 10c5 0 10 -2 15 -7c10 -11 143 -124 194 -167c12 4 25 4 38 4zM320 48c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
-    <glyph glyph-name="ion-md-basketball" unicode="&#xf293;" 
-d="M144 176h48v-192c-42 3 -81 19 -113 44c38 41 61 93 65 148zM224 -16v192h49c4 -55 26 -107 64 -148c-32 -25 -71 -41 -113 -44zM192 400v-192h-48c-3 55 -26 107 -64 148c31 25 70 41 112 44zM273 208h-49v192c42 -3 80 -19 112 -44c-38 -41 -60 -93 -63 -148zM361 334
-c31 -34 51 -78 55 -126h-110c2 22 6 43 14 63c9 23 24 45 41 63zM320 115c-8 20 -12 40 -14 61h110c-4 -48 -24 -91 -55 -125c-18 19 -31 40 -41 64zM96 271c8 -20 12 -41 14 -63h-110c4 48 25 92 56 126c17 -19 30 -40 40 -63zM55 51c-31 34 -51 77 -55 125h110
-c-2 -21 -6 -41 -14 -61c-10 -24 -23 -45 -41 -64z" />
-    <glyph glyph-name="ion-md-pause" unicode="&#xf341;" horiz-adv-x="320" 
-d="M0 0v384h107v-384h-107zM213 384h107v-384h-107v384z" />
-    <glyph glyph-name="ion-md-return-right" unicode="&#xf36e;" horiz-adv-x="448" 
-d="M0 312h47v-96h311l-85 86l33 34l142 -144l-142 -144l-33 34l85 86h-358v144z" />
-    <glyph glyph-name="ion-ios-star" unicode="&#xf4b3;" horiz-adv-x="448" 
-d="M431 256c9 0 17 -7 17 -16c0 -4 -2 -8 -5 -11l-3 -2l-120 -86l46 -135c2 -7 1 -14 -5 -18c-3 -2 -6 -4 -9 -4s-7 2 -10 4l-118 84l-118 -84c-3 -2 -7 -4 -10 -4s-6 2 -9 4c-6 4 -7 12 -5 18l46 135l-121 85c-5 4 -7 7 -7 11v3c0 9 7 16 16 16v0h148l45 133
-c2 6 8 11 15 11s13 -5 15 -11l45 -133h147z" />
-    <glyph glyph-name="ion-ios-female" unicode="&#xf17b;" 
-d="M14 -16c-4 0 -7 1 -10 4c-5 5 -5 14 0 19l45 45l-37 37c-5 5 -5 14 0 19c2 3 5 4 9 4s7 -1 10 -4l37 -37l50 50c-26 31 -40 70 -40 110c0 23 4 45 13 66c8 20 20 37 36 53s34 29 54 37c21 9 43 13 66 13s45 -4 66 -13c20 -8 37 -21 53 -37s29 -33 37 -53
-c9 -21 13 -43 13 -66s-4 -45 -13 -66c-8 -20 -21 -38 -37 -54s-33 -28 -53 -36c-21 -9 -43 -13 -66 -13c-40 0 -79 14 -110 40l-50 -50l37 -37c5 -5 5 -14 0 -19c-2 -3 -5 -4 -9 -4s-7 1 -10 4l-37 37l-45 -45c-2 -3 -5 -4 -9 -4zM146 331c-27 -27 -41 -62 -41 -100
-s15 -73 42 -100s62 -42 100 -42s73 15 100 42s42 62 42 100s-15 73 -42 100s-62 42 -100 42s-74 -15 -101 -42z" />
-    <glyph glyph-name="ion-logo-playstation" unicode="&#xf245;" horiz-adv-x="512" 
-d="M400 245c0 -11 0 -22 -2 -33c-2 -10 -5 -20 -10 -28c-4 -7 -10 -13 -18 -17c-7 -4 -16 -6 -24 -6c-13 0 -31 4 -42 9v131v2c0 9 -7 17 -15 17h-1c-9 0 -16 -8 -16 -17v-3v-300l-80 26v358s28 -4 75 -18s67 -21 84 -31c8 -5 15 -11 21 -17c7 -7 13 -14 17 -23
-c8 -16 10 -33 11 -50zM87 90c-4 -2 -8 -3 -11 -6c-1 -1 -3 -3 -2 -5s4 -4 6 -5c6 -2 13 -3 19 -3c7 0 15 0 22 2c5 1 9 3 14 5c30 10 41 12 41 12v-42c-14 -2 -36 -4 -50 -4c-30 -1 -60 4 -88 13c-9 3 -19 6 -27 12c-4 3 -8 8 -10 13c-2 4 -1 9 1 13s5 8 9 11
-c9 6 18 10 28 14c8 4 17 7 26 10c35 12 111 37 111 37v-47s-62 -20 -89 -30zM512 102c0 -5 -2 -9 -5 -13c-6 -7 -14 -11 -22 -15s-17 -8 -26 -11c-54 -19 -171 -59 -171 -59v48s92 30 133 44c6 2 11 4 16 8c2 2 4 3 3 6c-1 2 -4 4 -6 5c-6 2 -13 3 -19 3
-c-10 0 -20 -2 -30 -5c-29 -10 -97 -32 -97 -32v49s45 14 67 16c8 1 23 1 31 1c26 0 54 -3 79 -11c5 -2 8 -3 14 -5c9 -3 18 -8 25 -14c4 -4 8 -9 8 -15z" />
-    <glyph glyph-name="ion-ios-git-merge" unicode="&#xf186;" horiz-adv-x="384" 
-d="M314 230c39 0 70 -31 70 -70s-31 -70 -70 -70c-33 0 -61 24 -68 56c-12 0 -25 3 -50 13c-31 12 -72 32 -113 89v-141c15 -3 29 -11 39 -22c12 -13 18 -30 18 -47c0 -39 -31 -70 -70 -70s-70 31 -70 70c0 17 6 33 17 46c10 11 24 19 38 22v172c-15 3 -28 11 -38 22
-c-11 13 -17 29 -17 46c0 39 31 70 70 70s70 -31 70 -70c0 -30 -18 -56 -45 -66c40 -63 81 -83 111 -95c21 -8 29 -11 39 -11c6 32 35 56 69 56zM112 38c0 23 -19 42 -42 42s-42 -19 -42 -42s19 -42 42 -42s42 19 42 42zM70 304c23 0 42 19 42 42s-19 42 -42 42
-s-42 -19 -42 -42s19 -42 42 -42zM314 118c23 0 42 19 42 42s-19 42 -42 42s-42 -19 -42 -42s19 -42 42 -42z" />
-    <glyph glyph-name="ion-md-remove-circle-outline" unicode="&#xf176;" 
-d="M208 358c-44 0 -86 -18 -117 -49s-49 -73 -49 -117s18 -86 49 -117s73 -49 117 -49s86 18 117 49s49 73 49 117s-18 86 -49 117s-73 49 -117 49zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM315 171h-214v42h214v-42z" />
-    <glyph glyph-name="ion-ios-clock" unicode="&#xf403;" 
-d="M355 339c81 -81 81 -213 0 -294s-213 -81 -294 0s-81 213 0 294s213 81 294 0zM42 184c3 1 5 3 6 6c1 6 -3 11 -9 10c-3 -1 -6 -3 -7 -6c-1 -6 4 -11 10 -10zM68 102c2 2 3 5 2 8c-2 5 -9 8 -13 4c-2 -2 -3 -5 -2 -8c2 -5 9 -8 13 -4zM70 274c1 3 0 6 -2 8
-c-4 4 -11 1 -13 -4c-1 -3 0 -6 2 -8c4 -4 11 -1 13 4zM132 44c1 3 -1 6 -3 8c-4 4 -10 2 -12 -3c-1 -3 0 -7 2 -9c4 -4 11 -1 13 4zM129 332c2 2 4 5 3 8c-2 5 -9 8 -13 4c-2 -2 -3 -6 -2 -9c2 -5 8 -7 12 -3zM165 255l33 -61c1 -2 2 -5 2 -8v-122c0 -5 3 -8 8 -8s8 3 8 8
-v122c0 5 -2 10 -4 15l-34 63c-2 4 -7 4 -11 2s-4 -7 -2 -11zM210 16c3 1 5 3 6 6c1 6 -3 11 -9 10c-3 -1 -6 -3 -7 -6c-1 -6 4 -11 10 -10zM210 352c3 1 5 3 6 6c1 6 -3 11 -9 10c-3 -1 -6 -3 -7 -6c-1 -6 4 -11 10 -10zM297 40c2 2 4 6 3 9c-2 5 -9 7 -13 3
-c-2 -2 -3 -5 -2 -8c2 -5 8 -8 12 -4zM300 335c1 3 -1 7 -3 9c-4 4 -10 1 -12 -4c-1 -3 0 -6 2 -8c4 -4 11 -2 13 3zM361 106c1 3 0 6 -2 8c-4 4 -11 1 -13 -4c-1 -3 0 -6 2 -8c4 -4 11 -1 13 4zM359 270c2 2 3 5 2 8c-2 5 -9 8 -13 4c-2 -2 -3 -5 -2 -8c2 -5 9 -8 13 -4z
-M378 184c3 1 5 3 6 6c1 6 -3 11 -9 10c-3 -1 -6 -3 -7 -6c-1 -6 4 -11 10 -10z" />
-    <glyph glyph-name="ion-md-sunny" unicode="&#xf388;" horiz-adv-x="448" 
-d="M245 416v0v-64h-42v64h42zM374 372v0l30 -30l-38 -38l-30 30zM74 372v0l38 -38l-30 -30l-38 38zM224 320v0c70 0 128 -58 128 -128s-58 -128 -128 -128s-128 58 -128 128s58 128 128 128zM448 213v0v-42h-64v42h64zM64 213v0v-42h-64v42h64zM366 80v0l38 -38l-30 -30
-l-38 38zM82 80v0l30 -30l-38 -38l-30 30zM245 32v0v-64h-42v64h42z" />
-    <glyph glyph-name="ion-ios-add-circle" unicode="&#xf101;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM298 176c9 0 16 7 16 16s-7 16 -16 16h-74v74c0 9 -7 16 -16 16s-16 -7 -16 -16v-74h-74c-9 0 -16 -7 -16 -16c0 -4 1 -8 4 -11s8 -5 12 -5h74v-74c0 -4 2 -9 5 -12s7 -4 11 -4
-c9 0 16 7 16 16v74h74z" />
-    <glyph glyph-name="ion-ios-browsers" unicode="&#xf3f0;" 
-d="M0 267c0 22 18 40 40 40h243c22 0 40 -18 40 -40v-243c0 -22 -18 -40 -40 -40h-243c-22 0 -40 18 -40 40v243zM93 360c0 22 18 40 40 40h243c22 0 40 -18 40 -40v-243c0 -22 -18 -40 -40 -40h-28c-2 0 -4 2 -4 4v199c0 26 -22 48 -48 48h-199c-2 0 -4 2 -4 4v28z" />
-    <glyph glyph-name="ion-ios-git-pull-request" unicode="&#xf188;" horiz-adv-x="384" 
-d="M329 106c14 -3 28 -11 38 -22c11 -13 17 -29 17 -46c0 -39 -31 -70 -70 -70s-70 31 -70 70c0 17 6 34 18 47c10 11 24 19 39 22v135c0 17 -1 41 -9 58c-8 16 -22 24 -42 24h-77l41 -40v0c3 -3 4 -6 4 -10s-1 -7 -4 -10s-6 -4 -10 -4s-7 1 -10 4l-56 56
-c-3 -11 -8 -21 -16 -29c-10 -11 -24 -19 -39 -22v-162c15 -3 29 -11 39 -22c12 -13 18 -30 18 -47c0 -39 -31 -70 -70 -70s-70 31 -70 70c0 17 6 33 17 46c10 11 24 19 38 22v164c-15 3 -28 11 -38 22c-11 13 -17 29 -17 46c0 39 31 70 70 70c32 0 59 -22 67 -51l55 55
-c3 3 6 4 10 4s7 -2 10 -4v0c5 -6 5 -15 0 -20l-40 -40h78c34 0 58 -16 70 -45c9 -23 9 -50 9 -65v-136zM112 38c0 23 -19 42 -42 42s-42 -19 -42 -42s19 -42 42 -42s42 19 42 42zM70 296c23 0 42 19 42 42s-19 42 -42 42s-42 -19 -42 -42s19 -42 42 -42zM314 -4
-c23 0 42 19 42 42s-19 42 -42 42s-42 -19 -42 -42s19 -42 42 -42z" />
-    <glyph glyph-name="ion-md-quote" unicode="&#xf35f;" horiz-adv-x="383" 
-d="M32 32l45 97h-77v223h160v-223l-51 -97h-77zM256 32l50 97h-82v223h159v-223l-50 -97h-77z" />
-    <glyph glyph-name="ion-md-pricetags" unicode="&#xf35b;" horiz-adv-x="448" 
-d="M410 341l38 -37v-128l-191 -180c-9 -9 -23 -12 -31 -12s-21 4 -29 12l213 204v141zM352 400l32 -32v-160l-188 -180c-9 -9 -23 -12 -31 -12s-21 4 -29 12l-124 124c-9 9 -12 21 -12 32s4 20 12 28l180 188h160zM321 297c10 3 19 12 22 22c6 22 -10 41 -31 41
-c-18 0 -32 -14 -32 -32c0 -21 19 -37 41 -31z" />
-    <glyph glyph-name="ion-logo-angular" unicode="&#xf227;" horiz-adv-x="448" 
-d="M182 192l42 89l42 -89h-84zM224 416l224 -80l-46 -272l-178 -96l-178 96l-46 272zM312 96h40l-128 280l-128 -280h40l27 56h122z" />
-    <glyph glyph-name="ion-md-thermometer" unicode="&#xf390;" horiz-adv-x="192" 
-d="M143 148c29 -16 49 -48 49 -84c0 -53 -43 -96 -96 -96s-96 43 -96 96c0 36 20 68 49 84v222c0 26 21 46 47 46s47 -20 47 -46v-222zM80 370v-50h32v50c0 8 -8 14 -16 14s-16 -6 -16 -14z" />
-    <glyph glyph-name="ion-ios-information" unicode="&#xf44d;" horiz-adv-x="41" 
-d="M0 272c0 11 9 20 20 20s21 -9 21 -20s-10 -20 -21 -20s-20 9 -20 20zM1 236h39v-144h-39v144z" />
-    <glyph glyph-name="ion-ios-basket" unicode="&#xf11f;" horiz-adv-x="448" 
-d="M356 74v76h67l-18 -76h-49zM356 0v55h45l-6 -25c-5 -17 -20 -30 -39 -30v0zM233 0v56h104v-56h-104zM43 74l-17 76h66v-76h-49zM111 168v88h104v-88h-104zM233 168v88h104v-88h-104zM54 30l-7 26h45v-56v0c-19 0 -33 13 -38 30zM111 0v56h104v-56h-104zM233 74v76h104
-v-76h-104zM111 74v76h104v-76h-104zM432 256c10 0 18 -10 16 -20l-20 -68h-72v174c0 8 -6 14 -14 14h-236c-8 0 -14 -6 -14 -14v-174h-72l-20 68c-2 10 6 20 16 20h48v96c0 18 14 32 32 32h256c18 0 32 -14 32 -32v-96h48z" />
-    <glyph glyph-name="ion-md-hourglass" unicode="&#xf111;" horiz-adv-x="256" 
-d="M0 400h256v-123v0v0l-85 -85l85 -85v0v0v-123h-256v123v0v0l85 85l-85 85v0v0v123zM213 96l-85 85l-85 -85v-71h170v71zM128 203l85 85v72h-170v-72z" />
-    <glyph glyph-name="ion-ios-leaf" unicode="&#xf1aa;" 
-d="M406 69c17 -3 10 -39 -5 -37c0 0 -20 1 -62 14c0 0 -15 -23 -38 -34c-25 -12 -117 -33 -195 38c-106 97 -118 354 -98 333c85 -90 194 -47 266 -106c54 -44 92 -122 76 -196c0 0 4 -4 56 -12zM314 62c5 5 10 16 10 24c-84 28 -151 72 -194 108c-4 3 -9 -2 -5 -6
-c44 -45 111 -103 189 -126z" />
-    <glyph glyph-name="ion-ios-folder" unicode="&#xf435;" horiz-adv-x="448" 
-d="M448 329v-42c0 -2 -2 -1 -3 0s-5 1 -7 1h-428c-2 0 -6 0 -7 -1s-3 -2 -3 0v74c0 13 11 23 25 23h96c8 0 12 -2 17 -7v0l23 -23c2 -2 3 -2 6 -2h258c13 0 23 -10 23 -23zM0 32v212c0 9 7 16 16 16h416c9 0 16 -7 16 -16v-212c0 -18 -14 -32 -32 -32h-384
-c-17 0 -32 14 -32 32z" />
-    <glyph glyph-name="ion-md-laptop" unicode="&#xf318;" horiz-adv-x="512" 
-d="M437 32h75c0 -23 -64 -32 -96 -32h-320c-32 0 -96 9 -96 32h75c-23 0 -43 20 -43 43v266c0 23 20 43 43 43h362c23 0 43 -20 43 -43v-266c0 -23 -20 -43 -43 -43zM75 341v-272h362v272h-362zM256 13c12 0 21 10 21 22s-9 21 -21 21s-21 -9 -21 -21s9 -22 21 -22z" />
-    <glyph glyph-name="ion-md-notifications-outline" unicode="&#xf337;" horiz-adv-x="352" 
-d="M177 328c7 0 24 -5 24 -5c46 -10 78 -53 78 -100v-114v-13l9 -10l8 -8h-240l8 8l9 10v13v114c0 47 32 90 78 100c0 0 18 5 24 5zM176 400v0c18 0 31 -13 31 -31v-15c59 -14 104 -68 104 -131v-114l41 -42v-21h-352v21l41 42v114c0 63 45 117 104 131v15c0 18 13 31 31 31
-zM217 26v0c0 -23 -18 -42 -41 -42s-41 19 -41 42h82z" />
-    <glyph glyph-name="ion-ios-tv" unicode="&#xf115;" horiz-adv-x="484" 
-d="M438 370c26 0 46 -20 46 -46v-216c0 -26 -20 -46 -46 -46h-392c-26 0 -46 20 -46 46v216c0 26 20 46 46 46h392zM456 108v0v216c0 10 -8 18 -18 18h-392c-10 0 -18 -8 -18 -18v-216c0 -10 8 -18 18 -18h392c10 0 18 8 18 18zM422 320c7 0 12 -5 12 -12v-184
-c0 -7 -5 -12 -12 -12h-360c-7 0 -12 5 -12 12v184c0 7 5 12 12 12h360zM356 42c8 0 14 -6 14 -14s-6 -14 -14 -14h-228c-8 0 -14 6 -14 14s6 14 14 14h228z" />
-    <glyph glyph-name="ion-ios-phone-landscape" unicode="&#xf1e2;" horiz-adv-x="448" 
-d="M0 272c0 18 15 32 33 32h381c18 0 34 -14 34 -32v-159c0 -18 -16 -33 -34 -33h-381c-18 0 -33 15 -33 33v159zM23 177c0 -2 2 -4 4 -4s4 2 4 4v30c0 2 -2 4 -4 4s-4 -2 -4 -4v-30zM437 192c0 10 -7 18 -17 18s-18 -8 -18 -18s8 -17 18 -17s17 7 17 17zM392 288h-341v-192
-h341v192zM410 192c0 6 5 10 10 10c6 0 10 -4 10 -10s-4 -10 -10 -10c-5 0 -10 4 -10 10z" />
-    <glyph glyph-name="ion-ios-warning" unicode="&#xf268;" 
-d="M181 368c12 21 42 21 54 0l177 -323c11 -20 -4 -45 -27 -45h-354c-23 0 -38 25 -27 45zM226 234h-36l4 -122h28zM208 46c11 0 19 8 19 18s-8 18 -19 18s-19 -8 -19 -18s8 -18 19 -18z" />
-    <glyph glyph-name="ion-ios-arrow-round-back" unicode="&#xf117;" horiz-adv-x="288" 
-d="M104 284c5 -5 5 -13 0 -18l-60 -61h231c7 0 13 -6 13 -13s-6 -13 -13 -13h-231l60 -61c5 -5 5 -13 0 -18s-13 -5 -18 0l-82 83v0c-1 1 -2 2 -3 4s-1 3 -1 5c0 3 2 7 4 9l82 83c5 5 13 5 18 0z" />
-    <glyph glyph-name="ion-ios-play-circle" unicode="&#xf113;" 
-d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM292 188c3 2 3 6 0 8l-137 83c-3 2 -7 0 -7 -4v-166c0 -4 4 -6 7 -4z" />
-  </font>
-</defs></svg>
diff --git a/documentation/fonts/ionicons.ttf b/documentation/fonts/ionicons.ttf
deleted file mode 100644
index 67bd8420..00000000
Binary files a/documentation/fonts/ionicons.ttf and /dev/null differ
diff --git a/documentation/fonts/ionicons.woff b/documentation/fonts/ionicons.woff
deleted file mode 100644
index ec1c1f87..00000000
Binary files a/documentation/fonts/ionicons.woff and /dev/null differ
diff --git a/documentation/fonts/ionicons.woff2 b/documentation/fonts/ionicons.woff2
deleted file mode 100644
index 4233951c..00000000
Binary files a/documentation/fonts/ionicons.woff2 and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-300.eot b/documentation/fonts/roboto-v15-latin-300.eot
deleted file mode 100644
index 826acfda..00000000
Binary files a/documentation/fonts/roboto-v15-latin-300.eot and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-300.svg b/documentation/fonts/roboto-v15-latin-300.svg
deleted file mode 100644
index 52b28327..00000000
--- a/documentation/fonts/roboto-v15-latin-300.svg
+++ /dev/null
@@ -1,314 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg">
-<defs >
-<font id="Roboto" horiz-adv-x="1137" ><font-face
-    font-family="Roboto Light"
-    units-per-em="2048"
-    panose-1="2 0 0 0 0 0 0 0 0 0"
-    ascent="1900"
-    descent="-500"
-    alphabetic="0" />
-<glyph unicode=" " horiz-adv-x="498" />
-<glyph unicode="!" horiz-adv-x="462" d="M284 405H173L167 1456H291L284 405ZM153 70Q153 104 175 127T235 151T295 128T318 70Q318 37 296 15T235 -8T175 14T153 70Z" />
-<glyph unicode="&quot;" horiz-adv-x="588" d="M243 1396L223 1083H143L146 1536H243V1396ZM479 1396L459 1083H378L382 1536H479V1396Z" />
-<glyph unicode="#" horiz-adv-x="1191" d="M753 410H439L362 0H263L340 410H85V503H357L440 944H161V1040H458L537 1456H636L557 1040H872L951 1456H1051L972 1040H1201V944H954L871 503H1126V410H853L776 0H676L753 410ZM456 503H771L854 944H539L456 503Z" />
-<glyph unicode="$" horiz-adv-x="1135" d="M901 359Q901 470 829 540T575 674Q349 745 258 842T167 1095Q167 1258 267 1359T539 1475V1677H641V1475Q817 1459 913 1343T1010 1028H891Q891 1185 810 1277T587 1370Q445 1370 366 1296T286 1097Q286 977 359 910T607
-783T862 669T981 540T1021 361Q1021 197 919 97T637 -18V-208H536V-19Q335 -6 225 107T115 418H235Q235 262 326 174T580 85Q722 85 811 161T901 359Z" />
-<glyph unicode="%" horiz-adv-x="1513" d="M109 1176Q109 1306 189 1391T394 1477T598 1392T679 1170V1099Q679 971 600 886T396 800Q273 800 191 884T109 1106V1176ZM206 1099Q206 1006 257 946T396 886Q481 886 531 946T582 1103V1176Q582 1269 530 1329T394
-1390Q311 1390 259 1330T206 1170V1099ZM842 357Q842 487 922 572T1126 657T1330 573T1412 350V279Q1412 149 1332 64T1128 -21T924 63T842 284V357ZM938 279Q938 185 989 125T1128 65Q1214 65 1264 125T1315 284V357Q1315 453 1264 511T1126 570Q1042 570 990
-511T938 353V279ZM434 121L359 169L1070 1307L1145 1259L434 121Z" />
-<glyph unicode="&amp;" horiz-adv-x="1260" d="M404 794Q317 899 278 981T238 1145Q238 1298 329 1387T573 1476Q712 1476 798 1396T884 1191Q884 1047 718 908L558 784L958 318Q1049 465 1049 651H1160Q1160 403 1032 232L1231 0H1087L961 146Q882 68 779 24T560
--20Q352 -20 230 86T108 371Q108 477 170 571T390 784L404 794ZM560 81Q651 81 736 119T890 229L483 701L469 716L423 681Q227 521 227 371Q227 240 317 161T560 81ZM358 1149Q358 1027 493 861L624 961Q688 1007 729 1062T770 1191Q770 1269 716 1321T572 1374Q474
-1374 416 1311T358 1149Z" />
-<glyph unicode="&apos;" horiz-adv-x="348" d="M226 1395L209 1090H119Q124 1386 124 1536H226V1395Z" />
-<glyph unicode="(" horiz-adv-x="653" d="M140 588Q140 806 196 1011T360 1387T592 1632L621 1551Q555 1504 490 1414T374 1200T292 922T260 571Q260 362 307 169T438 -171T621 -393L592 -470Q465 -394 357 -225T195 148T140 588Z" />
-<glyph unicode=")" horiz-adv-x="667" d="M514 573Q514 353 460 150T298 -223T62 -470L33 -393Q131 -323 214 -176T346 166T394 591Q394 798 346 990T214 1334T33 1555L62 1632Q188 1555 295 1386T458 1011T514 573Z" />
-<glyph unicode="*" horiz-adv-x="869" d="M361 1000L29 1108L61 1209L393 1086L389 1456H493L485 1083L809 1210L842 1109L509 994L732 700L647 637L433 942L229 639L144 700L361 1000Z" />
-<glyph unicode="+" horiz-adv-x="1156" d="M630 740H1073V628H630V146H509V628H75V740H509V1206H630V740Z" />
-<glyph unicode="," horiz-adv-x="392" d="M131 -272L60 -220Q151 -98 154 33V188H271V63Q271 -145 131 -272Z" />
-<glyph unicode="-" horiz-adv-x="586" d="M528 592H49V693H528V592Z" />
-<glyph unicode="." horiz-adv-x="489" d="M145 72Q145 107 167 131T230 156T293 132T316 72T293 15T230 -8T168 14T145 72Z" />
-<glyph unicode="/" horiz-adv-x="813" d="M139 -125H30L638 1456H746L139 -125Z" />
-<glyph unicode="0" horiz-adv-x="1135" d="M1015 607Q1015 299 902 140T569 -20Q353 -20 238 136T120 592V853Q120 1160 234 1318T567 1476Q783 1476 897 1324T1015 874V607ZM895 868Q895 1118 814 1246T567 1374Q405 1374 323 1249T239 880V594Q239 345 323 213T569
-81Q729 81 811 210T895 588V868Z" />
-<glyph unicode="1" horiz-adv-x="1135" d="M694 0H574V1312L178 1165V1277L674 1461H694V0Z" />
-<glyph unicode="2" horiz-adv-x="1135" d="M1049 0H137V92L636 658Q760 801 808 894T856 1075Q856 1213 775 1293T552 1374Q405 1374 315 1280T224 1036H105Q105 1159 160 1260T318 1418T552 1476Q752 1476 864 1371T977 1085Q977 983 914 862T690 560L284 101H1049V0Z" />
-<glyph unicode="3" horiz-adv-x="1135" d="M403 793H527Q630 793 707 829T824 929T865 1076Q865 1216 786 1295T559 1374Q419 1374 330 1292T240 1074H120Q120 1187 177 1280T335 1425T559 1476Q757 1476 871 1368T985 1072Q985 967 919 879T736 746Q872 708 942
-616T1012 395Q1012 208 890 94T564 -20Q434 -20 326 32T158 177T98 395H218Q218 256 315 169T564 81Q719 81 805 160T892 391Q892 537 799 614T523 691H403V793Z" />
-<glyph unicode="4" horiz-adv-x="1135" d="M872 469H1099V368H872V0H752V368H67V436L741 1456H872V469ZM214 469H752V1301L699 1209L214 469Z" />
-<glyph unicode="5" horiz-adv-x="1135" d="M218 746L289 1456H1017V1345H392L341 853Q458 933 615 933Q812 933 929 805T1046 464Q1046 234 932 107T611 -20Q421 -20 303 86T168 383H283Q300 234 384 158T611 81Q767 81 846 180T926 462Q926 622 837 723T594 824Q509
-824 446 803T313 719L218 746Z" />
-<glyph unicode="6" horiz-adv-x="1135" d="M843 1467V1362H829Q568 1362 418 1209T252 782Q312 865 405 910T613 956Q805 956 918 824T1032 477Q1032 335 979 221T827 44T601 -20Q392 -20 261 131T130 523V643Q130 1034 308 1248T813 1467H843ZM594 853Q480 853
-382 786T250 614V512Q250 322 347 202T601 82Q741 82 827 193T914 473Q914 645 828 749T594 853Z" />
-<glyph unicode="7" horiz-adv-x="1135" d="M1034 1387L412 0H287L905 1354H77V1456H1034V1387Z" />
-<glyph unicode="8" horiz-adv-x="1135" d="M995 1081Q995 968 929 879T755 747Q881 704 957 608T1033 386Q1033 199 906 90T570 -20Q359 -20 233 89T106 386Q106 510 179 607T379 747Q271 789 207 878T143 1081Q143 1262 259 1369T568 1476T877 1368T995 1081ZM913
-385Q913 521 816 608T568 696T321 610T225 385T318 164T570 81Q725 81 819 163T913 385ZM875 1082Q875 1207 789 1290T568 1374Q432 1374 348 1294T263 1082Q263 954 347 876T569 798Q704 798 789 876T875 1082Z" />
-<glyph unicode="9" horiz-adv-x="1135" d="M884 674Q820 580 725 529T519 477Q395 477 300 541T153 718T101 965Q101 1109 156 1227T311 1410T541 1476Q760 1476 882 1323T1004 887V779Q1004 385 836 187T323 -11H301L302 93H344Q605 97 741 241T884 674ZM534
-580Q654 580 749 651T885 837V906Q885 1128 793 1250T543 1373Q401 1373 310 1259T219 970Q219 803 306 692T534 580Z" />
-<glyph unicode=":" horiz-adv-x="430" d="M383 72Q383 107 405 131T468 156T531 132T554 72T531 15T468 -8T406 14T383 72ZM129 995Q129 1030 151 1054T214 1079T277 1055T300 995T277 938T214 915T152 937T129 995Z" />
-<glyph unicode=";" horiz-adv-x="399" d="M118 995Q118 1030 140 1054T203 1079T266 1055T289 995T266 938T203 915T141 937T118 995ZM131 -272L60 -220Q151 -98 154 33V188H271V63Q271 -145 131 -272Z" />
-<glyph unicode="&lt;" horiz-adv-x="1047" d="M208 655L904 355V229L77 608V705L904 1083V957L208 655Z" />
-<glyph unicode="=" horiz-adv-x="1133" d="M983 829H149V935H983V829ZM983 418H149V524H983V418Z" />
-<glyph unicode="&gt;" horiz-adv-x="1061" d="M835 659L124 962V1085L969 707V610L124 231V355L835 659Z" />
-<glyph unicode="?" horiz-adv-x="930" d="M376 404Q378 522 408 594T537 763T664 901T708 990T724 1101Q724 1226 658 1297T472 1369Q352 1369 279 1301T203 1115H84Q86 1279 195 1377T472 1476Q644 1476 743 1376T843 1103Q843 995 794 901T608 680Q495 585 495
-404H376ZM360 70Q360 104 381 127T442 151Q480 151 502 128T525 70Q525 37 503 15T442 -8Q403 -8 382 14T360 70Z" />
-<glyph unicode="@" horiz-adv-x="1870" d="M1754 513Q1749 366 1700 241T1565 48T1364 -20Q1267 -20 1206 31T1125 174Q1017 -20 827 -20Q687 -20 618 101T567 427Q582 590 641 717T796 916T1001 988Q1078 988 1136 967T1271 880L1220 310Q1210 194 1249 130T1376
-66Q1499 66 1575 186T1661 513Q1680 918 1507 1122T983 1327Q772 1327 603 1222T335 923T225 478T291 35T528 -260T906 -363Q998 -363 1087 -341T1236 -284L1267 -364Q1210 -402 1108 -427T902 -453Q652 -453 472 -341T203 -17T125 478Q137 756 247 970T550 1302T987
-1420Q1242 1420 1419 1314T1681 1002T1754 513ZM673 286Q684 186 729 132T848 77Q1033 77 1121 332L1166 848Q1099 897 1008 897Q897 897 816 809T696 565T673 286Z" />
-<glyph unicode="A" horiz-adv-x="1279" d="M970 408H309L159 0H30L581 1456H698L1249 0H1121L970 408ZM347 513H931L639 1306L347 513Z" />
-<glyph unicode="B" horiz-adv-x="1255" d="M184 0V1456H614Q848 1456 969 1360T1090 1075Q1090 962 1029 879T860 759Q987 731 1064 634T1142 410Q1142 217 1018 109T671 0H184ZM307 700V104H676Q834 104 926 184T1019 408Q1019 543 931 621T686 700H307ZM307
-803H643Q797 806 881 875T966 1078Q966 1218 879 1284T614 1351H307V803Z" />
-<glyph unicode="C" horiz-adv-x="1330" d="M1215 454Q1190 224 1051 102T679 -20Q517 -20 393 61T200 290T131 630V819Q131 1013 199 1163T394 1394T688 1476Q922 1476 1057 1350T1215 1000H1091Q1045 1371 688 1371Q490 1371 373 1223T255 814V636Q255 384 369
-234T679 84Q872 84 970 176T1091 454H1215Z" />
-<glyph unicode="D" horiz-adv-x="1341" d="M184 0V1456H591Q770 1456 912 1375T1133 1141T1213 795V661Q1213 466 1134 315T912 82T582 0H184ZM307 1351V104H583Q813 104 952 256T1091 669V797Q1091 1048 954 1199T593 1351H307Z" />
-<glyph unicode="E" horiz-adv-x="1165" d="M988 698H307V104H1090V0H184V1456H1085V1351H307V802H988V698Z" />
-<glyph unicode="F" horiz-adv-x="1152" d="M986 680H307V0H184V1456H1086V1351H307V785H986V680Z" />
-<glyph unicode="G" horiz-adv-x="1400" d="M1235 173Q1171 82 1035 31T729 -20Q558 -20 425 62T219 294T145 638V822Q145 1125 298 1300T709 1476Q934 1476 1071 1362T1234 1046H1111Q1084 1206 981 1288T710 1371Q506 1371 387 1226T268 817V645Q268 479 324
-352T486 154T729 84Q888 84 1002 134Q1076 167 1112 211V587H721V691H1235V173Z" />
-<glyph unicode="H" horiz-adv-x="1449" d="M1263 0H1139V698H307V0H184V1456H307V802H1139V1456H1263V0Z" />
-<glyph unicode="I" horiz-adv-x="545" d="M334 0H211V1456H334V0Z" />
-<glyph unicode="J" horiz-adv-x="1127" d="M827 1456H951V433Q951 226 832 103T511 -20Q299 -20 185 91T71 401H194Q194 243 277 164T511 84Q650 84 737 176T827 426V1456Z" />
-<glyph unicode="K" horiz-adv-x="1292" d="M512 723L307 521V0H184V1456H307V671L1053 1456H1208L598 808L1255 0H1105L512 723Z" />
-<glyph unicode="L" horiz-adv-x="1079" d="M308 104H1027V0H184V1456H308V104Z" />
-<glyph unicode="M" horiz-adv-x="1772" d="M347 1456L884 171L1423 1456H1587V0H1464V634L1474 1284L932 0H837L297 1279L307 638V0H184V1456H347Z" />
-<glyph unicode="N" horiz-adv-x="1454" d="M1268 0H1145L308 1246V0H184V1456H308L1146 209V1456H1268V0Z" />
-<glyph unicode="O" horiz-adv-x="1386" d="M1260 649Q1260 448 1191 296T992 62T694 -20Q439 -20 282 162T125 655V805Q125 1004 195 1157T395 1393T692 1476T988 1395T1187 1166T1260 823V649ZM1137 807Q1137 1070 1018 1219T692 1368Q489 1368 369 1219T248
-801V649Q248 390 368 239T694 87Q903 87 1020 236T1137 653V807Z" />
-<glyph unicode="P" horiz-adv-x="1261" d="M307 593V0H184V1456H680Q907 1456 1038 1340T1170 1021Q1170 816 1044 705T677 593H307ZM307 697H680Q859 697 953 782T1047 1019Q1047 1170 954 1259T688 1351H307V697Z" />
-<glyph unicode="Q" horiz-adv-x="1386" d="M1256 649Q1256 441 1183 287T973 53L1238 -178L1153 -254L856 3Q774 -20 689 -20Q523 -20 394 62T193 294T121 642V805Q121 1004 191 1157T391 1393T687 1476Q857 1476 986 1394T1185 1159T1256 806V649ZM1133 807Q1133
-1070 1014 1219T687 1368Q485 1368 365 1219T244 801V649Q244 390 363 239T689 87Q897 87 1015 236T1133 652V807Z" />
-<glyph unicode="R" horiz-adv-x="1300" d="M728 606H305V0H181V1456H654Q887 1456 1018 1343T1149 1027Q1149 887 1067 780T847 632L1211 13V0H1080L728 606ZM305 711H682Q837 711 931 799T1025 1027Q1025 1181 927 1266T652 1351H305V711Z" />
-<glyph unicode="S" horiz-adv-x="1213" d="M1008 358Q1008 479 923 549T612 683T282 822Q134 928 134 1100Q134 1267 271 1371T623 1476Q768 1476 882 1420T1060 1264T1123 1041H999Q999 1190 897 1280T623 1371Q456 1371 357 1297T258 1102Q258 991 347 921T632
-798T929 687T1081 549T1132 360Q1132 188 995 84T632 -20Q478 -20 350 35T155 189T88 416H211Q211 262 326 173T632 84Q802 84 905 159T1008 358Z" />
-<glyph unicode="T" horiz-adv-x="1223" d="M1172 1351H673V0H550V1351H52V1456H1172V1351Z" />
-<glyph unicode="U" horiz-adv-x="1346" d="M1187 1456V462Q1186 315 1122 206T942 39T674 -20Q444 -20 306 105T162 453V1456H284V471Q284 287 389 186T674 84T958 186T1063 470V1456H1187Z" />
-<glyph unicode="V" horiz-adv-x="1263" d="M623 180L631 149L640 180L1098 1456H1233L691 0H573L31 1456H165L623 180Z" />
-<glyph unicode="W" horiz-adv-x="1836" d="M453 393L498 167L553 383L869 1456H980L1292 383L1346 165L1394 393L1657 1456H1783L1410 0H1292L962 1139L925 1283L889 1139L551 0H433L61 1456H187L453 393Z" />
-<glyph unicode="X" horiz-adv-x="1253" d="M627 840L1037 1456H1184L702 738L1199 0H1051L627 636L201 0H55L553 738L70 1456H217L627 840Z" />
-<glyph unicode="Y" horiz-adv-x="1226" d="M611 662L1056 1456H1198L672 548V0H549V548L24 1456H170L611 662Z" />
-<glyph unicode="Z" horiz-adv-x="1225" d="M239 104H1138V0H90V93L954 1351H116V1456H1106V1368L239 104Z" />
-<glyph unicode="[" horiz-adv-x="491" d="M493 1562H283V-210H493V-312H163V1664H493V1562Z" />
-<glyph unicode="\" horiz-adv-x="807" d="M48 1456H165L773 -125H656L48 1456Z" />
-<glyph unicode="]" horiz-adv-x="491" d="M0 1664H331V-312H0V-210H211V1562H0V1664Z" />
-<glyph unicode="^" horiz-adv-x="852" d="M421 1298L193 729H77L376 1456H466L764 729H648L421 1298Z" />
-<glyph unicode="_" horiz-adv-x="884" d="M882 -101H1V0H882V-101Z" />
-<glyph unicode="`" horiz-adv-x="585" d="M438 1245H329L103 1524H247L438 1245Z" />
-<glyph unicode="a" horiz-adv-x="1097" d="M839 0Q821 51 816 151Q753 69 656 25T449 -20Q293 -20 197 67T100 287Q100 445 231 537T598 629H815V752Q815 868 744 934T535 1001Q410 1001 328 937T246 783L126 784Q126 913 246 1007T541 1102Q722 1102 826 1012T934
-759V247Q934 90 967 12V0H839ZM463 86Q583 86 677 144T815 299V537H601Q422 535 321 472T220 297Q220 206 287 146T463 86Z" />
-<glyph unicode="b" horiz-adv-x="1135" d="M1027 530Q1027 277 915 129T614 -20Q388 -20 272 148L267 0H155V1536H274V925Q388 1102 612 1102Q804 1102 915 956T1027 548V530ZM907 551Q907 765 824 881T590 998Q475 998 395 942T274 776V288Q364 84 592 84Q740
-84 823 201T907 551Z" />
-<glyph unicode="c" horiz-adv-x="1055" d="M556 81Q681 81 765 151T857 334H972Q967 235 910 154T759 26T556 -20Q343 -20 219 128T94 526V562Q94 722 150 845T310 1035T555 1102Q733 1102 848 996T972 717H857Q849 844 766 922T555 1000Q393 1000 304 883T214
-555V520Q214 313 303 197T556 81Z" />
-<glyph unicode="d" horiz-adv-x="1138" d="M108 551Q108 803 220 952T526 1102Q745 1102 860 929V1536H979V0H867L862 144Q747 -20 524 -20Q337 -20 223 130T108 537V551ZM229 530Q229 323 312 204T546 84Q767 84 860 279V787Q767 998 548 998Q397 998 313 880T229 530Z" />
-<glyph unicode="e" horiz-adv-x="1058" d="M575 -20Q437 -20 326 48T152 237T90 510V553Q90 709 150 834T319 1030T553 1102Q750 1102 865 968T981 600V533H209V510Q209 326 314 204T580 81Q676 81 749 116T883 228L958 171Q826 -20 575 -20ZM553 1000Q418 1000
-326 901T213 635H862V648Q857 804 773 902T553 1000Z" />
-<glyph unicode="f" horiz-adv-x="678" d="M242 0V984H63V1082H242V1213Q242 1379 326 1468T562 1557Q630 1557 689 1540L680 1440Q630 1452 571 1452Q472 1452 417 1391T362 1216V1082H620V984H362V0H242Z" />
-<glyph unicode="g" horiz-adv-x="1136" d="M108 551Q108 805 220 953T526 1102Q747 1102 862 926L868 1082H980V22Q980 -187 863 -309T546 -431Q433 -431 331 -381T169 -246L236 -174Q363 -330 538 -330Q688 -330 772 -242T859 4V140Q744 -20 524 -20Q336 -20
-222 130T108 535V551ZM229 530Q229 323 312 204T546 84Q767 84 859 282V785Q817 889 738 943T548 998Q397 998 313 880T229 530Z" />
-<glyph unicode="h" horiz-adv-x="1124" d="M275 899Q334 996 426 1049T627 1102Q801 1102 886 1004T972 710V0H853V711Q852 856 792 927T598 998Q487 998 402 929T275 741V0H156V1536H275V899Z" />
-<glyph unicode="i" horiz-adv-x="459" d="M290 0H170V1082H290V0ZM149 1395Q149 1429 171 1452T231 1476T291 1453T314 1395T292 1338T231 1315T171 1338T149 1395Z" />
-<glyph unicode="j" horiz-adv-x="467" d="M285 1082V-129Q285 -279 213 -358T1 -437Q-53 -437 -104 -418L-102 -319Q-58 -332 -12 -332Q166 -332 166 -127V1082H285ZM226 1476Q265 1476 287 1453T309 1395T287 1338T226 1315Q188 1315 167 1338T145 1395T166 1452T226
-1476Z" />
-<glyph unicode="k" horiz-adv-x="1003" d="M413 545L276 413V0H156V1536H276V553L389 675L803 1082H954L495 626L994 0H851L413 545Z" />
-<glyph unicode="l" horiz-adv-x="459" d="M290 0H170V1536H290V0Z" />
-<glyph unicode="m" horiz-adv-x="1815" d="M265 1082L269 906Q329 1004 419 1053T619 1102Q875 1102 944 892Q1002 993 1099 1047T1313 1102Q1661 1102 1668 722V0H1548V713Q1547 858 1486 928T1285 998Q1156 996 1067 915T968 716V0H848V722Q847 861 783 929T584
-998Q471 998 390 934T270 742V0H150V1082H265Z" />
-<glyph unicode="n" horiz-adv-x="1125" d="M270 1082L274 897Q335 997 426 1049T627 1102Q801 1102 886 1004T972 710V0H853V711Q852 856 792 927T598 998Q487 998 402 929T275 741V0H156V1082H270Z" />
-<glyph unicode="o" horiz-adv-x="1147" d="M90 557Q90 713 150 838T321 1032T572 1102Q788 1102 922 951T1056 549V524Q1056 367 996 242T825 48T574 -20Q359 -20 225 131T90 533V557ZM210 524Q210 330 310 206T574 81Q736 81 836 205T937 534V557Q937 681 891
-784T762 943T572 1000Q412 1000 311 875T210 546V524Z" />
-<glyph unicode="p" horiz-adv-x="1135" d="M1026 530Q1026 277 914 129T614 -20Q392 -20 274 136V-416H155V1082H266L272 929Q389 1102 611 1102Q805 1102 915 955T1026 547V530ZM906 551Q906 758 821 878T584 998Q474 998 395 945T274 791V272Q317 179 397 130T586
-81Q737 81 821 201T906 551Z" />
-<glyph unicode="q" horiz-adv-x="1142" d="M108 551Q108 805 220 953T528 1102Q747 1102 861 935L867 1082H979V-416H859V134Q741 -20 526 -20Q336 -20 222 130T108 535V551ZM229 530Q229 320 313 201T548 81Q763 81 859 268V798Q814 895 735 947T550 1000Q399
-1000 314 881T229 530Z" />
-<glyph unicode="r" horiz-adv-x="689" d="M656 980Q618 987 575 987Q463 987 386 925T275 743V0H156V1082H273L275 910Q370 1102 580 1102Q630 1102 659 1089L656 980Z" />
-<glyph unicode="s" horiz-adv-x="1037" d="M804 275Q804 364 733 418T517 502T294 572T176 669T137 807Q137 935 244 1018T518 1102Q699 1102 808 1013T918 779H798Q798 874 719 937T518 1000Q400 1000 329 948T257 811Q257 730 316 686T533 604T769 525T886 424T924
-281Q924 144 814 62T525 -20Q336 -20 219 71T101 303H221Q228 198 309 140T525 81Q650 81 727 136T804 275Z" />
-<glyph unicode="t" horiz-adv-x="658" d="M342 1359V1082H566V984H342V263Q342 173 374 129T483 85Q513 85 580 95L585 -3Q538 -20 457 -20Q334 -20 278 51T222 262V984H23V1082H222V1359H342Z" />
-<glyph unicode="u" horiz-adv-x="1125" d="M852 137Q744 -20 507 -20Q334 -20 244 80T152 378V1082H271V393Q271 84 521 84Q781 84 850 299V1082H970V0H854L852 137Z" />
-<glyph unicode="v" horiz-adv-x="985" d="M493 165L822 1082H945L541 0H444L38 1082H161L493 165Z" />
-<glyph unicode="w" horiz-adv-x="1544" d="M415 249L433 156L457 254L717 1082H819L1076 261L1104 147L1127 252L1349 1082H1473L1158 0H1056L778 858L765 917L752 857L479 0H377L63 1082H186L415 249Z" />
-<glyph unicode="x" horiz-adv-x="996" d="M496 643L788 1082H930L563 551L946 0H805L497 458L189 0H48L430 551L63 1082H204L496 643Z" />
-<glyph unicode="y" horiz-adv-x="973" d="M499 172L815 1082H944L482 -184L458 -240Q369 -437 183 -437Q140 -437 91 -423L90 -324L152 -330Q240 -330 294 -287T387 -137L440 9L32 1082H163L499 172Z" />
-<glyph unicode="z" horiz-adv-x="996" d="M235 101H938V0H87V88L743 979H107V1082H894V993L235 101Z" />
-<glyph unicode="{" horiz-adv-x="676" d="M637 -404Q469 -354 384 -241T299 59V280Q299 543 68 543V647Q299 647 299 908V1137Q300 1320 384 1433T637 1597L663 1518Q419 1440 419 1127V914Q419 668 235 595Q419 518 419 277V49Q423 -243 666 -324L637 -404Z" />
-<glyph unicode="|" horiz-adv-x="452" d="M279 -270H178V1456H279V-270Z" />
-<glyph unicode="}" horiz-adv-x="676" d="M9 -324Q252 -243 256 49V273Q256 526 449 594Q256 662 256 913V1126Q256 1442 12 1518L38 1597Q209 1546 292 1432T376 1131V908Q376 647 607 647V543Q376 543 376 280V59Q376 -128 291 -241T38 -404L9 -324Z" />
-<glyph unicode="~" horiz-adv-x="1402" d="M1254 764Q1254 615 1171 519T958 423Q886 423 824 450T670 558T535 659T441 680Q352 680 303 621T253 450L145 449Q145 598 226 692T441 787Q515 787 581 756T740 643Q807 580 855 555T958 529Q1046 529 1098 592T1150
-764H1254Z" />
-<glyph unicode="&#xa0;" horiz-adv-x="498" />
-<glyph unicode="&#xa1;" horiz-adv-x="452" d="M174 690H285L292 -359H168L174 690ZM305 1022Q305 988 283 965T223 942T163 965T140 1022T162 1079T223 1102T283 1079T305 1022Z" />
-<glyph unicode="&#xa2;" horiz-adv-x="1115" d="M581 81Q704 81 788 150T882 334H997Q989 195 887 97T636 -17V-245H516V-16Q331 7 225 150T119 526V562Q119 784 224 929T516 1098V1318H636V1099Q791 1083 891 978T997 717H882Q874 844 791 922T580 1000Q418 1000
-329 883T239 555V520Q239 313 328 197T581 81Z" />
-<glyph unicode="&#xa3;" horiz-adv-x="1170" d="M404 645L413 368Q415 194 349 104H1094V0H97V104H195Q246 117 272 211Q292 285 290 367L281 645H93V749H277L268 1039Q268 1239 378 1357T674 1476Q856 1476 961 1371T1067 1088H944Q944 1223 869 1297T665 1371Q540
-1371 466 1283T392 1039L401 749H745V645H404Z" />
-<glyph unicode="&#xa4;" horiz-adv-x="1481" d="M1131 133Q1053 61 953 21T740 -20Q514 -20 349 132L194 -26L109 60L268 221Q144 389 144 608Q144 835 277 1006L109 1177L194 1264L361 1094Q526 1234 740 1234T1119 1092L1289 1265L1375 1177L1204 1002Q1334
-832 1334 608Q1334 393 1212 224L1375 60L1289 -27L1131 133ZM257 608Q257 470 321 350T499 161T740 91Q869 91 981 161T1157 350T1221 608Q1221 747 1156 866T979 1054T740 1122T500 1054T323 867T257 608Z" />
-<glyph unicode="&#xa5;" horiz-adv-x="1223" d="M607 734L1028 1456H1171L718 705H1085V616H667V412H1085V324H667V0H544V324H130V412H544V616H130V705H496L44 1456H187L607 734Z" />
-<glyph unicode="&#xa6;" horiz-adv-x="444" d="M159 -270V501H279V-270H159ZM279 698H159V1456H279V698Z" />
-<glyph unicode="&#xa7;" horiz-adv-x="1239" d="M1119 431Q1119 331 1058 262T887 159Q978 111 1026 41T1075 -139Q1075 -303 949 -399T606 -495Q497 -495 401 -467T236 -382Q102 -268 102 -64L222 -62Q222 -218 325 -305T606 -393Q766 -393 860 -324T954 -141Q954
--64 920 -17T805 69T548 156T284 255T153 378T108 551Q108 651 166 721T331 825Q245 872 199 942T153 1120Q153 1281 282 1378T624 1476Q848 1476 972 1363T1097 1045H977Q977 1191 881 1282T624 1374Q459 1374 366 1306T273 1122Q273 1043 304 996T411 911T646
-828Q842 777 936 726T1075 603T1119 431ZM454 771Q346 758 287 700T228 553Q228 470 263 422T379 336T663 242L755 214Q867 227 933 284T999 428Q999 526 932 585T692 700L454 771Z" />
-<glyph unicode="&#xa8;" horiz-adv-x="881" d="M143 1396Q143 1430 164 1453T225 1477Q263 1477 285 1454T308 1396Q308 1363 286 1340T225 1317Q186 1317 165 1340T143 1396ZM580 1395Q580 1429 602 1452T662 1476Q701 1476 723 1453T745 1395Q745 1362 723 1339T662
-1316Q624 1316 602 1339T580 1395Z" />
-<glyph unicode="&#xa9;" horiz-adv-x="1637" d="M1121 607Q1121 455 1039 374T807 293T566 399T474 686V776Q474 950 566 1056T807 1163T1039 1083T1122 850H1023Q1023 1074 807 1074Q701 1074 637 993T573 771V680Q573 546 636 465T807 383Q913 383 967 436T1022
-607H1121ZM192 729Q192 553 273 399T502 155T817 65Q984 65 1129 154T1357 396T1441 729Q1441 907 1358 1059T1130 1300T817 1389Q646 1389 499 1298T272 1055T192 729ZM107 729Q107 931 200 1104T459 1376T817 1476T1174 1377T1432 1104T1526 729Q1526 532 1436
-360T1181 84T817 -21Q620 -21 455 82T198 358T107 729Z" />
-<glyph unicode="&#xaa;" horiz-adv-x="906" d="M649 705Q634 748 628 799Q541 691 406 691Q289 691 223 749T157 908Q157 1018 240 1079T486 1140H625V1201Q625 1286 585 1333T464 1380Q374 1380 323 1345T271 1237L164 1243Q164 1345 247 1410T464 1476Q588 1476
-661 1405T734 1199V884Q734 792 760 705H649ZM426 786Q479 786 536 816T625 890V1058H496Q266 1058 266 912Q266 786 426 786Z" />
-<glyph unicode="&#xab;" horiz-adv-x="933" d="M247 792L523 404H418L123 783V802L418 1181H523L247 792ZM556 536L832 148H727L432 527V546L727 925H832L556 536Z" />
-<glyph unicode="&#xac;" horiz-adv-x="1117" d="M936 386H816V670H124V776H936V386Z" />
-<glyph unicode="&#xad;" horiz-adv-x="586" d="M528 592H49V693H528V592Z" />
-<glyph unicode="&#xae;" horiz-adv-x="1642" d="M102 729Q102 931 195 1104T454 1376T812 1476T1169 1377T1428 1104T1522 729Q1522 530 1431 358T1175 83T812 -21T450 82T193 358T102 729ZM187 729Q187 550 270 396T499 154T812 65T1125 153T1353 396T1436 729Q1436
-905 1355 1057T1129 1299T812 1389Q644 1389 499 1301T270 1060T187 729ZM650 666V321H552V1160H810Q957 1160 1036 1099T1115 912Q1115 779 974 715Q1046 689 1074 635T1102 504T1106 394T1119 337V321H1017Q1003 357 1003 503Q1003 592 966 629T838 666H650ZM650
-757H831Q912 757 964 799T1017 910Q1017 995 974 1031T824 1070H650V757Z" />
-<glyph unicode="&#xaf;" horiz-adv-x="874" d="M776 1359H106V1456H776V1359Z" />
-<glyph unicode="&#xb0;" horiz-adv-x="774" d="M630 1226Q630 1122 559 1051T388 980Q287 980 215 1051T143 1226T216 1402T388 1476T558 1403T630 1226ZM233 1226Q233 1159 277 1115T388 1071T497 1115T540 1226Q540 1295 497 1340T388 1385Q323 1385 278 1340T233
-1226Z" />
-<glyph unicode="&#xb1;" horiz-adv-x="1085" d="M609 829H1000V727H609V289H498V727H84V829H498V1267H609V829ZM963 0H128V101H963V0Z" />
-<glyph unicode="&#xb2;" horiz-adv-x="740" d="M667 665H96V740L416 1054Q522 1164 522 1237Q522 1300 482 1338T362 1377Q275 1377 228 1333T181 1215H76Q76 1323 155 1394T360 1465T557 1403T628 1239Q628 1138 510 1016L455 961L229 752H667V665Z" />
-<glyph unicode="&#xb3;" horiz-adv-x="740" d="M267 1107H353Q434 1109 481 1145T529 1241Q529 1303 486 1340T362 1377Q286 1377 238 1340T190 1245H85Q85 1341 163 1403T361 1465Q489 1465 562 1405T635 1243Q635 1187 597 1140T489 1069Q651 1027 651 880Q651
-778 572 716T363 654Q234 654 153 717T71 884H177Q177 822 229 782T366 741Q453 741 499 779T546 883Q546 1025 340 1025H267V1107Z" />
-<glyph unicode="&#xb4;" horiz-adv-x="576" d="M315 1524H460L229 1245H124L315 1524Z" />
-<glyph unicode="&#xb5;" horiz-adv-x="1140" d="M281 1082V446Q281 266 344 174T544 81Q676 81 753 138T859 312V1082H979V0H870L863 154Q765 -20 552 -20Q368 -20 281 105V-416H162V1082H281Z" />
-<glyph unicode="&#xb6;" horiz-adv-x="973" d="M681 0V520H573Q423 520 312 578T142 742T83 988Q83 1201 216 1328T577 1456H801V0H681Z" />
-<glyph unicode="&#xb7;" horiz-adv-x="503" d="M163 717Q163 752 185 776T247 800T310 776T333 717T310 659T247 635T185 658T163 717Z" />
-<glyph unicode="&#xb8;" horiz-adv-x="498" d="M246 0L234 -64Q399 -85 399 -235Q399 -327 320 -381T105 -435L98 -357Q187 -357 243 -325T300 -237Q300 -179 257 -157T124 -127L153 0H246Z" />
-<glyph unicode="&#xb9;" horiz-adv-x="740" d="M464 669H358V1332L126 1262V1352L450 1459H464V669Z" />
-<glyph unicode="&#xba;" horiz-adv-x="922" d="M135 1132Q135 1285 223 1380T458 1476Q605 1476 693 1381T782 1127V1033Q782 880 694 785T460 690Q313 690 224 784T135 1038V1132ZM243 1033Q243 919 299 852T460 785Q559 785 616 851T674 1037V1132Q674 1247
-616 1313T458 1380T301 1312T243 1127V1033Z" />
-<glyph unicode="&#xbb;" horiz-adv-x="928" d="M221 944L516 560V541L221 162H115L391 550L115 944H221ZM540 944L835 560V541L540 162H434L710 550L434 944H540Z" />
-<glyph unicode="&#xbc;" horiz-adv-x="1484" d="M453 664H347V1327L115 1257V1347L439 1454H453V664ZM414 129L340 177L1051 1315L1125 1267L414 129ZM1272 275H1399V187H1272V0H1167V187H768L764 253L1161 789H1272V275ZM878 275H1167V659L1136 609L878 275Z" />
-<glyph unicode="&#xbd;" horiz-adv-x="1548" d="M370 129L296 177L1007 1315L1081 1267L370 129ZM438 664H332V1327L100 1257V1347L424 1454H438V664ZM1436 0H865V75L1185 389Q1291 499 1291 572Q1291 635 1251 673T1131 712Q1044 712 997 668T950 550H845Q845
-658 924 729T1129 800T1326 738T1397 574Q1397 473 1279 351L1224 296L998 87H1436V0Z" />
-<glyph unicode="&#xbe;" horiz-adv-x="1590" d="M558 129L484 177L1195 1315L1269 1267L558 129ZM1387 275H1514V187H1387V0H1282V187H883L879 253L1276 789H1387V275ZM993 275H1282V659L1251 609L993 275ZM314 1107H400Q481 1109 528 1145T576 1241Q576 1303
-533 1340T409 1377Q333 1377 285 1340T237 1245H132Q132 1341 210 1403T408 1465Q536 1465 609 1405T682 1243Q682 1187 644 1140T536 1069Q698 1027 698 880Q698 778 619 716T410 654Q281 654 200 717T118 884H224Q224 822 276 782T413 741Q500 741 546 779T593
-883Q593 1025 387 1025H314V1107Z" />
-<glyph unicode="&#xbf;" horiz-adv-x="940" d="M551 687Q549 564 524 505T405 352T288 228Q207 123 207 -8Q207 -137 274 -207T469 -277Q588 -277 659 -207T732 -20H852Q850 -186 745 -284T469 -383Q291 -383 190 -283T88 -10Q88 101 141 202T337 438Q422 509
-429 618L431 687H551ZM567 1022Q567 988 545 965T485 941T425 964T402 1022Q402 1055 424 1078T485 1101T545 1078T567 1022Z" />
-<glyph unicode="&#xc0;" horiz-adv-x="1279" d="M970 408H309L159 0H30L581 1456H698L1249 0H1121L970 408ZM347 513H931L639 1306L347 513ZM716 1560H607L381 1839H525L716 1560Z" />
-<glyph unicode="&#xc1;" horiz-adv-x="1279" d="M970 408H309L159 0H30L581 1456H698L1249 0H1121L970 408ZM347 513H931L639 1306L347 513ZM762 1839H907L676 1560H571L762 1839Z" />
-<glyph unicode="&#xc2;" horiz-adv-x="1279" d="M970 408H309L159 0H30L581 1456H698L1249 0H1121L970 408ZM347 513H931L639 1306L347 513ZM921 1583V1573H810L642 1756L475 1573H366V1586L604 1841H680L921 1583Z" />
-<glyph unicode="&#xc3;" horiz-adv-x="1279" d="M970 408H309L159 0H30L581 1456H698L1249 0H1121L970 408ZM347 513H931L639 1306L347 513ZM983 1809Q983 1713 927 1655T788 1596Q712 1596 640 1651T510 1706Q463 1706 432 1675T400 1588L310 1591Q310 1683 364
-1743T505 1803Q553 1803 587 1786T651 1748T711 1710T783 1693Q829 1693 861 1726T894 1815L983 1809Z" />
-<glyph unicode="&#xc4;" horiz-adv-x="1279" d="M970 408H309L159 0H30L581 1456H698L1249 0H1121L970 408ZM347 513H931L639 1306L347 513ZM349 1711Q349 1745 370 1768T431 1792Q469 1792 491 1769T514 1711Q514 1678 492 1655T431 1632Q392 1632 371 1655T349
-1711ZM786 1710Q786 1744 808 1767T868 1791Q907 1791 929 1768T951 1710Q951 1677 929 1654T868 1631Q830 1631 808 1654T786 1710Z" />
-<glyph unicode="&#xc5;" horiz-adv-x="1279" d="M970 408H309L159 0H30L581 1456H698L1249 0H1121L970 408ZM347 513H931L639 1306L347 513ZM450 1715Q450 1795 506 1850T643 1905Q722 1905 779 1850T836 1715Q836 1636 781 1582T643 1528T505 1582T450 1715ZM527
-1715Q527 1665 560 1632T643 1599Q692 1599 726 1631T760 1715Q760 1768 725 1801T643 1834Q594 1834 561 1800T527 1715Z" />
-<glyph unicode="&#xc6;" horiz-adv-x="1865" d="M1823 0H1006L989 389H393L163 0H17L898 1456H1762V1354H1068L1091 809H1680V707H1095L1121 101H1823V0ZM460 502H985L950 1331L460 502Z" />
-<glyph unicode="&#xc7;" horiz-adv-x="1330" d="M1215 454Q1190 224 1051 102T679 -20Q517 -20 393 61T200 290T131 630V819Q131 1013 199 1163T394 1394T688 1476Q922 1476 1057 1350T1215 1000H1091Q1045 1371 688 1371Q490 1371 373 1223T255 814V636Q255 384
-369 234T679 84Q872 84 970 176T1091 454H1215ZM728 -9L716 -73Q881 -94 881 -244Q881 -336 802 -390T587 -444L580 -366Q669 -366 725 -334T782 -246Q782 -188 739 -166T606 -136L635 -9H728Z" />
-<glyph unicode="&#xc8;" horiz-adv-x="1165" d="M988 698H307V104H1090V0H184V1456H1085V1351H307V802H988V698ZM693 1566H584L358 1845H502L693 1566Z" />
-<glyph unicode="&#xc9;" horiz-adv-x="1165" d="M988 698H307V104H1090V0H184V1456H1085V1351H307V802H988V698ZM739 1845H884L653 1566H548L739 1845Z" />
-<glyph unicode="&#xca;" horiz-adv-x="1165" d="M988 698H307V104H1090V0H184V1456H1085V1351H307V802H988V698ZM898 1589V1579H787L619 1762L452 1579H343V1592L581 1847H657L898 1589Z" />
-<glyph unicode="&#xcb;" horiz-adv-x="1165" d="M988 698H307V104H1090V0H184V1456H1085V1351H307V802H988V698ZM326 1717Q326 1751 347 1774T408 1798Q446 1798 468 1775T491 1717Q491 1684 469 1661T408 1638Q369 1638 348 1661T326 1717ZM763 1716Q763 1750
-785 1773T845 1797Q884 1797 906 1774T928 1716Q928 1683 906 1660T845 1637Q807 1637 785 1660T763 1716Z" />
-<glyph unicode="&#xcc;" horiz-adv-x="545" d="M334 0H211V1456H334V0ZM348 1566H239L13 1845H157L348 1566Z" />
-<glyph unicode="&#xcd;" horiz-adv-x="545" d="M334 0H211V1456H334V0ZM393 1845H538L307 1566H202L393 1845Z" />
-<glyph unicode="&#xce;" horiz-adv-x="545" d="M334 0H211V1456H334V0ZM553 1589V1579H442L274 1762L107 1579H-2V1592L236 1847H312L553 1589Z" />
-<glyph unicode="&#xcf;" horiz-adv-x="545" d="M334 0H211V1456H334V0ZM-19 1717Q-19 1751 2 1774T63 1798Q101 1798 123 1775T146 1717Q146 1684 124 1661T63 1638Q24 1638 3 1661T-19 1717ZM418 1716Q418 1750 440 1773T500 1797Q539 1797 561 1774T583 1716Q583
-1683 561 1660T500 1637Q462 1637 440 1660T418 1716Z" />
-<glyph unicode="&#xd0;" horiz-adv-x="1371" d="M214 0V689H33V791H214V1456H621Q800 1456 942 1375T1163 1141T1243 795V661Q1243 466 1164 315T942 82T612 0H214ZM645 689H337V104H608Q843 104 982 256T1121 669V797Q1121 1048 984 1199T623 1351H337V791H645V689Z" />
-<glyph unicode="&#xd1;" horiz-adv-x="1454" d="M1268 0H1145L308 1246V0H184V1456H308L1146 209V1456H1268V0ZM1067 1809Q1067 1713 1011 1655T872 1596Q796 1596 724 1651T594 1706Q547 1706 516 1675T484 1588L394 1591Q394 1683 448 1743T589 1803Q637 1803
-671 1786T735 1748T795 1710T867 1693Q913 1693 945 1726T978 1815L1067 1809Z" />
-<glyph unicode="&#xd2;" horiz-adv-x="1386" d="M1260 649Q1260 448 1191 296T992 62T694 -20Q439 -20 282 162T125 655V805Q125 1004 195 1157T395 1393T692 1476T988 1395T1187 1166T1260 823V649ZM1137 807Q1137 1070 1018 1219T692 1368Q489 1368 369 1219T248
-801V649Q248 390 368 239T694 87Q903 87 1020 236T1137 653V807ZM765 1572H656L430 1851H574L765 1572Z" />
-<glyph unicode="&#xd3;" horiz-adv-x="1386" d="M1260 649Q1260 448 1191 296T992 62T694 -20Q439 -20 282 162T125 655V805Q125 1004 195 1157T395 1393T692 1476T988 1395T1187 1166T1260 823V649ZM1137 807Q1137 1070 1018 1219T692 1368Q489 1368 369 1219T248
-801V649Q248 390 368 239T694 87Q903 87 1020 236T1137 653V807ZM811 1851H956L725 1572H620L811 1851Z" />
-<glyph unicode="&#xd4;" horiz-adv-x="1386" d="M1260 649Q1260 448 1191 296T992 62T694 -20Q439 -20 282 162T125 655V805Q125 1004 195 1157T395 1393T692 1476T988 1395T1187 1166T1260 823V649ZM1137 807Q1137 1070 1018 1219T692 1368Q489 1368 369 1219T248
-801V649Q248 390 368 239T694 87Q903 87 1020 236T1137 653V807ZM970 1595V1585H859L691 1768L524 1585H415V1598L653 1853H729L970 1595Z" />
-<glyph unicode="&#xd5;" horiz-adv-x="1386" d="M1260 649Q1260 448 1191 296T992 62T694 -20Q439 -20 282 162T125 655V805Q125 1004 195 1157T395 1393T692 1476T988 1395T1187 1166T1260 823V649ZM1137 807Q1137 1070 1018 1219T692 1368Q489 1368 369 1219T248
-801V649Q248 390 368 239T694 87Q903 87 1020 236T1137 653V807ZM1032 1821Q1032 1725 976 1667T837 1608Q761 1608 689 1663T559 1718Q512 1718 481 1687T449 1600L359 1603Q359 1695 413 1755T554 1815Q602 1815 636 1798T700 1760T760 1722T832 1705Q878 1705
-910 1738T943 1827L1032 1821Z" />
-<glyph unicode="&#xd6;" horiz-adv-x="1386" d="M1260 649Q1260 448 1191 296T992 62T694 -20Q439 -20 282 162T125 655V805Q125 1004 195 1157T395 1393T692 1476T988 1395T1187 1166T1260 823V649ZM1137 807Q1137 1070 1018 1219T692 1368Q489 1368 369 1219T248
-801V649Q248 390 368 239T694 87Q903 87 1020 236T1137 653V807ZM398 1723Q398 1757 419 1780T480 1804Q518 1804 540 1781T563 1723Q563 1690 541 1667T480 1644Q441 1644 420 1667T398 1723ZM835 1722Q835 1756 857 1779T917 1803Q956 1803 978 1780T1000 1722Q1000
-1689 978 1666T917 1643Q879 1643 857 1666T835 1722Z" />
-<glyph unicode="&#xd7;" horiz-adv-x="1072" d="M93 179L451 544L108 894L187 974L529 624L872 974L951 894L608 544L966 179L887 100L529 464L172 100L93 179Z" />
-<glyph unicode="&#xd8;" horiz-adv-x="1386" d="M1260 649Q1260 448 1191 296T992 62T694 -20Q508 -20 375 77L274 -83H170L307 134Q125 318 125 658V805Q125 1004 195 1157T395 1393T692 1476Q916 1476 1064 1336L1171 1505H1274L1125 1268Q1259 1088 1260 807V649ZM248
-649Q248 388 370 235L1002 1237Q883 1368 692 1368Q489 1368 369 1219T248 801V649ZM1137 807Q1137 1018 1057 1160L434 171Q541 87 694 87Q903 87 1020 236T1137 653V807Z" />
-<glyph unicode="&#xd9;" horiz-adv-x="1346" d="M1187 1456V462Q1186 315 1122 206T942 39T674 -20Q444 -20 306 105T162 453V1456H284V471Q284 287 389 186T674 84T958 186T1063 470V1456H1187ZM756 1560H647L421 1839H565L756 1560Z" />
-<glyph unicode="&#xda;" horiz-adv-x="1346" d="M1187 1456V462Q1186 315 1122 206T942 39T674 -20Q444 -20 306 105T162 453V1456H284V471Q284 287 389 186T674 84T958 186T1063 470V1456H1187ZM802 1839H947L716 1560H611L802 1839Z" />
-<glyph unicode="&#xdb;" horiz-adv-x="1346" d="M1187 1456V462Q1186 315 1122 206T942 39T674 -20Q444 -20 306 105T162 453V1456H284V471Q284 287 389 186T674 84T958 186T1063 470V1456H1187ZM961 1583V1573H850L682 1756L515 1573H406V1586L644 1841H720L961 1583Z" />
-<glyph unicode="&#xdc;" horiz-adv-x="1346" d="M1187 1456V462Q1186 315 1122 206T942 39T674 -20Q444 -20 306 105T162 453V1456H284V471Q284 287 389 186T674 84T958 186T1063 470V1456H1187ZM389 1711Q389 1745 410 1768T471 1792Q509 1792 531 1769T554 1711Q554
-1678 532 1655T471 1632Q432 1632 411 1655T389 1711ZM826 1710Q826 1744 848 1767T908 1791Q947 1791 969 1768T991 1710Q991 1677 969 1654T908 1631Q870 1631 848 1654T826 1710Z" />
-<glyph unicode="&#xdd;" horiz-adv-x="1226" d="M611 662L1056 1456H1198L672 548V0H549V548L24 1456H170L611 662ZM732 1833H877L646 1554H541L732 1833Z" />
-<glyph unicode="&#xde;" horiz-adv-x="1214" d="M303 1456V1152H628Q771 1152 877 1101T1039 956T1096 738Q1096 553 974 441T641 324H303V0H183V1456H303ZM303 1051V425H627Q784 425 880 510T976 736T885 961T642 1051H303Z" />
-<glyph unicode="&#xdf;" horiz-adv-x="1200" d="M271 0H151V1127Q151 1327 246 1435T512 1544Q665 1544 760 1460T856 1237Q856 1179 843 1131T794 1019T746 913T733 824Q733 768 774 716T911 593T1051 454T1096 306Q1096 160 990 70T720 -20Q636 -20 545 4T414
-60L448 161Q485 132 562 106T706 80Q828 80 902 144T976 306Q976 367 932 423T797 547T659 681T613 826Q613 922 676 1034T739 1230Q739 1323 676 1382T522 1442Q275 1442 271 1136V0Z" />
-<glyph unicode="&#xe0;" horiz-adv-x="1097" d="M839 0Q821 51 816 151Q753 69 656 25T449 -20Q293 -20 197 67T100 287Q100 445 231 537T598 629H815V752Q815 868 744 934T535 1001Q410 1001 328 937T246 783L126 784Q126 913 246 1007T541 1102Q722 1102 826
-1012T934 759V247Q934 90 967 12V0H839ZM463 86Q583 86 677 144T815 299V537H601Q422 535 321 472T220 297Q220 206 287 146T463 86ZM653 1245H544L318 1524H462L653 1245Z" />
-<glyph unicode="&#xe1;" horiz-adv-x="1097" d="M839 0Q821 51 816 151Q753 69 656 25T449 -20Q293 -20 197 67T100 287Q100 445 231 537T598 629H815V752Q815 868 744 934T535 1001Q410 1001 328 937T246 783L126 784Q126 913 246 1007T541 1102Q722 1102 826
-1012T934 759V247Q934 90 967 12V0H839ZM463 86Q583 86 677 144T815 299V537H601Q422 535 321 472T220 297Q220 206 287 146T463 86ZM699 1524H844L613 1245H508L699 1524Z" />
-<glyph unicode="&#xe2;" horiz-adv-x="1097" d="M839 0Q821 51 816 151Q753 69 656 25T449 -20Q293 -20 197 67T100 287Q100 445 231 537T598 629H815V752Q815 868 744 934T535 1001Q410 1001 328 937T246 783L126 784Q126 913 246 1007T541 1102Q722 1102 826
-1012T934 759V247Q934 90 967 12V0H839ZM463 86Q583 86 677 144T815 299V537H601Q422 535 321 472T220 297Q220 206 287 146T463 86ZM858 1268V1258H747L579 1441L412 1258H303V1271L541 1526H617L858 1268Z" />
-<glyph unicode="&#xe3;" horiz-adv-x="1097" d="M839 0Q821 51 816 151Q753 69 656 25T449 -20Q293 -20 197 67T100 287Q100 445 231 537T598 629H815V752Q815 868 744 934T535 1001Q410 1001 328 937T246 783L126 784Q126 913 246 1007T541 1102Q722 1102 826
-1012T934 759V247Q934 90 967 12V0H839ZM463 86Q583 86 677 144T815 299V537H601Q422 535 321 472T220 297Q220 206 287 146T463 86ZM920 1494Q920 1398 864 1340T725 1281Q649 1281 577 1336T447 1391Q400 1391 369 1360T337 1273L247 1276Q247 1368 301 1428T442
-1488Q490 1488 524 1471T588 1433T648 1395T720 1378Q766 1378 798 1411T831 1500L920 1494Z" />
-<glyph unicode="&#xe4;" horiz-adv-x="1097" d="M839 0Q821 51 816 151Q753 69 656 25T449 -20Q293 -20 197 67T100 287Q100 445 231 537T598 629H815V752Q815 868 744 934T535 1001Q410 1001 328 937T246 783L126 784Q126 913 246 1007T541 1102Q722 1102 826
-1012T934 759V247Q934 90 967 12V0H839ZM463 86Q583 86 677 144T815 299V537H601Q422 535 321 472T220 297Q220 206 287 146T463 86ZM286 1396Q286 1430 307 1453T368 1477Q406 1477 428 1454T451 1396Q451 1363 429 1340T368 1317Q329 1317 308 1340T286 1396ZM723
-1395Q723 1429 745 1452T805 1476Q844 1476 866 1453T888 1395Q888 1362 866 1339T805 1316Q767 1316 745 1339T723 1395Z" />
-<glyph unicode="&#xe5;" horiz-adv-x="1097" d="M839 0Q821 51 816 151Q753 69 656 25T449 -20Q293 -20 197 67T100 287Q100 445 231 537T598 629H815V752Q815 868 744 934T535 1001Q410 1001 328 937T246 783L126 784Q126 913 246 1007T541 1102Q722 1102 826
-1012T934 759V247Q934 90 967 12V0H839ZM463 86Q583 86 677 144T815 299V537H601Q422 535 321 472T220 297Q220 206 287 146T463 86ZM387 1400Q387 1480 443 1535T580 1590Q659 1590 716 1535T773 1400Q773 1321 718 1267T580 1213T442 1267T387 1400ZM464 1400Q464
-1350 497 1317T580 1284Q629 1284 663 1316T697 1400Q697 1453 662 1486T580 1519Q531 1519 498 1485T464 1400Z" />
-<glyph unicode="&#xe6;" horiz-adv-x="1732" d="M1265 -20Q1126 -20 1027 34T867 186Q807 88 693 34T440 -20Q271 -20 178 64T85 293Q85 450 195 539T511 632H781V720Q781 852 718 926T528 1000Q398 1000 315 935T232 765L113 778Q113 922 229 1012T528 1102Q653
-1102 741 1049T870 889Q930 989 1024 1045T1235 1102Q1431 1102 1543 982T1658 644V538H901V509Q901 308 997 195T1265 81Q1450 81 1589 199L1636 112Q1491 -20 1265 -20ZM458 80Q549 80 642 126T781 236V536H525Q388 536 302 475T207 309L206 289Q206 192 271
-136T458 80ZM1235 1000Q1103 1000 1013 902T904 636H1539V667Q1539 821 1459 910T1235 1000Z" />
-<glyph unicode="&#xe7;" horiz-adv-x="1055" d="M556 81Q681 81 765 151T857 334H972Q967 235 910 154T759 26T556 -20Q343 -20 219 128T94 526V562Q94 722 150 845T310 1035T555 1102Q733 1102 848 996T972 717H857Q849 844 766 922T555 1000Q393 1000 304 883T214
-555V520Q214 313 303 197T556 81ZM589 -9L577 -73Q742 -94 742 -244Q742 -336 663 -390T448 -444L441 -366Q530 -366 586 -334T643 -246Q643 -188 600 -166T467 -136L496 -9H589Z" />
-<glyph unicode="&#xe8;" horiz-adv-x="1058" d="M575 -20Q437 -20 326 48T152 237T90 510V553Q90 709 150 834T319 1030T553 1102Q750 1102 865 968T981 600V533H209V510Q209 326 314 204T580 81Q676 81 749 116T883 228L958 171Q826 -20 575 -20ZM553 1000Q418
-1000 326 901T213 635H862V648Q857 804 773 902T553 1000ZM640 1245H531L305 1524H449L640 1245Z" />
-<glyph unicode="&#xe9;" horiz-adv-x="1058" d="M575 -20Q437 -20 326 48T152 237T90 510V553Q90 709 150 834T319 1030T553 1102Q750 1102 865 968T981 600V533H209V510Q209 326 314 204T580 81Q676 81 749 116T883 228L958 171Q826 -20 575 -20ZM553 1000Q418
-1000 326 901T213 635H862V648Q857 804 773 902T553 1000ZM686 1524H831L600 1245H495L686 1524Z" />
-<glyph unicode="&#xea;" horiz-adv-x="1058" d="M575 -20Q437 -20 326 48T152 237T90 510V553Q90 709 150 834T319 1030T553 1102Q750 1102 865 968T981 600V533H209V510Q209 326 314 204T580 81Q676 81 749 116T883 228L958 171Q826 -20 575 -20ZM553 1000Q418
-1000 326 901T213 635H862V648Q857 804 773 902T553 1000ZM845 1268V1258H734L566 1441L399 1258H290V1271L528 1526H604L845 1268Z" />
-<glyph unicode="&#xeb;" horiz-adv-x="1058" d="M575 -20Q437 -20 326 48T152 237T90 510V553Q90 709 150 834T319 1030T553 1102Q750 1102 865 968T981 600V533H209V510Q209 326 314 204T580 81Q676 81 749 116T883 228L958 171Q826 -20 575 -20ZM553 1000Q418
-1000 326 901T213 635H862V648Q857 804 773 902T553 1000ZM273 1396Q273 1430 294 1453T355 1477Q393 1477 415 1454T438 1396Q438 1363 416 1340T355 1317Q316 1317 295 1340T273 1396ZM710 1395Q710 1429 732 1452T792 1476Q831 1476 853 1453T875 1395Q875 1362
-853 1339T792 1316Q754 1316 732 1339T710 1395Z" />
-<glyph unicode="&#xec;" horiz-adv-x="456" d="M288 0H168V1082H288V0ZM305 1233H196L-30 1512H114L305 1233Z" />
-<glyph unicode="&#xed;" horiz-adv-x="456" d="M288 0H168V1082H288V0ZM350 1768H495L264 1489H159L350 1768Z" />
-<glyph unicode="&#xee;" horiz-adv-x="456" d="M288 0H168V1082H288V0ZM510 1256V1246H399L231 1429L64 1246H-45V1259L193 1514H269L510 1256Z" />
-<glyph unicode="&#xef;" horiz-adv-x="456" d="M288 0H168V1082H288V0ZM-62 1384Q-62 1418 -41 1441T20 1465Q58 1465 80 1442T103 1384Q103 1351 81 1328T20 1305Q-19 1305 -40 1328T-62 1384ZM375 1383Q375 1417 397 1440T457 1464Q496 1464 518 1441T540 1383Q540
-1350 518 1327T457 1304Q419 1304 397 1327T375 1383Z" />
-<glyph unicode="&#xf0;" horiz-adv-x="1191" d="M811 1303Q1049 1053 1055 645V535Q1055 376 999 249T842 51T615 -20Q485 -20 379 41T211 216T149 466Q149 695 268 830T587 965Q687 965 773 927T919 821Q877 1072 709 1240L484 1101L433 1174L639 1302Q502 1408
-296 1475L335 1578Q577 1506 744 1366L938 1487L989 1414L811 1303ZM935 625L933 682Q894 765 807 813T609 861Q448 861 359 756T269 466Q269 363 314 274T438 134T619 83Q760 83 847 207T935 543V625Z" />
-<glyph unicode="&#xf1;" horiz-adv-x="1125" d="M270 1082L274 897Q335 997 426 1049T627 1102Q801 1102 886 1004T972 710V0H853V711Q852 856 792 927T598 998Q487 998 402 929T275 741V0H156V1082H270ZM916 1493Q916 1397 860 1339T721 1280Q645 1280 573 1335T443
-1390Q396 1390 365 1359T333 1272L243 1275Q243 1367 297 1427T438 1487Q486 1487 520 1470T584 1432T644 1394T716 1377Q762 1377 794 1410T827 1499L916 1493Z" />
-<glyph unicode="&#xf2;" horiz-adv-x="1147" d="M90 557Q90 713 150 838T321 1032T572 1102Q788 1102 922 951T1056 549V524Q1056 367 996 242T825 48T574 -20Q359 -20 225 131T90 533V557ZM210 524Q210 330 310 206T574 81Q736 81 836 205T937 534V557Q937 681
-891 784T762 943T572 1000Q412 1000 311 875T210 546V524ZM645 1245H536L310 1524H454L645 1245Z" />
-<glyph unicode="&#xf3;" horiz-adv-x="1147" d="M90 557Q90 713 150 838T321 1032T572 1102Q788 1102 922 951T1056 549V524Q1056 367 996 242T825 48T574 -20Q359 -20 225 131T90 533V557ZM210 524Q210 330 310 206T574 81Q736 81 836 205T937 534V557Q937 681
-891 784T762 943T572 1000Q412 1000 311 875T210 546V524ZM691 1524H836L605 1245H500L691 1524Z" />
-<glyph unicode="&#xf4;" horiz-adv-x="1147" d="M90 557Q90 713 150 838T321 1032T572 1102Q788 1102 922 951T1056 549V524Q1056 367 996 242T825 48T574 -20Q359 -20 225 131T90 533V557ZM210 524Q210 330 310 206T574 81Q736 81 836 205T937 534V557Q937 681
-891 784T762 943T572 1000Q412 1000 311 875T210 546V524ZM850 1268V1258H739L571 1441L404 1258H295V1271L533 1526H609L850 1268Z" />
-<glyph unicode="&#xf5;" horiz-adv-x="1147" d="M90 557Q90 713 150 838T321 1032T572 1102Q788 1102 922 951T1056 549V524Q1056 367 996 242T825 48T574 -20Q359 -20 225 131T90 533V557ZM210 524Q210 330 310 206T574 81Q736 81 836 205T937 534V557Q937 681
-891 784T762 943T572 1000Q412 1000 311 875T210 546V524ZM912 1493Q912 1397 856 1339T717 1280Q641 1280 569 1335T439 1390Q392 1390 361 1359T329 1272L239 1275Q239 1367 293 1427T434 1487Q482 1487 516 1470T580 1432T640 1394T712 1377Q758 1377 790 1410T823
-1499L912 1493Z" />
-<glyph unicode="&#xf6;" horiz-adv-x="1147" d="M90 557Q90 713 150 838T321 1032T572 1102Q788 1102 922 951T1056 549V524Q1056 367 996 242T825 48T574 -20Q359 -20 225 131T90 533V557ZM210 524Q210 330 310 206T574 81Q736 81 836 205T937 534V557Q937 681
-891 784T762 943T572 1000Q412 1000 311 875T210 546V524ZM278 1396Q278 1430 299 1453T360 1477Q398 1477 420 1454T443 1396Q443 1363 421 1340T360 1317Q321 1317 300 1340T278 1396ZM715 1395Q715 1429 737 1452T797 1476Q836 1476 858 1453T880 1395Q880 1362
-858 1339T797 1316Q759 1316 737 1339T715 1395Z" />
-<glyph unicode="&#xf7;" horiz-adv-x="1164" d="M1070 644H72V760H1070V644ZM495 1088Q495 1123 517 1147T579 1171T642 1147T665 1088T642 1030T579 1006T517 1029T495 1088ZM495 291Q495 326 517 350T579 374T642 350T665 291T642 233T579 210T517 233T495 291Z" />
-<glyph unicode="&#xf8;" horiz-adv-x="1140" d="M89 557Q89 713 149 838T320 1032T571 1102Q685 1102 785 1054L863 1214H957L857 1010Q951 938 1003 821T1055 557V524Q1055 368 994 242T823 48T573 -20Q465 -20 373 21L294 -140H200L299 63Q199 134 144 253T89
-524V557ZM208 524Q208 414 243 319T348 163L737 957Q662 1000 571 1000Q410 1000 309 875T208 546V524ZM935 557Q935 660 902 751T806 905L419 115Q487 81 573 81Q734 81 834 205T935 534V557Z" />
-<glyph unicode="&#xf9;" horiz-adv-x="1125" d="M852 137Q744 -20 507 -20Q334 -20 244 80T152 378V1082H271V393Q271 84 521 84Q781 84 850 299V1082H970V0H854L852 137ZM647 1245H538L312 1524H456L647 1245Z" />
-<glyph unicode="&#xfa;" horiz-adv-x="1125" d="M852 137Q744 -20 507 -20Q334 -20 244 80T152 378V1082H271V393Q271 84 521 84Q781 84 850 299V1082H970V0H854L852 137ZM693 1524H838L607 1245H502L693 1524Z" />
-<glyph unicode="&#xfb;" horiz-adv-x="1125" d="M852 137Q744 -20 507 -20Q334 -20 244 80T152 378V1082H271V393Q271 84 521 84Q781 84 850 299V1082H970V0H854L852 137ZM852 1268V1258H741L573 1441L406 1258H297V1271L535 1526H611L852 1268Z" />
-<glyph unicode="&#xfc;" horiz-adv-x="1125" d="M852 137Q744 -20 507 -20Q334 -20 244 80T152 378V1082H271V393Q271 84 521 84Q781 84 850 299V1082H970V0H854L852 137ZM280 1396Q280 1430 301 1453T362 1477Q400 1477 422 1454T445 1396Q445 1363 423 1340T362
-1317Q323 1317 302 1340T280 1396ZM717 1395Q717 1429 739 1452T799 1476Q838 1476 860 1453T882 1395Q882 1362 860 1339T799 1316Q761 1316 739 1339T717 1395Z" />
-<glyph unicode="&#xfd;" horiz-adv-x="973" d="M499 172L815 1082H944L482 -184L458 -240Q369 -437 183 -437Q140 -437 91 -423L90 -324L152 -330Q240 -330 294 -287T387 -137L440 9L32 1082H163L499 172ZM633 1524H778L547 1245H442L633 1524Z" />
-<glyph unicode="&#xfe;" horiz-adv-x="1150" d="M1031 530Q1031 277 919 129T618 -20Q397 -20 279 136V-416H159V1536H279V932Q396 1102 616 1102Q808 1102 919 956T1031 548V530ZM911 551Q911 758 826 878T589 998Q479 998 400 945T279 791V270Q321 180 400 131T591
-81Q742 81 826 201T911 551Z" />
-<glyph unicode="&#xff;" horiz-adv-x="973" d="M499 172L815 1082H944L482 -184L458 -240Q369 -437 183 -437Q140 -437 91 -423L90 -324L152 -330Q240 -330 294 -287T387 -137L440 9L32 1082H163L499 172ZM220 1396Q220 1430 241 1453T302 1477Q340 1477 362 1454T385
-1396Q385 1363 363 1340T302 1317Q263 1317 242 1340T220 1396ZM657 1395Q657 1429 679 1452T739 1476Q778 1476 800 1453T822 1395Q822 1362 800 1339T739 1316Q701 1316 679 1339T657 1395Z" />
-<glyph unicode="&#x2013;" horiz-adv-x="1334" d="M1417 686H415V788H1417V686Z" />
-<glyph unicode="&#x2014;" horiz-adv-x="1580" d="M1462 686H126V788H1462V686Z" />
-<glyph unicode="&#x2018;" horiz-adv-x="364" d="M238 1554L310 1503Q220 1385 217 1249V1121H98V1233Q98 1325 135 1410T238 1554Z" />
-<glyph unicode="&#x2019;" horiz-adv-x="364" d="M133 1099L62 1151Q152 1272 155 1405V1536H273V1435Q273 1226 133 1099Z" />
-<glyph unicode="&#x201a;" horiz-adv-x="353" d="M112 -231L41 -179Q124 -68 132 51L133 205H252V104Q252 -104 112 -231Z" />
-<glyph unicode="&#x201c;" horiz-adv-x="612" d="M239 1554L311 1503Q221 1385 218 1249V1121H99V1233Q99 1325 136 1410T239 1554ZM490 1554L562 1503Q472 1385 469 1249V1121H350V1233Q350 1325 387 1410T490 1554Z" />
-<glyph unicode="&#x201d;" horiz-adv-x="617" d="M139 1099L68 1151Q158 1272 161 1405V1536H279V1435Q279 1226 139 1099ZM383 1099L312 1151Q402 1272 405 1405V1536H523V1435Q523 1226 383 1099Z" />
-<glyph unicode="&#x201e;" horiz-adv-x="593" d="M112 -240L41 -188Q130 -65 133 73V236H252V106Q252 -111 112 -240ZM346 -240L275 -188Q363 -66 366 73V236H486V106Q486 -111 346 -240Z" />
-<glyph unicode="&#x2022;" horiz-adv-x="662" d="M146 752Q146 831 197 881T331 931Q413 931 464 883T517 757V717Q517 636 466 588T332 540Q248 540 197 589T146 719V752Z" />
-<glyph unicode="&#x2039;" horiz-adv-x="609" d="M232 555L508 167H403L108 546V565L403 944H508L232 555Z" />
-<glyph unicode="&#x203a;" horiz-adv-x="609" d="M203 944L498 560V541L203 162H97L373 550L97 944H203Z" />
-</font>
-</defs>
-</svg>
diff --git a/documentation/fonts/roboto-v15-latin-300.ttf b/documentation/fonts/roboto-v15-latin-300.ttf
deleted file mode 100644
index 66bc5ab8..00000000
Binary files a/documentation/fonts/roboto-v15-latin-300.ttf and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-300.woff b/documentation/fonts/roboto-v15-latin-300.woff
deleted file mode 100644
index 7e6c479f..00000000
Binary files a/documentation/fonts/roboto-v15-latin-300.woff and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-300.woff2 b/documentation/fonts/roboto-v15-latin-300.woff2
deleted file mode 100644
index c34c1280..00000000
Binary files a/documentation/fonts/roboto-v15-latin-300.woff2 and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-700.eot b/documentation/fonts/roboto-v15-latin-700.eot
deleted file mode 100644
index f89cad7b..00000000
Binary files a/documentation/fonts/roboto-v15-latin-700.eot and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-700.svg b/documentation/fonts/roboto-v15-latin-700.svg
deleted file mode 100644
index fc8d42f9..00000000
--- a/documentation/fonts/roboto-v15-latin-700.svg
+++ /dev/null
@@ -1,310 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg">
-<defs >
-<font id="Roboto" horiz-adv-x="1186" ><font-face
-    font-family="Roboto"
-    units-per-em="2048"
-    panose-1="2 0 0 0 0 0 0 0 0 0"
-    ascent="1900"
-    descent="-500"
-    alphabetic="0" />
-<glyph unicode=" " horiz-adv-x="510" />
-<glyph unicode="!" horiz-adv-x="557" d="M405 447H165L131 1456H439L405 447ZM285 289Q358 289 402 246T447 136Q447 70 403 27T285 -16Q213 -16 169 27T124 136T168 245T285 289Z" />
-<glyph unicode="&quot;" horiz-adv-x="657" d="M266 1398L226 987H64V1536H266V1398ZM591 1398L552 987H390V1536H591V1398Z" />
-<glyph unicode="#" horiz-adv-x="1220" d="M667 410H474L402 0H219L291 410H64V582H321L371 866H139V1040H402L475 1456H657L584 1040H778L851 1456H1034L961 1040H1180V866H930L880 582H1104V410H850L778 0H595L667 410ZM504 582H697L747 866H553L504 582Z" />
-<glyph unicode="$" horiz-adv-x="1175" d="M790 383Q790 465 745 513T590 603T402 684T267 777T179 901T147 1070Q147 1239 255 1347T542 1473V1687H702V1470Q879 1445 979 1323T1079 1005H790Q790 1125 741 1184T608 1244Q526 1244 481 1198T436 1069Q436 993
-480 947T643 853T840 763T970 667T1051 545T1079 385Q1079 215 973 109T681 -16V-215H522V-17Q317 5 205 128T92 457H381Q381 338 437 275T600 211Q688 211 739 257T790 383Z" />
-<glyph unicode="%" horiz-adv-x="1512" d="M95 1176Q95 1310 182 1393T410 1477Q553 1477 640 1395T727 1171V1099Q727 964 640 882T412 800Q270 800 183 882T95 1105V1176ZM287 1099Q287 1039 321 1003T412 966T501 1003T534 1102V1176Q534 1236 501 1273T410
-1310Q355 1310 321 1274T287 1172V1099ZM791 357Q791 492 879 574T1107 657Q1249 657 1336 576T1424 351V279Q1424 145 1338 63T1109 -20Q965 -20 878 63T791 283V357ZM983 279Q983 224 1019 185T1109 146Q1231 146 1231 281V357Q1231 417 1197 453T1107 490T1017
-454T983 354V279ZM469 109L328 185L1039 1323L1180 1247L469 109Z" />
-<glyph unicode="&amp;" horiz-adv-x="1344" d="M71 392Q71 493 127 579T335 770Q270 857 233 933T196 1093Q196 1263 303 1369T593 1476Q756 1476 860 1379T965 1137Q965 963 789 830L677 749L928 457Q987 573 987 713H1233Q1233 429 1102 253L1320 0H992L917
-86Q756 -20 547 -20Q331 -20 201 93T71 392ZM561 212Q665 212 758 270L471 602L450 587Q361 511 361 408Q361 321 416 267T561 212ZM455 1097Q455 1022 543 908L620 959Q679 997 701 1033T724 1119T687 1206T592 1243Q530 1243 493 1203T455 1097Z" />
-<glyph unicode="&apos;" horiz-adv-x="331" d="M275 1389L246 985H63V1536H275V1389Z" />
-<glyph unicode="(" horiz-adv-x="719" d="M124 592Q124 821 185 1028T365 1394T623 1616L679 1460Q533 1352 451 1126T369 598V567Q369 264 450 37T679 -302L623 -455Q487 -394 370 -240T190 117T124 539V592Z" />
-<glyph unicode=")" horiz-adv-x="722" d="M609 569Q609 343 544 134T357 -235T96 -455L40 -302Q182 -195 264 28T349 541V594Q349 893 268 1121T40 1463L96 1616Q232 1557 352 1402T539 1041T609 614V569Z" />
-<glyph unicode="*" horiz-adv-x="928" d="M341 962L27 1051L86 1232L397 1107L377 1456H573L553 1100L856 1223L915 1040L595 951L805 685L646 572L464 864L284 582L125 690L341 962Z" />
-<glyph unicode="+" horiz-adv-x="1118" d="M694 815H1055V554H694V146H419V554H57V815H419V1206H694V815Z" />
-<glyph unicode="," horiz-adv-x="500" d="M186 -365L35 -286L71 -221Q138 -99 140 22V246H384L383 46Q382 -65 327 -178T186 -365Z" />
-<glyph unicode="-" horiz-adv-x="794" d="M673 507H110V740H673V507Z" />
-<glyph unicode="." horiz-adv-x="595" d="M126 142Q126 211 172 254T289 297Q360 297 406 254T453 142Q453 74 407 32T289 -11Q218 -11 172 31T126 142Z" />
-<glyph unicode="/" horiz-adv-x="765" d="M202 -125H-13L523 1456H738L202 -125Z" />
-<glyph unicode="0" horiz-adv-x="1175" d="M1079 602Q1079 300 954 140T588 -20Q350 -20 224 137T95 587V855Q95 1160 221 1318T586 1476T950 1320T1079 870V602ZM790 896Q790 1077 741 1159T586 1242Q484 1242 436 1164T384 918V564Q384 386 432 300T588 213Q694
-213 741 296T790 550V896Z" />
-<glyph unicode="1" horiz-adv-x="1175" d="M801 0H512V1114L167 1007V1242L770 1458H801V0Z" />
-<glyph unicode="2" horiz-adv-x="1175" d="M1097 0H99V198L570 700Q667 806 713 885T760 1035Q760 1132 711 1187T571 1243Q473 1243 417 1176T360 998H70Q70 1131 133 1241T313 1413T576 1476Q801 1476 925 1368T1050 1063Q1050 955 994 843T802 582L471 233H1097V0Z" />
-<glyph unicode="3" horiz-adv-x="1175" d="M393 856H547Q657 856 710 911T763 1057Q763 1145 711 1194T566 1243Q483 1243 427 1198T371 1079H82Q82 1193 143 1283T315 1425T559 1476Q790 1476 921 1366T1052 1061Q1052 961 991 877T831 748Q954 704 1014 616T1075
-408Q1075 214 934 97T559 -20Q341 -20 203 95T64 399H353Q353 317 414 265T566 213Q669 213 727 267T786 412Q786 630 546 630H393V856Z" />
-<glyph unicode="4" horiz-adv-x="1175" d="M954 548H1119V315H954V0H665V315H68L55 497L662 1456H954V548ZM343 548H665V1062L646 1029L343 548Z" />
-<glyph unicode="5" horiz-adv-x="1175" d="M142 716L226 1456H1042V1215H463L427 902Q530 957 646 957Q854 957 972 828T1090 467Q1090 326 1031 215T860 42T598 -20Q466 -20 353 33T175 184T105 405H391Q400 314 454 264T597 213Q695 213 748 283T801 483Q801
-607 740 673T567 739Q464 739 400 685L372 659L142 716Z" />
-<glyph unicode="6" horiz-adv-x="1175" d="M883 1471V1233H855Q659 1230 540 1131T396 856Q512 974 689 974Q879 974 991 838T1103 480Q1103 338 1042 223T868 44T613 -20Q383 -20 242 140T100 567V671Q100 908 189 1089T446 1370T835 1471H883ZM601 742Q531 742
-474 706T390 609V521Q390 376 447 295T607 213Q700 213 757 286T815 477Q815 596 757 669T601 742Z" />
-<glyph unicode="7" horiz-adv-x="1175" d="M1089 1294L526 0H221L785 1222H61V1456H1089V1294Z" />
-<glyph unicode="8" horiz-adv-x="1175" d="M1048 1069Q1048 963 995 881T849 750Q955 699 1017 610T1079 399Q1079 205 947 93T588 -20T228 93T95 399Q95 520 157 610T324 750Q231 799 179 881T126 1069Q126 1255 250 1365T587 1476Q799 1476 923 1367T1048 1069ZM789
-420Q789 515 734 572T586 629Q494 629 439 573T384 420Q384 327 438 270T588 213Q682 213 735 268T789 420ZM759 1055Q759 1140 714 1191T587 1243Q506 1243 461 1193T416 1055Q416 968 461 915T588 862T714 915T759 1055Z" />
-<glyph unicode="9" horiz-adv-x="1175" d="M775 582Q662 471 511 471Q318 471 202 603T86 961Q86 1104 148 1223T323 1409T575 1476Q719 1476 831 1404T1005 1197T1068 888V781Q1068 417 887 209T374 -13L303 -14V227L367 228Q744 245 775 582ZM582 692Q652 692
-702 728T779 815V934Q779 1081 723 1162T573 1243Q486 1243 430 1164T374 964Q374 845 428 769T582 692Z" />
-<glyph unicode=":" horiz-adv-x="578" d="M381 142Q381 211 427 254T544 297Q615 297 661 254T708 142Q708 74 662 32T544 -11Q473 -11 427 31T381 142ZM125 961Q125 1030 171 1073T288 1116Q359 1116 405 1073T452 961Q452 893 406 851T288 808Q217 808 171 850T125
-961Z" />
-<glyph unicode=";" horiz-adv-x="537" d="M108 961Q108 1030 154 1073T271 1116Q342 1116 388 1073T435 961Q435 893 389 851T271 808Q200 808 154 850T108 961ZM208 -365L57 -286L93 -221Q160 -99 162 22V246H406L405 46Q404 -65 349 -178T208 -365Z" />
-<glyph unicode="&lt;" horiz-adv-x="1042" d="M345 618L915 417V137L54 502V738L915 1103V823L345 618Z" />
-<glyph unicode="=" horiz-adv-x="1172" d="M1030 746H136V982H1030V746ZM1030 313H136V549H1030V313Z" />
-<glyph unicode="&gt;" horiz-adv-x="1058" d="M701 621L120 824V1102L991 737V502L120 136V415L701 621Z" />
-<glyph unicode="?" horiz-adv-x="1019" d="M347 447Q347 587 381 670T505 833T626 964T656 1071Q656 1240 500 1240Q426 1240 382 1195T335 1069H45Q47 1260 168 1368T500 1476Q712 1476 829 1374T946 1084Q946 999 908 924T775 756L694 679Q618 606 607 508L603
-447H347ZM318 140Q318 207 363 250T480 294T596 251T642 140Q642 74 598 31T480 -12T363 31T318 140Z" />
-<glyph unicode="@" horiz-adv-x="1833" d="M1749 536Q1738 280 1623 130T1312 -21Q1226 -21 1164 16T1069 122Q969 -18 808 -18Q662 -18 582 105T522 430Q540 595 605 723T771 921T987 990Q1130 990 1231 924L1294 881L1243 303Q1233 224 1260 182T1348 140Q1440
-140 1502 247T1570 529Q1587 878 1430 1065T963 1253Q770 1253 619 1155T381 877T283 463Q267 109 425 -84T898 -278Q981 -278 1072 -260T1229 -210L1267 -364Q1206 -404 1103 -428T894 -453Q630 -453 444 -347T167 -33T87 463Q99 739 213 958T523 1296T967 1416Q1218
-1416 1399 1309T1670 1001T1749 536ZM744 430Q733 298 767 230T877 161Q926 161 970 204T1043 328L1085 801Q1046 814 1005 814Q890 814 827 716T744 430Z" />
-<glyph unicode="A" horiz-adv-x="1378" d="M952 300H426L326 0H7L549 1456H827L1372 0H1053L952 300ZM507 543H871L688 1088L507 543Z" />
-<glyph unicode="B" horiz-adv-x="1307" d="M130 0V1456H640Q905 1456 1042 1355T1179 1057Q1179 950 1124 869T971 749Q1083 721 1147 636T1212 428Q1212 218 1078 110T696 0H130ZM430 634V241H687Q793 241 852 291T912 431Q912 631 705 634H430ZM430 846H652Q879
-850 879 1027Q879 1126 822 1169T640 1213H430V846Z" />
-<glyph unicode="C" horiz-adv-x="1340" d="M1273 485Q1256 250 1100 115T687 -20Q407 -20 247 168T86 686V775Q86 985 160 1145T371 1390T691 1476Q943 1476 1097 1341T1275 962H975Q964 1103 897 1166T691 1230Q541 1230 467 1123T390 789V679Q390 443 461 334T687
-225Q826 225 894 288T973 485H1273Z" />
-<glyph unicode="D" horiz-adv-x="1331" d="M130 0V1456H578Q770 1456 921 1370T1158 1124T1243 761V694Q1243 491 1160 333T924 88T581 0H130ZM430 1213V241H575Q751 241 844 356T939 685V762Q939 984 847 1098T578 1213H430Z" />
-<glyph unicode="E" horiz-adv-x="1152" d="M1006 631H430V241H1106V0H130V1456H1104V1213H430V866H1006V631Z" />
-<glyph unicode="F" horiz-adv-x="1122" d="M1006 595H430V0H130V1456H1078V1213H430V837H1006V595Z" />
-<glyph unicode="G" horiz-adv-x="1395" d="M1282 184Q1201 87 1053 34T725 -20Q536 -20 394 62T174 302T94 671V770Q94 988 167 1147T379 1391T704 1476Q963 1476 1109 1353T1282 993H990Q970 1118 902 1176T713 1234Q560 1234 480 1119T399 777V684Q399 455 486
-338T741 221Q910 221 982 293V544H709V765H1282V184Z" />
-<glyph unicode="H" horiz-adv-x="1447" d="M1315 0H1015V624H430V0H130V1456H430V866H1015V1456H1315V0Z" />
-<glyph unicode="I" horiz-adv-x="597" d="M449 0H149V1456H449V0Z" />
-<glyph unicode="J" horiz-adv-x="1144" d="M717 1456H1017V448Q1017 309 956 203T782 38T529 -20Q298 -20 169 97T40 430H342Q342 323 387 272T529 221Q615 221 666 280T717 448V1456Z" />
-<glyph unicode="K" horiz-adv-x="1300" d="M586 584L430 416V0H130V1456H430V796L562 977L933 1456H1302L785 809L1317 0H960L586 584Z" />
-<glyph unicode="L" horiz-adv-x="1109" d="M430 241H1067V0H130V1456H430V241Z" />
-<glyph unicode="M" horiz-adv-x="1794" d="M522 1456L896 400L1268 1456H1662V0H1361V398L1391 1085L998 0H792L400 1084L430 398V0H130V1456H522Z" />
-<glyph unicode="N" horiz-adv-x="1446" d="M1314 0H1014L430 958V0H130V1456H430L1015 496V1456H1314V0Z" />
-<glyph unicode="O" horiz-adv-x="1414" d="M1326 695Q1326 480 1250 318T1033 68T708 -20Q527 -20 385 67T165 315T86 687V759Q86 974 163 1137T382 1388T706 1476T1029 1389T1248 1138T1326 760V695ZM1022 761Q1022 990 940 1109T706 1228Q555 1228 473 1111T390
-766V695Q390 472 472 349T708 226Q859 226 940 344T1022 690V761Z" />
-<glyph unicode="P" horiz-adv-x="1321" d="M430 513V0H130V1456H698Q862 1456 986 1396T1178 1226T1245 974Q1245 760 1099 637T693 513H430ZM430 756H698Q817 756 879 812T942 972Q942 1079 879 1145T705 1213H430V756Z" />
-<glyph unicode="Q" horiz-adv-x="1414" d="M1324 695Q1324 491 1258 341T1075 99L1317 -91L1126 -260L816 -11Q763 -20 706 -20Q525 -20 383 67T163 315T84 687V759Q84 974 161 1137T380 1388T704 1476T1027 1389T1246 1138T1324 760V695ZM1020 761Q1020 990 938
-1109T704 1228Q553 1228 471 1111T388 766V695Q388 472 470 349T706 226Q857 226 938 344T1020 690V761Z" />
-<glyph unicode="R" horiz-adv-x="1307" d="M669 533H430V0H130V1456H671Q929 1456 1069 1341T1209 1016Q1209 867 1145 768T949 609L1264 14V0H942L669 533ZM430 776H672Q785 776 847 833T909 992Q909 1095 851 1154T671 1213H430V776Z" />
-<glyph unicode="S" horiz-adv-x="1259" d="M885 382Q885 467 825 512T609 608T362 708Q114 842 114 1069Q114 1187 180 1279T371 1424T651 1476Q807 1476 929 1420T1118 1260T1186 1026H886Q886 1126 823 1181T646 1237Q536 1237 475 1191T414 1068Q414 997 485
-949T696 859Q952 782 1069 668T1186 384Q1186 195 1043 88T658 -20Q490 -20 352 41T142 210T69 458H370Q370 217 658 217Q765 217 825 260T885 382Z" />
-<glyph unicode="T" horiz-adv-x="1267" d="M1226 1213H780V0H480V1213H40V1456H1226V1213Z" />
-<glyph unicode="U" horiz-adv-x="1348" d="M1232 1456V497Q1232 258 1083 119T674 -20Q419 -20 269 115T116 486V1456H416V495Q416 352 484 287T674 221Q927 221 931 487V1456H1232Z" />
-<glyph unicode="V" horiz-adv-x="1339" d="M668 361L998 1456H1332L825 0H512L7 1456H340L668 361Z" />
-<glyph unicode="W" horiz-adv-x="1791" d="M1264 420L1460 1456H1759L1436 0H1134L897 974L660 0H358L35 1456H334L531 422L771 1456H1025L1264 420Z" />
-<glyph unicode="X" horiz-adv-x="1301" d="M651 954L924 1456H1269L845 734L1280 0H931L651 510L371 0H22L457 734L33 1456H378L651 954Z" />
-<glyph unicode="Y" horiz-adv-x="1266" d="M632 800L935 1456H1263L785 528V0H480V528L2 1456H331L632 800Z" />
-<glyph unicode="Z" horiz-adv-x="1241" d="M448 241H1182V0H73V176L793 1213H74V1456H1166V1284L448 241Z" />
-<glyph unicode="[" horiz-adv-x="569" d="M552 1471H410V-116H552V-339H120V1694H552V1471Z" />
-<glyph unicode="\" horiz-adv-x="864" d="M0 1456H295L903 -125H607L0 1456Z" />
-<glyph unicode="]" horiz-adv-x="569" d="M13 1694H445V-339H13V-116H156V1471H13V1694Z" />
-<glyph unicode="^" horiz-adv-x="895" d="M448 1186L274 729H44L343 1456H553L852 729H623L448 1186Z" />
-<glyph unicode="_" horiz-adv-x="914" d="M912 -226H1V0H912V-226Z" />
-<glyph unicode="`" horiz-adv-x="677" d="M565 1226H328L52 1536H367L565 1226Z" />
-<glyph unicode="a" horiz-adv-x="1098" d="M738 0Q718 39 709 97Q604 -20 436 -20Q277 -20 173 72T68 304Q68 476 195 568T564 661H697V723Q697 798 659 843T537 888Q464 888 423 853T381 757H92Q92 851 150 931T314 1056T552 1102Q752 1102 869 1002T987 719V250Q988
-96 1030 17V0H738ZM499 201Q563 201 617 229T697 306V492H589Q372 492 358 342L357 325Q357 271 395 236T499 201Z" />
-<glyph unicode="b" horiz-adv-x="1153" d="M1086 531Q1086 271 975 126T665 -20Q489 -20 384 115L371 0H111V1536H400V985Q500 1102 663 1102Q861 1102 973 957T1086 547V531ZM797 552Q797 716 745 791T590 867Q452 867 400 754V327Q453 213 592 213Q732 213 776
-351Q797 417 797 552Z" />
-<glyph unicode="c" horiz-adv-x="1068" d="M561 213Q641 213 691 257T743 374H1014Q1013 264 954 173T793 31T566 -20Q334 -20 200 127T66 535V554Q66 804 199 953T564 1102Q767 1102 889 987T1014 679H743Q741 763 691 815T559 868Q458 868 407 795T355 556V526Q355
-359 406 286T561 213Z" />
-<glyph unicode="d" horiz-adv-x="1154" d="M66 549Q66 802 179 952T490 1102Q648 1102 751 984V1536H1041V0H780L766 115Q658 -20 488 -20Q297 -20 182 130T66 549ZM355 528Q355 376 408 295T562 214Q696 214 751 327V754Q697 867 564 867Q355 867 355 528Z" />
-<glyph unicode="e" horiz-adv-x="1107" d="M609 -20Q371 -20 222 126T72 515V543Q72 706 135 834T313 1032T577 1102Q799 1102 926 962T1054 565V447H365Q379 341 449 277T628 213Q795 213 889 334L1031 175Q966 83 855 32T609 -20ZM576 868Q490 868 437 810T368
-644H770V667Q768 763 718 815T576 868Z" />
-<glyph unicode="f" horiz-adv-x="734" d="M190 0V870H29V1082H190V1174Q190 1356 294 1456T587 1557Q647 1557 734 1537L731 1313Q695 1322 643 1322Q480 1322 480 1169V1082H695V870H480V0H190Z" />
-<glyph unicode="g" horiz-adv-x="1169" d="M69 549Q69 798 187 950T507 1102Q685 1102 784 980L796 1082H1058V36Q1058 -106 994 -211T812 -371T538 -426Q419 -426 306 -379T135 -256L263 -80Q371 -201 525 -201Q640 -201 704 -140T768 35V93Q668 -20 505 -20Q310
--20 190 132T69 537V549ZM358 528Q358 381 417 298T579 214Q711 214 768 313V768Q710 867 581 867Q477 867 418 782T358 528Z" />
-<glyph unicode="h" horiz-adv-x="1146" d="M393 964Q508 1102 682 1102Q1034 1102 1039 693V0H750V685Q750 778 710 822T577 867Q450 867 393 769V0H104V1536H393V964Z" />
-<glyph unicode="i" horiz-adv-x="543" d="M416 0H126V1082H416V0ZM109 1362Q109 1427 152 1469T271 1511Q345 1511 389 1469T433 1362Q433 1296 389 1254T271 1212T154 1254T109 1362Z" />
-<glyph unicode="j" horiz-adv-x="532" d="M417 1082V-59Q417 -238 322 -337T48 -437Q-27 -437 -95 -420V-191Q-43 -200 -4 -200Q127 -200 127 -61V1082H417ZM104 1362Q104 1427 147 1469T266 1511T384 1469T428 1362Q428 1296 384 1254T266 1212T149 1254T104 1362Z" />
-<glyph unicode="k" horiz-adv-x="1094" d="M504 434L400 330V0H111V1536H400V685L456 757L733 1082H1080L689 631L1114 0H782L504 434Z" />
-<glyph unicode="l" horiz-adv-x="543" d="M416 0H126V1536H416V0Z" />
-<glyph unicode="m" horiz-adv-x="1773" d="M382 1082L391 961Q506 1102 702 1102Q911 1102 989 937Q1103 1102 1314 1102Q1490 1102 1576 1000T1662 691V0H1372V690Q1372 782 1336 824T1209 867Q1079 867 1029 743L1030 0H741V689Q741 783 704 825T578 867Q455
-867 400 765V0H111V1082H382Z" />
-<glyph unicode="n" horiz-adv-x="1147" d="M377 1082L386 957Q502 1102 697 1102Q869 1102 953 1001T1039 699V0H750V692Q750 784 710 825T577 867Q455 867 394 763V0H105V1082H377Z" />
-<glyph unicode="o" horiz-adv-x="1158" d="M66 551Q66 712 128 838T306 1033T577 1102Q796 1102 934 968T1089 604L1091 530Q1091 281 952 131T579 -20T206 130T66 538V551ZM355 530Q355 376 413 295T579 213Q684 213 743 293T802 551Q802 702 743 785T577 868Q471
-868 413 786T355 530Z" />
-<glyph unicode="p" horiz-adv-x="1153" d="M1085 531Q1085 281 972 131T665 -20Q501 -20 400 94V-416H111V1082H379L389 976Q494 1102 663 1102Q863 1102 974 954T1085 546V531ZM796 552Q796 703 743 785T587 867Q451 867 400 763V320Q453 213 589 213Q796 213 796 552Z" />
-<glyph unicode="q" horiz-adv-x="1157" d="M66 551Q66 806 179 954T491 1102Q665 1102 768 969L787 1082H1041V-416H751V93Q651 -20 489 -20Q296 -20 181 130T66 551ZM355 530Q355 375 409 294T563 213Q696 213 751 319V766Q697 868 565 868Q465 868 410 787T355 530Z" />
-<glyph unicode="r" horiz-adv-x="747" d="M719 811Q660 819 615 819Q451 819 400 708V0H111V1082H384L392 953Q479 1102 633 1102Q681 1102 723 1089L719 811Z" />
-<glyph unicode="s" horiz-adv-x="1053" d="M697 299Q697 352 645 382T476 437Q90 518 90 765Q90 909 209 1005T522 1102Q728 1102 851 1005T975 753H686Q686 815 646 855T521 896Q448 896 408 863T368 779Q368 731 413 702T567 651T749 602Q978 518 978 311Q978
-163 851 72T523 -20Q387 -20 282 28T116 161T56 344H330Q334 267 387 226T529 185Q612 185 654 216T697 299Z" />
-<glyph unicode="t" horiz-adv-x="692" d="M457 1348V1082H642V870H457V330Q457 270 480 244T568 218Q616 218 653 225V6Q568 -20 478 -20Q174 -20 168 287V870H10V1082H168V1348H457Z" />
-<glyph unicode="u" horiz-adv-x="1146" d="M759 110Q652 -20 463 -20Q289 -20 198 80T104 373V1082H393V383Q393 214 547 214Q694 214 749 316V1082H1039V0H767L759 110Z" />
-<glyph unicode="v" horiz-adv-x="1035" d="M516 353L717 1082H1019L654 0H378L13 1082H315L516 353Z" />
-<glyph unicode="w" horiz-adv-x="1505" d="M1052 393L1194 1082H1473L1197 0H955L750 681L545 0H304L28 1082H307L448 394L646 1082H855L1052 393Z" />
-<glyph unicode="x" horiz-adv-x="1042" d="M523 759L705 1082H1014L706 552L1027 0H717L524 340L332 0H21L342 552L35 1082H345L523 759Z" />
-<glyph unicode="y" horiz-adv-x="1028" d="M515 409L715 1082H1025L590 -168L566 -225Q469 -437 246 -437Q183 -437 118 -418V-199L162 -200Q244 -200 284 -175T348 -92L382 -3L3 1082H314L515 409Z" />
-<glyph unicode="z" horiz-adv-x="1042" d="M443 233H972V0H74V176L583 848H89V1082H956V911L443 233Z" />
-<glyph unicode="{" horiz-adv-x="676" d="M586 -360Q226 -259 226 105V304Q226 515 48 515V722Q222 722 226 921V1133Q226 1318 316 1432T586 1597L642 1436Q566 1408 527 1339T486 1146V936Q486 710 307 619Q486 527 486 300V88Q491 -146 642 -198L586 -360Z" />
-<glyph unicode="|" horiz-adv-x="518" d="M348 -270H173V1456H348V-270Z" />
-<glyph unicode="}" horiz-adv-x="676" d="M34 -198Q186 -144 190 92V304Q190 530 373 618Q190 706 190 937V1146Q186 1379 34 1436L90 1597Q269 1547 359 1434T450 1136V921Q454 722 628 722V515Q450 515 450 306V89Q442 -261 90 -360L34 -198Z" />
-<glyph unicode="~" horiz-adv-x="1328" d="M1221 793Q1221 607 1128 491T888 375Q814 375 751 403T604 511T451 591Q393 591 357 541T321 413L106 415Q106 601 196 714T437 827Q515 827 579 797T724 690T873 612Q932 612 969 665T1007 794L1221 793Z" />
-<glyph unicode="&#xa0;" horiz-adv-x="510" />
-<glyph unicode="&#xa1;" horiz-adv-x="578" d="M170 639H411L444 -369H137L170 639ZM452 948Q452 881 406 838T290 795T174 838T128 948T172 1058T290 1101T407 1058T452 948Z" />
-<glyph unicode="&#xa2;" horiz-adv-x="1178" d="M594 213Q674 213 724 257T776 374H1048Q1046 229 950 124T698 -11V-245H498V-12Q311 18 205 162T99 532V554Q99 772 204 917T498 1094V1318H698V1093Q861 1064 953 953T1048 679H776Q774 765 724 816T593 868Q491
-868 440 794T388 559V526Q388 358 439 286T594 213Z" />
-<glyph unicode="&#xa3;" horiz-adv-x="1217" d="M564 576L570 437Q570 314 508 241H1161V0H102V241H194Q266 259 266 420L261 576H99V812H253L246 1039Q246 1241 369 1358T700 1475Q912 1475 1033 1363T1154 1058H867Q867 1143 824 1188T699 1233Q633 1233 590
-1184T546 1039L555 812H864V576H564Z" />
-<glyph unicode="&#xa4;" horiz-adv-x="1418" d="M1073 107Q914 -20 712 -20Q509 -20 351 106L222 -26L81 118L216 255Q116 411 116 608Q116 812 225 973L81 1120L222 1264L364 1119Q519 1234 712 1234Q906 1234 1061 1117L1205 1265L1347 1120L1199 969Q1306 810
-1306 608Q1306 415 1208 259L1347 118L1205 -27L1073 107ZM302 608Q302 490 356 389T505 229T712 170Q822 170 917 228T1067 388T1121 608Q1121 727 1067 827T918 986T712 1044Q600 1044 505 986T356 828T302 608Z" />
-<glyph unicode="&#xa5;" horiz-adv-x="1254" d="M626 850L903 1456H1232L857 742H1091V567H772V452H1091V278H772V0H472V278H136V452H472V567H136V742H396L20 1456H350L626 850Z" />
-<glyph unicode="&#xa6;" horiz-adv-x="516" d="M128 -270V525H388V-270H128ZM388 698H128V1456H388V698Z" />
-<glyph unicode="&#xa7;" horiz-adv-x="1287" d="M1180 481Q1180 299 1018 210Q1153 108 1153 -78Q1153 -253 1016 -352T636 -452Q379 -452 236 -345T92 -35L381 -34Q381 -123 445 -170T636 -218Q748 -218 806 -181T864 -80Q864 -15 800 26T553 117T278 223T140
-353T94 534Q94 714 256 807Q120 910 120 1095Q120 1266 260 1371T640 1476Q887 1476 1023 1363T1159 1049H870Q870 1136 809 1189T640 1243Q530 1243 470 1204T410 1097Q410 1024 465 987T706 901T988 797T1133 666T1180 481ZM458 704Q383 662 383 563Q383 494
-424 457T590 379L812 312Q894 359 894 452Q894 514 849 553T685 633L458 704Z" />
-<glyph unicode="&#xa8;" horiz-adv-x="956" d="M93 1365Q93 1419 131 1455T231 1492Q293 1492 331 1455T369 1365T331 1276T231 1239Q172 1239 133 1274T93 1365ZM580 1365Q580 1418 619 1455T718 1492Q776 1492 816 1456T857 1365Q857 1313 819 1276T718 1238T618
-1275T580 1365Z" />
-<glyph unicode="&#xa9;" horiz-adv-x="1606" d="M1117 596Q1117 444 1030 363T782 282T528 388T433 675V788Q433 962 528 1068T782 1175Q945 1175 1031 1093T1118 861H962Q962 957 916 998T782 1040Q690 1040 640 973T588 792V669Q588 552 639 485T782 417Q871
-417 916 457T961 596H1117ZM1383 729Q1383 895 1308 1037T1096 1265T796 1351Q637 1351 501 1269T286 1043T208 729T285 415T499 188T796 104T1093 189T1307 418T1383 729ZM86 729Q86 931 179 1104T438 1376T796 1476T1153 1377T1412 1104T1506 729Q1506 525 1411
-352T1152 79T796 -20Q603 -20 439 80T180 353T86 729Z" />
-<glyph unicode="&#xaa;" horiz-adv-x="909" d="M604 705Q594 732 587 773Q510 691 386 691Q268 691 203 752T137 919Q137 1029 221 1089T478 1150H580V1201Q580 1328 464 1328Q399 1328 363 1303T326 1229L153 1243Q153 1347 240 1411T464 1476Q599 1476 677 1404T755
-1199V883Q755 786 781 705H604ZM429 835Q469 835 511 853T580 897V1033H474Q398 1032 355 1002T312 923Q312 835 429 835Z" />
-<glyph unicode="&#xab;" horiz-adv-x="1023" d="M559 524L799 125H613L333 515V534L613 924H799L559 524ZM688 524L928 125H742L462 515V534L742 924H928L688 524Z" />
-<glyph unicode="&#xac;" horiz-adv-x="1129" d="M961 374H761V634H126V805H961V374Z" />
-<glyph unicode="&#xad;" horiz-adv-x="794" d="M673 507H110V740H673V507Z" />
-<glyph unicode="&#xae;" horiz-adv-x="1606" d="M86 729Q86 931 179 1104T438 1376T796 1476T1153 1377T1412 1104T1506 729Q1506 525 1411 352T1152 79T796 -20Q603 -20 439 80T180 353T86 729ZM1383 729Q1383 895 1308 1037T1096 1265T796 1351Q637 1351 501
-1269T286 1043T208 729T285 415T499 188T796 104T1093 189T1307 418T1383 729ZM652 653V316H501V1166H782Q933 1166 1020 1098T1107 903Q1107 791 994 729Q1055 698 1079 643T1104 505T1107 389T1121 332V316H966Q953 350 953 510Q953 586 920 619T810 653H652ZM652
-787H788Q862 787 909 819T957 903Q957 973 922 1002T793 1033H652V787Z" />
-<glyph unicode="&#xaf;" horiz-adv-x="1026" d="M878 1290H148V1457H878V1290Z" />
-<glyph unicode="&#xb0;" horiz-adv-x="795" d="M126 1200Q126 1314 207 1395T398 1476Q507 1476 586 1396T666 1200T587 1007T398 928Q290 928 208 1006T126 1200ZM398 1076Q451 1076 485 1111T520 1200Q520 1252 486 1290T398 1328T309 1290T273 1200T309 1112T398
-1076Z" />
-<glyph unicode="&#xb1;" horiz-adv-x="1100" d="M677 942H1005V701H677V337H424V701H89V942H424V1285H677V942ZM977 1H113V236H977V1Z" />
-<glyph unicode="&#xb2;" horiz-adv-x="763" d="M693 667H73V805L360 1062Q416 1111 440 1153T465 1218Q465 1302 370 1302Q320 1302 291 1271T261 1193H55Q55 1309 140 1388T361 1467Q509 1467 589 1403T670 1219Q670 1149 634 1091T490 946L342 831H693V667Z" />
-<glyph unicode="&#xb3;" horiz-adv-x="763" d="M273 1136H355Q474 1136 474 1224Q474 1259 446 1280T368 1301Q326 1301 297 1286T267 1241H62Q62 1343 146 1404T362 1466Q507 1466 592 1407T678 1240Q678 1121 543 1071Q693 1030 693 887Q693 782 602 719T362
-655Q220 655 134 721T48 902H254Q254 868 288 844T374 819Q434 819 460 845T487 907Q487 999 365 1000H273V1136Z" />
-<glyph unicode="&#xb4;" horiz-adv-x="679" d="M298 1536H613L336 1226H101L298 1536Z" />
-<glyph unicode="&#xb5;" horiz-adv-x="1261" d="M428 1082V459Q428 333 468 274T608 214Q757 214 813 319V1082H1102V0H833L827 68Q738 -21 602 -21Q500 -21 428 24V-416H139V1082H428Z" />
-<glyph unicode="&#xb6;" horiz-adv-x="1003" d="M650 0V520H570Q340 520 208 647T75 988Q75 1201 208 1328T571 1456H869V0H650Z" />
-<glyph unicode="&#xb7;" horiz-adv-x="617" d="M140 697Q140 766 186 809T303 852T420 809T467 697T420 586T303 543Q231 543 186 586T140 697Z" />
-<glyph unicode="&#xb8;" horiz-adv-x="548" d="M345 7L334 -51Q484 -78 484 -224Q484 -334 393 -398T135 -462L128 -295Q240 -295 240 -214Q240 -172 207 -157T98 -136L129 7H345Z" />
-<glyph unicode="&#xb9;" horiz-adv-x="763" d="M528 669H324V1217L135 1176V1334L509 1455H528V669Z" />
-<glyph unicode="&#xba;" horiz-adv-x="936" d="M118 1121Q118 1281 213 1378T464 1476T715 1379T811 1116V1044Q811 885 717 788T466 690Q308 690 213 788T118 1049V1121ZM293 1044Q293 946 339 891T466 836Q544 836 589 890T636 1041V1121Q636 1218 590 1273T464
-1328Q386 1328 340 1274T293 1117V1044Z" />
-<glyph unicode="&#xbb;" horiz-adv-x="1023" d="M272 923L552 533V514L272 124H85L325 523L85 923H272ZM665 923L945 533V514L665 124H478L718 523L478 923H665Z" />
-<glyph unicode="&#xbc;" horiz-adv-x="1470" d="M494 664H290V1212L101 1171V1329L475 1450H494V664ZM458 117L317 193L1028 1331L1169 1255L458 117ZM1302 326H1390V159H1302V0H1097V159H751L739 294L1096 789H1302V326ZM935 326H1097V538L1083 516L935 326Z" />
-<glyph unicode="&#xbd;" horiz-adv-x="1559" d="M416 117L275 193L986 1331L1127 1255L416 117ZM477 670H273V1218L84 1177V1335L458 1456H477V670ZM1477 0H857V138L1144 395Q1200 444 1224 486T1249 551Q1249 635 1154 635Q1104 635 1075 604T1045 526H839Q839
-642 924 721T1145 800Q1293 800 1373 736T1454 552Q1454 482 1418 424T1274 279L1126 164H1477V0Z" />
-<glyph unicode="&#xbe;" horiz-adv-x="1655" d="M619 117L478 193L1189 1331L1330 1255L619 117ZM1460 326H1548V159H1460V0H1255V159H909L897 294L1254 789H1460V326ZM1093 326H1255V538L1241 516L1093 326ZM319 1137H401Q520 1137 520 1225Q520 1260 492 1281T414
-1302Q372 1302 343 1287T313 1242H108Q108 1344 192 1405T408 1467Q553 1467 638 1408T724 1241Q724 1122 589 1072Q739 1031 739 888Q739 783 648 720T408 656Q266 656 180 722T94 903H300Q300 869 334 845T420 820Q480 820 506 846T533 908Q533 1000 411 1001H319V1137Z"
-/>
-<glyph unicode="&#xbf;" horiz-adv-x="1019" d="M666 643Q666 510 635 428T525 272T417 162T374 89T359 8Q359 -149 513 -149Q590 -149 635 -104T683 22H972Q970 -170 849 -277T518 -385Q305 -385 187 -284T69 6Q69 165 222 318L319 411Q369 456 388 505T410 643H666ZM702
-949Q702 882 656 839T540 796T424 839T378 949T422 1059T540 1102T657 1059T702 949Z" />
-<glyph unicode="&#xc0;" horiz-adv-x="1378" d="M952 300H426L326 0H7L549 1456H827L1372 0H1053L952 300ZM507 543H871L688 1088L507 543ZM836 1536H599L323 1846H638L836 1536Z" />
-<glyph unicode="&#xc1;" horiz-adv-x="1378" d="M952 300H426L326 0H7L549 1456H827L1372 0H1053L952 300ZM507 543H871L688 1088L507 543ZM750 1846H1065L788 1536H553L750 1846Z" />
-<glyph unicode="&#xc2;" horiz-adv-x="1378" d="M952 300H426L326 0H7L549 1456H827L1372 0H1053L952 300ZM507 543H871L688 1088L507 543ZM1076 1566V1554H846L692 1699L538 1554H312V1570L608 1846H776L1076 1566Z" />
-<glyph unicode="&#xc3;" horiz-adv-x="1378" d="M952 300H426L326 0H7L549 1456H827L1372 0H1053L952 300ZM507 543H871L688 1088L507 543ZM1068 1832Q1068 1719 1002 1643T841 1566Q803 1566 774 1574T692 1611T617 1645T567 1652Q532 1652 508 1627T483 1556L315
-1566Q315 1677 380 1755T541 1833Q571 1833 597 1826T684 1789T767 1754T815 1748Q850 1748 875 1772T901 1843L1068 1832Z" />
-<glyph unicode="&#xc4;" horiz-adv-x="1378" d="M952 300H426L326 0H7L549 1456H827L1372 0H1053L952 300ZM507 543H871L688 1088L507 543ZM309 1675Q309 1729 347 1765T447 1802Q509 1802 547 1765T585 1675T547 1586T447 1549Q388 1549 349 1584T309 1675ZM796
-1675Q796 1728 835 1765T934 1802Q992 1802 1032 1766T1073 1675Q1073 1623 1035 1586T934 1548T834 1585T796 1675Z" />
-<glyph unicode="&#xc5;" horiz-adv-x="1378" d="M952 300H426L326 0H7L549 1456H827L1372 0H1053L952 300ZM507 543H871L688 1088L507 543ZM470 1730Q470 1816 535 1875T693 1935Q785 1935 850 1877T916 1730Q916 1645 852 1587T693 1529Q596 1529 533 1588T470
-1730ZM585 1730Q585 1686 614 1655T693 1623T772 1654T801 1730Q801 1776 772 1807T693 1839T615 1808T585 1730Z" />
-<glyph unicode="&#xc6;" horiz-adv-x="1925" d="M1865 0H968L954 333H508L341 0H2L788 1456H1804V1220H1206L1221 865H1723V629H1231L1247 235H1865V0ZM633 580H944L920 1150L633 580Z" />
-<glyph unicode="&#xc7;" horiz-adv-x="1340" d="M1273 485Q1256 250 1100 115T687 -20Q407 -20 247 168T86 686V775Q86 985 160 1145T371 1390T691 1476Q943 1476 1097 1341T1275 962H975Q964 1103 897 1166T691 1230Q541 1230 467 1123T390 789V679Q390 443 461
-334T687 225Q826 225 894 288T973 485H1273ZM797 6L786 -52Q936 -79 936 -225Q936 -335 845 -399T587 -463L580 -296Q692 -296 692 -215Q692 -173 659 -158T550 -137L581 6H797Z" />
-<glyph unicode="&#xc8;" horiz-adv-x="1152" d="M1006 631H430V241H1106V0H130V1456H1104V1213H430V866H1006V631ZM779 1539H542L266 1849H581L779 1539Z" />
-<glyph unicode="&#xc9;" horiz-adv-x="1152" d="M1006 631H430V241H1106V0H130V1456H1104V1213H430V866H1006V631ZM693 1849H1008L731 1539H496L693 1849Z" />
-<glyph unicode="&#xca;" horiz-adv-x="1152" d="M1006 631H430V241H1106V0H130V1456H1104V1213H430V866H1006V631ZM1019 1569V1557H789L635 1702L481 1557H255V1573L551 1849H719L1019 1569Z" />
-<glyph unicode="&#xcb;" horiz-adv-x="1152" d="M1006 631H430V241H1106V0H130V1456H1104V1213H430V866H1006V631ZM252 1678Q252 1732 290 1768T390 1805Q452 1805 490 1768T528 1678T490 1589T390 1552Q331 1552 292 1587T252 1678ZM739 1678Q739 1731 778 1768T877
-1805Q935 1805 975 1769T1016 1678Q1016 1626 978 1589T877 1551T777 1588T739 1678Z" />
-<glyph unicode="&#xcc;" horiz-adv-x="597" d="M449 0H149V1456H449V0ZM443 1539H206L-70 1849H245L443 1539Z" />
-<glyph unicode="&#xcd;" horiz-adv-x="597" d="M449 0H149V1456H449V0ZM356 1849H671L394 1539H159L356 1849Z" />
-<glyph unicode="&#xce;" horiz-adv-x="597" d="M449 0H149V1456H449V0ZM683 1569V1557H453L299 1702L145 1557H-81V1573L215 1849H383L683 1569Z" />
-<glyph unicode="&#xcf;" horiz-adv-x="597" d="M449 0H149V1456H449V0ZM-84 1678Q-84 1732 -46 1768T54 1805Q116 1805 154 1768T192 1678T154 1589T54 1552Q-5 1552 -44 1587T-84 1678ZM403 1678Q403 1731 442 1768T541 1805Q599 1805 639 1769T680 1678Q680
-1626 642 1589T541 1551T441 1588T403 1678Z" />
-<glyph unicode="&#xd0;" horiz-adv-x="1361" d="M160 0V642H-20V825H160V1456H608Q800 1456 951 1370T1188 1124T1273 761V694Q1273 491 1190 333T954 88T611 0H160ZM679 642H460V241H605Q783 241 876 358T969 694V762Q969 984 877 1098T608 1213H460V825H679V642Z" />
-<glyph unicode="&#xd1;" horiz-adv-x="1446" d="M1314 0H1014L430 958V0H130V1456H430L1015 496V1456H1314V0ZM1102 1832Q1102 1719 1036 1643T875 1566Q837 1566 808 1574T726 1611T651 1645T601 1652Q566 1652 542 1627T517 1556L349 1566Q349 1677 414 1755T575
-1833Q605 1833 631 1826T718 1789T801 1754T849 1748Q884 1748 909 1772T935 1843L1102 1832Z" />
-<glyph unicode="&#xd2;" horiz-adv-x="1414" d="M1326 695Q1326 480 1250 318T1033 68T708 -20Q527 -20 385 67T165 315T86 687V759Q86 974 163 1137T382 1388T706 1476T1029 1389T1248 1138T1326 760V695ZM1022 761Q1022 990 940 1109T706 1228Q555 1228 473
-1111T390 766V695Q390 472 472 349T708 226Q859 226 940 344T1022 690V761ZM850 1536H613L337 1846H652L850 1536Z" />
-<glyph unicode="&#xd3;" horiz-adv-x="1414" d="M1326 695Q1326 480 1250 318T1033 68T708 -20Q527 -20 385 67T165 315T86 687V759Q86 974 163 1137T382 1388T706 1476T1029 1389T1248 1138T1326 760V695ZM1022 761Q1022 990 940 1109T706 1228Q555 1228 473
-1111T390 766V695Q390 472 472 349T708 226Q859 226 940 344T1022 690V761ZM764 1846H1079L802 1536H567L764 1846Z" />
-<glyph unicode="&#xd4;" horiz-adv-x="1414" d="M1326 695Q1326 480 1250 318T1033 68T708 -20Q527 -20 385 67T165 315T86 687V759Q86 974 163 1137T382 1388T706 1476T1029 1389T1248 1138T1326 760V695ZM1022 761Q1022 990 940 1109T706 1228Q555 1228 473
-1111T390 766V695Q390 472 472 349T708 226Q859 226 940 344T1022 690V761ZM1090 1566V1554H860L706 1699L552 1554H326V1570L622 1846H790L1090 1566Z" />
-<glyph unicode="&#xd5;" horiz-adv-x="1414" d="M1326 695Q1326 480 1250 318T1033 68T708 -20Q527 -20 385 67T165 315T86 687V759Q86 974 163 1137T382 1388T706 1476T1029 1389T1248 1138T1326 760V695ZM1022 761Q1022 990 940 1109T706 1228Q555 1228 473
-1111T390 766V695Q390 472 472 349T708 226Q859 226 940 344T1022 690V761ZM1082 1832Q1082 1719 1016 1643T855 1566Q817 1566 788 1574T706 1611T631 1645T581 1652Q546 1652 522 1627T497 1556L329 1566Q329 1677 394 1755T555 1833Q585 1833 611 1826T698 1789T781
-1754T829 1748Q864 1748 889 1772T915 1843L1082 1832Z" />
-<glyph unicode="&#xd6;" horiz-adv-x="1414" d="M1326 695Q1326 480 1250 318T1033 68T708 -20Q527 -20 385 67T165 315T86 687V759Q86 974 163 1137T382 1388T706 1476T1029 1389T1248 1138T1326 760V695ZM1022 761Q1022 990 940 1109T706 1228Q555 1228 473
-1111T390 766V695Q390 472 472 349T708 226Q859 226 940 344T1022 690V761ZM323 1675Q323 1729 361 1765T461 1802Q523 1802 561 1765T599 1675T561 1586T461 1549Q402 1549 363 1584T323 1675ZM810 1675Q810 1728 849 1765T948 1802Q1006 1802 1046 1766T1087
-1675Q1087 1623 1049 1586T948 1548T848 1585T810 1675Z" />
-<glyph unicode="&#xd7;" horiz-adv-x="1088" d="M65 373L372 686L65 999L235 1167L539 856L844 1167L1014 999L707 686L1014 373L844 205L539 515L235 205L65 373Z" />
-<glyph unicode="&#xd8;" horiz-adv-x="1411" d="M1333 695Q1333 480 1257 318T1040 68T715 -20Q551 -20 420 50L335 -95H147L290 147Q93 342 93 702V759Q93 974 170 1137T389 1388T713 1476Q888 1476 1027 1394L1101 1518H1288L1154 1291Q1333 1093 1333 754V695ZM397
-695Q397 523 446 410L893 1167Q820 1228 713 1228Q562 1228 480 1111T397 766V695ZM1030 761Q1030 912 992 1017L552 273Q622 226 715 226Q866 226 947 344T1030 690V761Z" />
-<glyph unicode="&#xd9;" horiz-adv-x="1348" d="M1232 1456V497Q1232 258 1083 119T674 -20Q419 -20 269 115T116 486V1456H416V495Q416 352 484 287T674 221Q927 221 931 487V1456H1232ZM814 1536H577L301 1846H616L814 1536Z" />
-<glyph unicode="&#xda;" horiz-adv-x="1348" d="M1232 1456V497Q1232 258 1083 119T674 -20Q419 -20 269 115T116 486V1456H416V495Q416 352 484 287T674 221Q927 221 931 487V1456H1232ZM728 1846H1043L766 1536H531L728 1846Z" />
-<glyph unicode="&#xdb;" horiz-adv-x="1348" d="M1232 1456V497Q1232 258 1083 119T674 -20Q419 -20 269 115T116 486V1456H416V495Q416 352 484 287T674 221Q927 221 931 487V1456H1232ZM1054 1566V1554H824L670 1699L516 1554H290V1570L586 1846H754L1054 1566Z" />
-<glyph unicode="&#xdc;" horiz-adv-x="1348" d="M1232 1456V497Q1232 258 1083 119T674 -20Q419 -20 269 115T116 486V1456H416V495Q416 352 484 287T674 221Q927 221 931 487V1456H1232ZM287 1675Q287 1729 325 1765T425 1802Q487 1802 525 1765T563 1675T525
-1586T425 1549Q366 1549 327 1584T287 1675ZM774 1675Q774 1728 813 1765T912 1802Q970 1802 1010 1766T1051 1675Q1051 1623 1013 1586T912 1548T812 1585T774 1675Z" />
-<glyph unicode="&#xdd;" horiz-adv-x="1266" d="M632 800L935 1456H1263L785 528V0H480V528L2 1456H331L632 800ZM693 1846H1008L731 1536H496L693 1846Z" />
-<glyph unicode="&#xde;" horiz-adv-x="1246" d="M422 1456V1189H652Q814 1188 933 1133T1117 975T1181 738Q1181 536 1043 414T664 287H422V0H133V1456H422ZM422 956V520H645Q762 520 827 579T892 736T829 894T653 956H422Z" />
-<glyph unicode="&#xdf;" horiz-adv-x="1292" d="M424 0H135V1101Q135 1321 259 1440T609 1559Q800 1559 915 1460T1031 1189Q1031 1081 978 994T924 830Q924 793 954 754T1073 636Q1224 502 1224 354Q1224 177 1109 79T779 -20Q698 -20 619 -4T500 36L554 265Q652
-213 773 213Q852 213 894 249T936 349Q936 395 902 438T785 548Q635 668 635 818Q635 914 690 1004T745 1174Q745 1244 701 1285T588 1327Q429 1327 424 1114V0Z" />
-<glyph unicode="&#xe0;" horiz-adv-x="1098" d="M738 0Q718 39 709 97Q604 -20 436 -20Q277 -20 173 72T68 304Q68 476 195 568T564 661H697V723Q697 798 659 843T537 888Q464 888 423 853T381 757H92Q92 851 150 931T314 1056T552 1102Q752 1102 869 1002T987
-719V250Q988 96 1030 17V0H738ZM499 201Q563 201 617 229T697 306V492H589Q372 492 358 342L357 325Q357 271 395 236T499 201ZM695 1226H458L182 1536H497L695 1226Z" />
-<glyph unicode="&#xe1;" horiz-adv-x="1098" d="M738 0Q718 39 709 97Q604 -20 436 -20Q277 -20 173 72T68 304Q68 476 195 568T564 661H697V723Q697 798 659 843T537 888Q464 888 423 853T381 757H92Q92 851 150 931T314 1056T552 1102Q752 1102 869 1002T987
-719V250Q988 96 1030 17V0H738ZM499 201Q563 201 617 229T697 306V492H589Q372 492 358 342L357 325Q357 271 395 236T499 201ZM609 1536H924L647 1226H412L609 1536Z" />
-<glyph unicode="&#xe2;" horiz-adv-x="1098" d="M738 0Q718 39 709 97Q604 -20 436 -20Q277 -20 173 72T68 304Q68 476 195 568T564 661H697V723Q697 798 659 843T537 888Q464 888 423 853T381 757H92Q92 851 150 931T314 1056T552 1102Q752 1102 869 1002T987
-719V250Q988 96 1030 17V0H738ZM499 201Q563 201 617 229T697 306V492H589Q372 492 358 342L357 325Q357 271 395 236T499 201ZM935 1256V1244H705L551 1389L397 1244H171V1260L467 1536H635L935 1256Z" />
-<glyph unicode="&#xe3;" horiz-adv-x="1098" d="M738 0Q718 39 709 97Q604 -20 436 -20Q277 -20 173 72T68 304Q68 476 195 568T564 661H697V723Q697 798 659 843T537 888Q464 888 423 853T381 757H92Q92 851 150 931T314 1056T552 1102Q752 1102 869 1002T987
-719V250Q988 96 1030 17V0H738ZM499 201Q563 201 617 229T697 306V492H589Q372 492 358 342L357 325Q357 271 395 236T499 201ZM927 1779Q927 1666 861 1590T700 1513Q662 1513 633 1521T551 1558T476 1592T426 1599Q391 1599 367 1574T342 1503L174 1513Q174 1624
-239 1702T400 1780Q430 1780 456 1773T543 1736T626 1701T674 1695Q709 1695 734 1719T760 1790L927 1779Z" />
-<glyph unicode="&#xe4;" horiz-adv-x="1098" d="M738 0Q718 39 709 97Q604 -20 436 -20Q277 -20 173 72T68 304Q68 476 195 568T564 661H697V723Q697 798 659 843T537 888Q464 888 423 853T381 757H92Q92 851 150 931T314 1056T552 1102Q752 1102 869 1002T987
-719V250Q988 96 1030 17V0H738ZM499 201Q563 201 617 229T697 306V492H589Q372 492 358 342L357 325Q357 271 395 236T499 201ZM168 1365Q168 1419 206 1455T306 1492Q368 1492 406 1455T444 1365T406 1276T306 1239Q247 1239 208 1274T168 1365ZM655 1365Q655
-1418 694 1455T793 1492Q851 1492 891 1456T932 1365Q932 1313 894 1276T793 1238T693 1275T655 1365Z" />
-<glyph unicode="&#xe5;" horiz-adv-x="1098" d="M738 0Q718 39 709 97Q604 -20 436 -20Q277 -20 173 72T68 304Q68 476 195 568T564 661H697V723Q697 798 659 843T537 888Q464 888 423 853T381 757H92Q92 851 150 931T314 1056T552 1102Q752 1102 869 1002T987
-719V250Q988 96 1030 17V0H738ZM499 201Q563 201 617 229T697 306V492H589Q372 492 358 342L357 325Q357 271 395 236T499 201ZM329 1420Q329 1506 394 1565T552 1625Q644 1625 709 1567T775 1420Q775 1335 711 1277T552 1219Q455 1219 392 1278T329 1420ZM444
-1420Q444 1376 473 1345T552 1313T631 1344T660 1420Q660 1466 631 1497T552 1529T474 1498T444 1420Z" />
-<glyph unicode="&#xe6;" horiz-adv-x="1729" d="M1246 -20Q999 -20 860 127Q796 58 694 19T466 -20Q280 -20 173 69T66 319Q66 476 190 562T557 649H725V706Q725 782 685 825T567 868Q485 868 438 833T390 745L101 764Q101 913 231 1007T570 1102Q781 1102 897
-992Q1023 1104 1223 1102Q1435 1102 1556 971T1677 607V450H1009Q1020 334 1089 273T1276 212Q1353 212 1418 228T1571 289L1648 100Q1575 44 1468 12T1246 -20ZM521 192Q570 192 628 214T725 272V461H561Q466 460 411 418T355 315Q355 259 395 226T521 192ZM1223
-868Q1133 868 1079 811T1011 644H1393V672Q1393 766 1350 817T1223 868Z" />
-<glyph unicode="&#xe7;" horiz-adv-x="1068" d="M561 213Q641 213 691 257T743 374H1014Q1013 264 954 173T793 31T566 -20Q334 -20 200 127T66 535V554Q66 804 199 953T564 1102Q767 1102 889 987T1014 679H743Q741 763 691 815T559 868Q458 868 407 795T355
-556V526Q355 359 406 286T561 213ZM666 6L655 -52Q805 -79 805 -225Q805 -335 714 -399T456 -463L449 -296Q561 -296 561 -215Q561 -173 528 -158T419 -137L450 6H666Z" />
-<glyph unicode="&#xe8;" horiz-adv-x="1107" d="M609 -20Q371 -20 222 126T72 515V543Q72 706 135 834T313 1032T577 1102Q799 1102 926 962T1054 565V447H365Q379 341 449 277T628 213Q795 213 889 334L1031 175Q966 83 855 32T609 -20ZM576 868Q490 868 437
-810T368 644H770V667Q768 763 718 815T576 868ZM688 1226H451L175 1536H490L688 1226Z" />
-<glyph unicode="&#xe9;" horiz-adv-x="1107" d="M609 -20Q371 -20 222 126T72 515V543Q72 706 135 834T313 1032T577 1102Q799 1102 926 962T1054 565V447H365Q379 341 449 277T628 213Q795 213 889 334L1031 175Q966 83 855 32T609 -20ZM576 868Q490 868 437
-810T368 644H770V667Q768 763 718 815T576 868ZM602 1536H917L640 1226H405L602 1536Z" />
-<glyph unicode="&#xea;" horiz-adv-x="1107" d="M609 -20Q371 -20 222 126T72 515V543Q72 706 135 834T313 1032T577 1102Q799 1102 926 962T1054 565V447H365Q379 341 449 277T628 213Q795 213 889 334L1031 175Q966 83 855 32T609 -20ZM576 868Q490 868 437
-810T368 644H770V667Q768 763 718 815T576 868ZM928 1256V1244H698L544 1389L390 1244H164V1260L460 1536H628L928 1256Z" />
-<glyph unicode="&#xeb;" horiz-adv-x="1107" d="M609 -20Q371 -20 222 126T72 515V543Q72 706 135 834T313 1032T577 1102Q799 1102 926 962T1054 565V447H365Q379 341 449 277T628 213Q795 213 889 334L1031 175Q966 83 855 32T609 -20ZM576 868Q490 868 437
-810T368 644H770V667Q768 763 718 815T576 868ZM161 1365Q161 1419 199 1455T299 1492Q361 1492 399 1455T437 1365T399 1276T299 1239Q240 1239 201 1274T161 1365ZM648 1365Q648 1418 687 1455T786 1492Q844 1492 884 1456T925 1365Q925 1313 887 1276T786 1238T686
-1275T648 1365Z" />
-<glyph unicode="&#xec;" horiz-adv-x="561" d="M423 0H134V1082H423V0ZM425 1211H188L-88 1521H227L425 1211Z" />
-<glyph unicode="&#xed;" horiz-adv-x="561" d="M423 0H134V1082H423V0ZM338 1777H653L376 1467H141L338 1777Z" />
-<glyph unicode="&#xee;" horiz-adv-x="561" d="M423 0H134V1082H423V0ZM665 1241V1229H435L281 1374L127 1229H-99V1245L197 1521H365L665 1241Z" />
-<glyph unicode="&#xef;" horiz-adv-x="561" d="M423 0H134V1082H423V0ZM-102 1350Q-102 1404 -64 1440T36 1477Q98 1477 136 1440T174 1350T136 1261T36 1224Q-23 1224 -62 1259T-102 1350ZM385 1350Q385 1403 424 1440T523 1477Q581 1477 621 1441T662 1350Q662
-1298 624 1261T523 1223T423 1260T385 1350Z" />
-<glyph unicode="&#xf0;" horiz-adv-x="1178" d="M849 1305Q1104 1043 1105 651V577Q1105 405 1039 268T853 56T587 -20Q443 -20 328 43T149 219T84 468Q84 699 207 832T536 966Q672 966 780 890Q731 1042 614 1155L423 1033L345 1147L497 1244Q381 1316 233 1355L324
-1579Q562 1531 740 1399L911 1508L988 1394L849 1305ZM816 663Q748 746 601 746Q488 746 431 672T373 468Q373 356 433 285T591 213Q694 213 755 303T816 552V663Z" />
-<glyph unicode="&#xf1;" horiz-adv-x="1147" d="M377 1082L386 957Q502 1102 697 1102Q869 1102 953 1001T1039 699V0H750V692Q750 784 710 825T577 867Q455 867 394 763V0H105V1082H377ZM951 1779Q951 1666 885 1590T724 1513Q686 1513 657 1521T575 1558T500
-1592T450 1599Q415 1599 391 1574T366 1503L198 1513Q198 1624 263 1702T424 1780Q454 1780 480 1773T567 1736T650 1701T698 1695Q733 1695 758 1719T784 1790L951 1779Z" />
-<glyph unicode="&#xf2;" horiz-adv-x="1158" d="M66 551Q66 712 128 838T306 1033T577 1102Q796 1102 934 968T1089 604L1091 530Q1091 281 952 131T579 -20T206 130T66 538V551ZM355 530Q355 376 413 295T579 213Q684 213 743 293T802 551Q802 702 743 785T577
-868Q471 868 413 786T355 530ZM720 1226H483L207 1536H522L720 1226Z" />
-<glyph unicode="&#xf3;" horiz-adv-x="1158" d="M66 551Q66 712 128 838T306 1033T577 1102Q796 1102 934 968T1089 604L1091 530Q1091 281 952 131T579 -20T206 130T66 538V551ZM355 530Q355 376 413 295T579 213Q684 213 743 293T802 551Q802 702 743 785T577
-868Q471 868 413 786T355 530ZM634 1536H949L672 1226H437L634 1536Z" />
-<glyph unicode="&#xf4;" horiz-adv-x="1158" d="M66 551Q66 712 128 838T306 1033T577 1102Q796 1102 934 968T1089 604L1091 530Q1091 281 952 131T579 -20T206 130T66 538V551ZM355 530Q355 376 413 295T579 213Q684 213 743 293T802 551Q802 702 743 785T577
-868Q471 868 413 786T355 530ZM960 1256V1244H730L576 1389L422 1244H196V1260L492 1536H660L960 1256Z" />
-<glyph unicode="&#xf5;" horiz-adv-x="1158" d="M66 551Q66 712 128 838T306 1033T577 1102Q796 1102 934 968T1089 604L1091 530Q1091 281 952 131T579 -20T206 130T66 538V551ZM355 530Q355 376 413 295T579 213Q684 213 743 293T802 551Q802 702 743 785T577
-868Q471 868 413 786T355 530ZM952 1779Q952 1666 886 1590T725 1513Q687 1513 658 1521T576 1558T501 1592T451 1599Q416 1599 392 1574T367 1503L199 1513Q199 1624 264 1702T425 1780Q455 1780 481 1773T568 1736T651 1701T699 1695Q734 1695 759 1719T785 1790L952
-1779Z" />
-<glyph unicode="&#xf6;" horiz-adv-x="1158" d="M66 551Q66 712 128 838T306 1033T577 1102Q796 1102 934 968T1089 604L1091 530Q1091 281 952 131T579 -20T206 130T66 538V551ZM355 530Q355 376 413 295T579 213Q684 213 743 293T802 551Q802 702 743 785T577
-868Q471 868 413 786T355 530ZM193 1365Q193 1419 231 1455T331 1492Q393 1492 431 1455T469 1365T431 1276T331 1239Q272 1239 233 1274T193 1365ZM680 1365Q680 1418 719 1455T818 1492Q876 1492 916 1456T957 1365Q957 1313 919 1276T818 1238T718 1275T680
-1365Z" />
-<glyph unicode="&#xf7;" horiz-adv-x="1168" d="M1091 571H63V801H1091V571ZM415 1089Q415 1157 460 1199T578 1241Q649 1241 695 1200T742 1089Q742 1022 697 981T578 939Q503 939 459 981T415 1089ZM415 277Q415 345 460 387T578 429Q649 429 695 388T742 277Q742
-210 697 169T578 127Q503 127 459 169T415 277Z" />
-<glyph unicode="&#xf8;" horiz-adv-x="1156" d="M66 551Q66 712 128 838T306 1033T577 1102Q678 1102 763 1073L833 1216H994L891 1005Q1091 856 1091 530Q1091 281 952 131T579 -20Q484 -20 403 6L331 -142H170L273 70Q66 216 66 551ZM355 530Q355 400 396 322L656
-854Q620 868 577 868Q471 868 413 786T355 530ZM802 551Q802 665 765 747L509 223Q539 213 579 213Q684 213 743 293T802 551Z" />
-<glyph unicode="&#xf9;" horiz-adv-x="1146" d="M759 110Q652 -20 463 -20Q289 -20 198 80T104 373V1082H393V383Q393 214 547 214Q694 214 749 316V1082H1039V0H767L759 110ZM716 1226H479L203 1536H518L716 1226Z" />
-<glyph unicode="&#xfa;" horiz-adv-x="1146" d="M759 110Q652 -20 463 -20Q289 -20 198 80T104 373V1082H393V383Q393 214 547 214Q694 214 749 316V1082H1039V0H767L759 110ZM630 1536H945L668 1226H433L630 1536Z" />
-<glyph unicode="&#xfb;" horiz-adv-x="1146" d="M759 110Q652 -20 463 -20Q289 -20 198 80T104 373V1082H393V383Q393 214 547 214Q694 214 749 316V1082H1039V0H767L759 110ZM956 1256V1244H726L572 1389L418 1244H192V1260L488 1536H656L956 1256Z" />
-<glyph unicode="&#xfc;" horiz-adv-x="1146" d="M759 110Q652 -20 463 -20Q289 -20 198 80T104 373V1082H393V383Q393 214 547 214Q694 214 749 316V1082H1039V0H767L759 110ZM189 1365Q189 1419 227 1455T327 1492Q389 1492 427 1455T465 1365T427 1276T327 1239Q268
-1239 229 1274T189 1365ZM676 1365Q676 1418 715 1455T814 1492Q872 1492 912 1456T953 1365Q953 1313 915 1276T814 1238T714 1275T676 1365Z" />
-<glyph unicode="&#xfd;" horiz-adv-x="1028" d="M515 409L715 1082H1025L590 -168L566 -225Q469 -437 246 -437Q183 -437 118 -418V-199L162 -200Q244 -200 284 -175T348 -92L382 -3L3 1082H314L515 409ZM578 1536H893L616 1226H381L578 1536Z" />
-<glyph unicode="&#xfe;" horiz-adv-x="1162" d="M1087 531Q1087 281 974 131T667 -20Q503 -20 403 93V-416H113V1536H403V989Q503 1102 665 1102Q863 1102 975 955T1087 545V531ZM798 552Q798 703 745 785T589 867Q457 867 403 765V318Q457 213 591 213Q798 213 798 552Z" />
-<glyph unicode="&#xff;" horiz-adv-x="1028" d="M515 409L715 1082H1025L590 -168L566 -225Q469 -437 246 -437Q183 -437 118 -418V-199L162 -200Q244 -200 284 -175T348 -92L382 -3L3 1082H314L515 409ZM137 1365Q137 1419 175 1455T275 1492Q337 1492 375 1455T413
-1365T375 1276T275 1239Q216 1239 177 1274T137 1365ZM624 1365Q624 1418 663 1455T762 1492Q820 1492 860 1456T901 1365Q901 1313 863 1276T762 1238T662 1275T624 1365Z" />
-<glyph unicode="&#x2013;" horiz-adv-x="1294" d="M1444 596H408V832H1444V596Z" />
-<glyph unicode="&#x2014;" horiz-adv-x="1563" d="M1746 596H365V832H1746V596Z" />
-<glyph unicode="&#x2018;" horiz-adv-x="479" d="M286 1570L422 1491Q336 1355 333 1215V1048H104V1198Q104 1292 156 1398T286 1570Z" />
-<glyph unicode="&#x2019;" horiz-adv-x="470" d="M194 1009L58 1088Q144 1223 147 1367V1536H377V1381Q377 1291 327 1186T194 1009Z" />
-<glyph unicode="&#x201a;" horiz-adv-x="508" d="M202 -305L66 -226Q144 -100 147 48V229H385L384 63Q383 -26 334 -129T202 -305Z" />
-<glyph unicode="&#x201c;" horiz-adv-x="831" d="M294 1570L430 1491Q344 1355 341 1215V1048H112V1198Q112 1292 164 1398T294 1570ZM637 1570L773 1491Q687 1355 684 1215V1048H455V1198Q455 1292 507 1398T637 1570Z" />
-<glyph unicode="&#x201d;" horiz-adv-x="837" d="M208 1009L72 1088Q158 1223 161 1367V1536H391V1381Q391 1291 341 1186T208 1009ZM555 1009L419 1088Q505 1223 508 1367V1536H738V1381Q738 1291 688 1186T555 1009Z" />
-<glyph unicode="&#x201e;" horiz-adv-x="825" d="M209 -325L66 -246Q144 -112 147 47V263H385L384 64Q383 -33 336 -142T209 -325ZM545 -325L402 -246Q488 -98 491 48V263H729L728 60Q726 -36 676 -145T545 -325Z" />
-<glyph unicode="&#x2022;" horiz-adv-x="736" d="M135 766Q135 870 201 933T371 996Q479 996 543 934T610 771V728Q610 625 545 563T373 500Q268 500 202 562T135 731V766Z" />
-<glyph unicode="&#x2039;" horiz-adv-x="638" d="M334 524L574 125H388L108 515V534L388 924H574L334 524Z" />
-<glyph unicode="&#x203a;" horiz-adv-x="618" d="M267 923L547 533V514L267 124H80L320 523L80 923H267Z" />
-</font>
-</defs>
-</svg>
diff --git a/documentation/fonts/roboto-v15-latin-700.ttf b/documentation/fonts/roboto-v15-latin-700.ttf
deleted file mode 100644
index 19090afb..00000000
Binary files a/documentation/fonts/roboto-v15-latin-700.ttf and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-700.woff b/documentation/fonts/roboto-v15-latin-700.woff
deleted file mode 100644
index bf737c1c..00000000
Binary files a/documentation/fonts/roboto-v15-latin-700.woff and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-700.woff2 b/documentation/fonts/roboto-v15-latin-700.woff2
deleted file mode 100644
index 11cde5d0..00000000
Binary files a/documentation/fonts/roboto-v15-latin-700.woff2 and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-italic.eot b/documentation/fonts/roboto-v15-latin-italic.eot
deleted file mode 100644
index f2d020a8..00000000
Binary files a/documentation/fonts/roboto-v15-latin-italic.eot and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-italic.svg b/documentation/fonts/roboto-v15-latin-italic.svg
deleted file mode 100644
index 738b8295..00000000
--- a/documentation/fonts/roboto-v15-latin-italic.svg
+++ /dev/null
@@ -1,323 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg">
-<defs >
-<font id="Roboto" horiz-adv-x="1035" ><font-face
-    font-family="Roboto"
-    units-per-em="2048"
-    panose-1="2 0 0 0 0 0 0 0 0 0"
-    ascent="1900"
-    descent="-500"
-    alphabetic="0" />
-<glyph unicode=" " horiz-adv-x="502" />
-<glyph unicode="!" horiz-adv-x="521" d="M305 411H141L310 1456H500L305 411ZM67 90Q68 137 97 167T174 200Q220 202 250 172T280 96Q280 49 250 20T173 -12T97 15T67 90Z" />
-<glyph unicode="&quot;" horiz-adv-x="645" d="M393 1390L310 1042L200 1041L280 1544L416 1535L393 1390ZM655 1390L572 1042H462L542 1544L678 1535L655 1390Z" />
-<glyph unicode="#" horiz-adv-x="1233" d="M707 410H457L307 0H163L312 410H82L106 547H361L489 901H241L265 1040H539L691 1456H836L683 1040H934L1086 1456H1232L1079 1040H1275L1251 901H1029L901 547H1117L1093 410H852L703 0H557L707 410ZM505 547H755L884
-901H634L505 547Z" />
-<glyph unicode="$" horiz-adv-x="1126" d="M801 382Q811 468 758 532T579 644T377 754Q229 875 243 1071Q254 1235 361 1342T646 1473L685 1692H831L791 1470Q939 1441 1011 1321T1069 1008H890Q898 1155 847 1233T695 1315Q582 1317 509 1252T423 1075Q414 989
-460 927T644 811T852 697T955 560T981 384Q968 213 854 108T550 -17L516 -208H371L406 -15Q242 9 158 126T85 429H266Q255 298 313 220T490 140Q617 138 702 204T801 382Z" />
-<glyph unicode="%" horiz-adv-x="1465" d="M525 1478Q646 1474 717 1390T781 1176L775 1099Q760 965 670 880T454 799Q333 801 260 887T195 1099L201 1163Q214 1307 305 1393T525 1478ZM330 1097Q325 1016 359 969T458 919Q526 917 576 967T638 1099L647 1177Q654
-1253 621 1304T521 1357Q452 1359 401 1308T339 1176L330 1097ZM1070 658Q1194 654 1265 569T1328 357L1322 290Q1309 149 1219 62T1000 -22Q880 -20 807 65T741 279L747 347Q760 486 849 573T1070 658ZM876 277Q871 197 904 149T1004 98Q1074 96 1123 147T1184
-279L1193 358Q1200 433 1167 484T1067 537Q996 539 946 488T885 357L876 277ZM360 112L261 184L1142 1312L1241 1241L360 112Z" />
-<glyph unicode="&amp;" horiz-adv-x="1245" d="M71 384Q86 570 293 716L407 792L364 869Q292 1001 300 1114Q312 1279 420 1379T692 1476Q827 1474 915 1389T995 1176Q986 1004 782 861L635 763L884 382Q975 517 998 672H1159Q1132 417 978 245L1135 0H933L860
-113Q686 -23 477 -19Q288 -17 173 95T71 384ZM483 131Q617 128 767 244L496 668L453 638Q274 514 255 383Q240 275 303 204T483 131ZM478 1121Q470 1037 527 936L554 889L707 992Q814 1072 825 1177Q831 1241 790 1283T681 1325Q598 1325 542 1265T478 1121Z" />
-<glyph unicode="&apos;" horiz-adv-x="356" d="M374 1418L298 1057H170L247 1536H393L374 1418Z" />
-<glyph unicode="(" horiz-adv-x="689" d="M133 587Q166 818 255 1037T475 1410T765 1644L792 1520Q635 1403 523 1215T349 767T290 255Q290 48 343 -109T498 -358L453 -470Q286 -354 198 -127T117 393Q119 489 131 576L133 587Z" />
-<glyph unicode=")" horiz-adv-x="701" d="M547 585Q512 341 420 124T200 -243T-85 -471L-113 -356Q230 -98 345 473Q391 703 389 916Q384 1345 181 1531L228 1643Q340 1565 417 1436T531 1135T564 779Q561 682 549 596L547 585Z" />
-<glyph unicode="*" horiz-adv-x="866" d="M384 987L107 1077L175 1221L453 1108L504 1456H654L584 1112L887 1220L906 1061L591 970L738 695L610 607L479 897L257 617L143 715L384 987Z" />
-<glyph unicode="+" horiz-adv-x="1136" d="M682 781H1076L1045 606H652L572 146H390L470 606H76L107 781H500L574 1206H756L682 781Z" />
-<glyph unicode="," horiz-adv-x="400" d="M-9 -291L-113 -216Q3 -73 31 68L57 219H234L213 84Q177 -144 -9 -291Z" />
-<glyph unicode="-" horiz-adv-x="558" d="M500 543H25L52 694H527L500 543Z" />
-<glyph unicode="." horiz-adv-x="533" d="M164 210Q213 211 245 180T276 100T243 21T163 -12T84 15T53 94T84 175T164 210Z" />
-<glyph unicode="/" horiz-adv-x="829" d="M51 -125H-113L751 1456H914L51 -125Z" />
-<glyph unicode="0" horiz-adv-x="1126" d="M472 -20Q288 -16 196 110T112 475Q114 549 123 621L159 864Q207 1175 342 1328T698 1476Q884 1472 975 1349T1060 990Q1057 915 1048 843L1013 608Q960 279 826 127T472 -20ZM873 876Q887 997 886 1064Q881 1318 689
-1325Q549 1330 463 1222T342 881L299 591Q285 475 286 402Q291 137 482 130Q615 124 701 228T825 558L873 876Z" />
-<glyph unicode="1" horiz-adv-x="1126" d="M604 0H422L636 1228L249 1092L280 1268L820 1463H852L604 0Z" />
-<glyph unicode="2" horiz-adv-x="1126" d="M950 0H23L45 141L582 663L680 760Q849 929 867 1072Q880 1182 824 1251T666 1325Q535 1329 447 1249T340 1028L161 1027Q174 1161 243 1264T426 1423T673 1476Q854 1472 960 1367T1052 1093Q1035 901 831 689L739 596L271
-151H974L950 0Z" />
-<glyph unicode="3" horiz-adv-x="1126" d="M416 818L536 817Q668 817 758 886T862 1075Q875 1191 819 1257T656 1326Q542 1328 463 1260T365 1075L186 1074Q203 1254 339 1366T665 1477Q848 1473 952 1363T1043 1071Q1034 968 964 883T770 742Q869 702 918 616T959
-413Q943 216 803 96T461 -20Q274 -16 163 96T60 385L241 384Q235 272 295 204T469 131Q597 127 682 204T779 410Q790 529 725 595T531 666L392 667L416 818Z" />
-<glyph unicode="4" horiz-adv-x="1126" d="M857 489H1053L1026 338H831L772 0H590L649 338H5L26 457L826 1456H1024L857 489ZM243 489H675L805 1205L776 1163L243 489Z" />
-<glyph unicode="5" horiz-adv-x="1126" d="M219 733L404 1456H1130L1103 1285H533L421 887Q531 952 659 950Q840 948 937 814T1016 471Q997 247 857 111T508 -21Q334 -19 227 91T114 384H283Q290 264 351 198T516 130Q644 126 731 221T835 470Q849 605 788 692T609
-784Q536 786 480 762T367 693L219 733Z" />
-<glyph unicode="6" horiz-adv-x="1126" d="M955 1458L939 1301H904Q704 1297 562 1177T342 823Q478 959 660 955Q775 953 857 892T977 722T1004 482Q984 261 846 118T505 -20Q343 -16 239 99T120 407Q112 512 145 691Q214 1064 417 1261T935 1458H955ZM621 802Q524
-804 439 746T308 598L301 531L299 450Q299 368 324 291T398 174T513 133Q634 128 720 223T824 473Q834 563 813 638T744 756T621 802Z" />
-<glyph unicode="7" horiz-adv-x="1126" d="M1146 1342L355 0H157L944 1304H184L208 1456H1164L1146 1342Z" />
-<glyph unicode="8" horiz-adv-x="1126" d="M1064 1085Q1055 976 987 889T800 744Q894 690 939 600T977 402Q962 209 819 93T474 -20Q285 -16 175 97T80 385Q91 510 168 603T378 755Q300 809 263 891T233 1067Q247 1252 378 1366T700 1476Q874 1472 976 1363T1064
-1085ZM798 406Q810 519 750 594T576 674Q452 676 364 596T262 388Q250 272 310 202T482 130Q608 126 696 203T798 406ZM882 1082Q893 1183 841 1252T691 1325Q579 1327 502 1254T412 1064Q401 960 454 893T605 824Q714 822 791 894T882 1082Z" />
-<glyph unicode="9" horiz-adv-x="1126" d="M823 640Q749 562 666 524T501 487Q386 489 305 552T186 725T160 965Q173 1109 241 1229T418 1414T660 1476Q834 1472 933 1350T1040 1023Q1043 916 1015 757Q949 383 755 194T255 -2H210L226 154H263Q478 158 615 274T823
-640ZM539 640Q630 636 714 691T852 841L860 914L863 995Q859 1150 806 1234T652 1322Q528 1327 441 1227T339 975Q332 914 341 851T377 740Q431 643 539 640Z" />
-<glyph unicode=":" horiz-adv-x="491" d="M410 210Q459 211 491 180T522 100T489 21T409 -12T330 15T299 94T330 175T410 210ZM307 1093Q356 1094 388 1063T419 983T386 904T306 871T227 898T196 977T227 1058T307 1093Z" />
-<glyph unicode=";" horiz-adv-x="430" d="M284 1093Q333 1094 365 1063T396 983T363 904T283 871T204 898T173 977T204 1058T284 1093ZM3 -291L-101 -216Q15 -73 43 68L69 219H246L225 84Q189 -144 3 -291Z" />
-<glyph unicode="&lt;" horiz-adv-x="1020" d="M263 640L828 387L795 200L65 579L91 725L952 1103L916 898L263 640Z" />
-<glyph unicode="=" horiz-adv-x="1100" d="M994 814H184L212 975H1023L994 814ZM922 399H112L140 559H951L922 399Z" />
-<glyph unicode="&gt;" horiz-adv-x="1048" d="M781 654L183 913L216 1095L980 716L954 571L58 191L94 392L781 654Z" />
-<glyph unicode="?" horiz-adv-x="948" d="M321 409Q334 524 382 612T538 796L619 867Q744 978 760 1100Q772 1194 729 1253T595 1316Q493 1318 428 1262T345 1116L165 1115Q184 1280 306 1379T606 1477Q774 1473 866 1371T945 1104Q928 922 741 754L619 650Q521
-561 498 410L321 409ZM250 90Q251 137 280 167T357 200Q403 201 433 172T463 95Q463 49 433 19T356 -12Q309 -14 280 15T250 90Z" />
-<glyph unicode="@" horiz-adv-x="1794" d="M1199 -20Q1110 -18 1056 26T988 148Q852 -24 709 -21Q593 -19 537 72T493 319Q503 480 579 647T765 903T1005 990Q1144 987 1277 885L1144 327Q1134 261 1134 234Q1129 99 1226 96Q1373 90 1464 261T1566 702Q1573 882
-1520 1019T1352 1226T1067 1299Q846 1303 657 1176T346 806T211 284Q203 103 258 -39T425 -253T699 -327Q868 -331 1038 -249L1065 -366Q926 -453 697 -453Q506 -452 365 -369T147 -125T70 246Q68 463 147 688T368 1085T690 1345T1071 1431Q1265 1428 1404 1344T1617
-1099T1691 734Q1691 509 1626 333T1450 67T1199 -20ZM649 294Q644 123 761 120Q868 115 961 264L993 317L994 328L1127 834Q1075 862 1020 863Q881 868 785 728T654 351L649 294Z" />
-<glyph unicode="A" horiz-adv-x="1306" d="M909 380H319L120 0H-81L710 1456H875L1163 0H978L909 380ZM402 538H881L760 1217L402 538Z" />
-<glyph unicode="B" horiz-adv-x="1247" d="M59 0L312 1456L739 1455Q962 1455 1073 1355T1170 1076Q1152 867 907 761Q1005 723 1053 631T1093 428Q1078 231 935 116T565 0H59ZM365 681L274 157L571 156Q707 156 799 229T906 426Q920 544 865 610T692 680L365
-681ZM392 835L663 834Q790 834 877 899T980 1078Q993 1184 939 1238T758 1297L472 1298L392 835Z" />
-<glyph unicode="C" horiz-adv-x="1303" d="M1169 464Q1127 238 965 106T575 -20Q440 -17 339 46T182 229T120 494Q116 576 127 654L144 774Q191 1102 374 1291T821 1476Q1026 1472 1146 1344T1273 987H1086Q1073 1293 846 1317L813 1319Q624 1324 498 1179T334
-781L312 630L306 542Q300 358 371 250T584 137Q736 132 835 210T987 461L1169 464Z" />
-<glyph unicode="D" horiz-adv-x="1313" d="M59 0L312 1456L690 1455Q868 1455 996 1366T1181 1121T1214 770L1204 697Q1160 379 957 190T447 0H59ZM472 1298L274 157L459 156Q671 156 818 288T1010 650Q1045 834 1034 963Q1019 1118 931 1205T695 1297L472 1298Z" />
-<glyph unicode="E" horiz-adv-x="1139" d="M976 673H364L274 157H986L958 0H59L312 1456H1201L1173 1298H472L391 830H1003L976 673Z" />
-<glyph unicode="F" horiz-adv-x="1108" d="M951 643H359L247 0H59L312 1456H1188L1160 1298H472L386 800H979L951 643Z" />
-<glyph unicode="G" horiz-adv-x="1363" d="M1147 192Q1074 89 935 34T616 -20Q473 -17 366 47T198 230T128 502Q121 621 157 824T285 1175T512 1401T825 1476Q1028 1472 1148 1356T1286 1028H1100Q1089 1166 1017 1240T818 1318Q630 1325 504 1183T337 768L318
-628L315 552Q315 355 396 248T623 138Q834 133 958 242L1018 569H690L718 725H1230L1147 192Z" />
-<glyph unicode="H" horiz-adv-x="1426" d="M1146 0H958L1075 673H364L247 0H59L312 1456H500L391 830H1101L1210 1456H1399L1146 0Z" />
-<glyph unicode="I" horiz-adv-x="550" d="M260 0H73L326 1456H513L260 0Z" />
-<glyph unicode="J" horiz-adv-x="1106" d="M910 1456H1098L923 425Q894 219 756 97T412 -22Q220 -18 115 94T22 402H209Q198 282 254 211T422 137Q545 133 630 214T734 424L910 1456Z" />
-<glyph unicode="K" horiz-adv-x="1255" d="M544 675L331 484L247 0H59L312 1456H500L376 747L1118 1456H1360L683 804L1136 0H927L544 675Z" />
-<glyph unicode="L" horiz-adv-x="1079" d="M275 157H945L917 0H59L312 1456H501L275 157Z" />
-<glyph unicode="M" horiz-adv-x="1744" d="M549 1456L804 270L1472 1456H1719L1466 0H1279L1379 576L1498 1162L838 0H694L434 1185L344 557L247 0H59L312 1456H549Z" />
-<glyph unicode="N" horiz-adv-x="1426" d="M1146 0H964L444 1130L248 0H59L312 1456H494L1015 321L1212 1456H1399L1146 0Z" />
-<glyph unicode="O" horiz-adv-x="1376" d="M593 -20Q454 -17 352 47T190 235T125 515Q119 636 152 814T266 1135T463 1364Q620 1480 821 1476Q1034 1472 1157 1329T1289 940Q1293 835 1268 673T1177 372T1010 139Q834 -25 593 -20ZM1104 894Q1110 1091 1035 1199T812
-1312Q678 1316 573 1240T400 1013T314 629L311 564Q305 368 381 257T602 142Q791 137 915 278T1081 676Q1101 802 1104 894Z" />
-<glyph unicode="P" horiz-adv-x="1263" d="M346 570L247 0H59L312 1456L798 1455Q1023 1455 1145 1336T1250 1018Q1232 809 1084 689T692 569L346 570ZM373 727L697 726Q850 726 948 803T1063 1017Q1079 1140 1012 1216T817 1297L472 1298L373 727Z" />
-<glyph unicode="Q" horiz-adv-x="1376" d="M907 76L1124 -133L985 -246L731 -3Q657 -19 583 -19Q446 -18 342 47T181 236T117 516Q111 642 143 816T255 1131T446 1358Q606 1480 812 1476Q953 1473 1057 1408T1218 1220T1281 940Q1284 856 1274 773L1262 688Q1200
-257 907 76ZM1095 894Q1102 1094 1026 1201T804 1312Q670 1316 565 1240T392 1013T306 629L303 564Q299 449 330 349T428 197T594 142Q778 135 903 275T1071 670Q1092 797 1095 894Z" />
-<glyph unicode="R" horiz-adv-x="1233" d="M685 589H349L247 0H58L311 1456L749 1455Q978 1454 1098 1339T1199 1026Q1188 889 1100 785T864 628L1090 13L1089 0H889L685 589ZM376 746L652 745Q796 745 895 821T1011 1026Q1026 1151 961 1222T763 1297L472 1298L376 746Z" />
-<glyph unicode="S" horiz-adv-x="1189" d="M877 375Q899 535 711 609L538 672L480 697Q188 830 207 1071Q217 1192 290 1285T483 1428T740 1476Q872 1473 975 1417T1133 1261T1181 1034L992 1035Q1002 1169 932 1242T732 1318Q595 1320 503 1254T397 1074Q377
-925 580 848L729 795L804 763Q1086 633 1065 377Q1054 254 982 165T787 26T521 -20Q384 -19 271 38T98 196T46 423L234 422Q225 292 304 216T529 137T768 200T877 375Z" />
-<glyph unicode="T" horiz-adv-x="1195" d="M1261 1298H808L583 0H396L621 1298H168L196 1456H1289L1261 1298Z" />
-<glyph unicode="U" horiz-adv-x="1298" d="M1312 1456L1144 471Q1110 244 948 110T557 -21Q414 -18 309 43T153 216T120 470L288 1456H473L306 469Q289 316 358 229T567 137Q719 131 823 219T955 468L1123 1456H1312Z" />
-<glyph unicode="V" horiz-adv-x="1274" d="M574 257L1165 1456H1377L625 0H459L164 1456H361L574 257Z" />
-<glyph unicode="W" horiz-adv-x="1772" d="M446 449L442 273L510 445L945 1456H1104L1219 432L1229 266L1292 467L1664 1456H1857L1287 0H1116L990 1069L986 1169L944 1053L480 0H309L195 1456H378L446 449Z" />
-<glyph unicode="X" horiz-adv-x="1255" d="M666 899L1091 1456H1323L756 725L1095 0H884L626 567L188 0H-44L535 743L205 1456H413L666 899Z" />
-<glyph unicode="Y" horiz-adv-x="1203" d="M611 726L1106 1456H1330L677 533L584 0H397L493 554L168 1456H372L611 726Z" />
-<glyph unicode="Z" horiz-adv-x="1199" d="M234 157H1036L1008 0H-21L6 154L972 1298H216L244 1456H1230L1204 1305L234 157Z" />
-<glyph unicode="[" horiz-adv-x="537" d="M650 1512H465L204 -160H390L366 -312H-1L307 1664H675L650 1512Z" />
-<glyph unicode="\" horiz-adv-x="825" d="M191 1456H355L670 -125H507L191 1456Z" />
-<glyph unicode="]" horiz-adv-x="537" d="M175 1664H543L234 -312H-134L-110 -160H77L338 1512H150L175 1664Z" />
-<glyph unicode="^" horiz-adv-x="840" d="M524 1209L256 729H79L496 1456H620L783 729H625L524 1209Z" />
-<glyph unicode="_" horiz-adv-x="906" d="M763 -151H-127L-100 0H790L763 -151Z" />
-<glyph unicode="`" horiz-adv-x="624" d="M555 1240H412L207 1534H412L555 1240Z" />
-<glyph unicode="a" horiz-adv-x="1091" d="M693 0Q686 29 686 57L689 114Q540 -24 373 -20Q230 -18 141 70T59 292Q69 464 209 560T579 657L768 656L780 742Q790 839 743 895T600 954Q507 956 436 909T348 783L166 782Q175 877 240 950T407 1064T618 1103Q787
-1099 881 1001T960 739L872 203L867 126Q865 71 879 17L877 0H693ZM409 140Q496 138 573 181T707 302L746 525L609 526Q438 526 347 472T244 319Q235 243 279 193T409 140Z" />
-<glyph unicode="b" horiz-adv-x="1125" d="M1013 536Q993 370 922 237T750 40T526 -21Q330 -17 235 126L198 0H31L298 1536H479L370 962Q500 1106 686 1102Q842 1098 929 987T1021 681Q1022 617 1015 557L1013 536ZM841 641Q844 787 792 864T633 946Q464 950 347
-776L266 305Q326 140 491 136Q597 132 676 199T797 386T841 641Z" />
-<glyph unicode="c" horiz-adv-x="1050" d="M488 130Q585 128 663 186T765 340L936 341Q921 239 855 155T687 24T480 -20Q345 -18 252 50T114 241T84 517L89 567Q108 723 180 846T368 1037T624 1102Q794 1098 896 988T998 709L829 710Q827 816 770 881T616 951Q475
-954 382 846T265 544L262 518Q256 454 260 386Q267 269 326 201T488 130Z" />
-<glyph unicode="d" horiz-adv-x="1130" d="M83 543Q103 708 174 841T349 1040T578 1103Q759 1099 856 971L960 1536H1141L875 0H710L729 116Q601 -24 413 -20Q263 -16 174 97T78 402Q75 461 83 543ZM257 439Q254 296 308 217T466 136Q623 129 745 294L831 794Q771
-942 613 946Q506 949 425 882T301 693T257 439Z" />
-<glyph unicode="e" horiz-adv-x="1062" d="M499 -20Q297 -16 183 129T87 500L92 543Q109 704 187 837T379 1037T623 1102Q790 1098 885 991T989 701Q992 636 985 571L974 488H267Q249 341 315 238T514 131Q674 127 810 275L914 187Q846 89 739 34T499 -20ZM614
-951Q502 954 419 875T286 640L812 639L816 655Q832 781 776 864T614 951Z" />
-<glyph unicode="f" horiz-adv-x="700" d="M119 0L283 939H116L141 1082H307L325 1210Q351 1373 451 1465Q556 1561 719 1559Q770 1559 848 1542L826 1391Q778 1401 729 1403Q635 1403 577 1345T504 1189L488 1082H712L687 939H463L300 0H119Z" />
-<glyph unicode="g" horiz-adv-x="1125" d="M84 543Q108 720 179 850T353 1043T578 1103Q766 1099 862 961L898 1082H1064L884 23Q855 -184 716 -308T373 -427Q263 -425 163 -375T4 -238L107 -127Q205 -272 366 -276Q495 -280 584 -204T703 12L723 108Q591 -24
-414 -20Q313 -17 239 34T123 183T78 401Q76 460 84 543ZM259 440Q256 297 308 219T467 136Q629 132 746 295L831 792Q771 940 614 946Q467 950 373 826T261 491L259 440Z" />
-<glyph unicode="h" horiz-adv-x="1104" d="M369 950Q511 1105 696 1101Q848 1099 921 997T976 709L858 0H677L796 712Q802 761 797 803Q780 943 632 946Q466 950 346 772L212 0H31L298 1536H479L369 950Z" />
-<glyph unicode="i" horiz-adv-x="492" d="M227 0H47L235 1082H415L227 0ZM376 1477Q422 1479 452 1450T483 1372Q482 1325 453 1295T376 1263T299 1290T270 1366T300 1444T376 1477Z" />
-<glyph unicode="j" horiz-adv-x="484" d="M406 1082L201 -129Q181 -282 99 -362T-117 -440Q-170 -438 -236 -420L-220 -272Q-183 -281 -137 -283Q-8 -283 18 -129L225 1082H406ZM256 1366Q257 1413 285 1444T362 1477Q408 1479 438 1449T469 1372Q468 1325 438
-1295T361 1263Q316 1261 286 1291T256 1366Z" />
-<glyph unicode="k" horiz-adv-x="1017" d="M419 499L277 372L213 0H32L299 1536H480L320 618L431 730L815 1082H1050L553 621L895 0H697L419 499Z" />
-<glyph unicode="l" horiz-adv-x="492" d="M227 0H47L313 1536H494L227 0Z" />
-<glyph unicode="m" horiz-adv-x="1751" d="M388 1083L365 962Q501 1106 694 1102Q797 1100 868 1055T967 928Q1119 1106 1326 1102Q1488 1098 1565 993T1622 711L1503 0H1323L1441 713Q1447 765 1441 808Q1422 944 1263 947Q1164 949 1084 886T980 719L857 0H675L795
-712Q808 823 762 883T617 945Q448 949 348 791L211 0H30L218 1082L388 1083Z" />
-<glyph unicode="n" horiz-adv-x="1106" d="M390 1083L364 946Q510 1106 696 1102Q849 1098 922 996T976 709L858 0H677L796 712Q802 761 797 803Q780 943 632 946Q469 949 346 772L212 0H31L219 1082L390 1083Z" />
-<glyph unicode="o" horiz-adv-x="1143" d="M632 1102Q768 1100 865 1028T1008 830T1040 553L1038 531Q1019 373 944 246T750 47T489 -20Q354 -18 257 54T114 250T82 523Q97 691 173 825T368 1032T632 1102ZM264 522Q257 459 264 391Q274 273 334 203T496 130Q586
-127 662 174T790 318T857 531Q865 623 860 686Q848 807 787 877T625 951Q485 954 387 841T266 545L264 522Z" />
-<glyph unicode="p" horiz-adv-x="1125" d="M1011 536Q991 371 922 239T751 42T525 -21Q337 -17 237 106L140 -416H-41L219 1082L383 1083L363 962Q497 1106 684 1102Q840 1098 927 987T1019 681Q1020 617 1014 557L1011 536ZM833 557L838 641Q838 787 783 864T622
-946Q465 950 351 797L260 278Q321 134 479 130Q614 127 708 235T833 557Z" />
-<glyph unicode="q" horiz-adv-x="1139" d="M585 1103Q768 1099 864 972L897 1082H1064L804 -416H624L722 100Q592 -24 420 -20Q268 -18 177 95T79 400Q73 524 108 661T212 901T377 1055T585 1103ZM265 522L260 438Q257 293 312 213T472 130Q625 126 743 276L837
-808Q771 947 621 951Q484 954 390 846T265 522Z" />
-<glyph unicode="r" horiz-adv-x="682" d="M704 917L619 926Q445 926 345 769L212 0H31L219 1082L394 1083L367 957Q482 1108 638 1104Q671 1104 724 1089L704 917Z" />
-<glyph unicode="s" horiz-adv-x="1034" d="M701 293Q716 405 578 451L390 506Q152 588 160 778Q167 921 290 1012T581 1102Q745 1100 847 1007T946 763L766 764Q768 845 715 896T574 949Q480 951 412 903Q349 858 339 785Q326 691 454 648L545 623Q731 575 809
-498T881 307Q875 206 815 131T655 17T442 -20Q270 -18 158 80T50 334L231 333Q231 242 289 187T448 132Q547 130 619 173T701 293Z" />
-<glyph unicode="t" horiz-adv-x="659" d="M509 1344L463 1082H660L635 939H439L326 266Q323 240 325 218Q332 140 410 140Q443 140 498 150L484 -1Q419 -19 352 -19Q244 -17 190 60T148 269L258 939H67L92 1082H283L329 1344H509Z" />
-<glyph unicode="u" horiz-adv-x="1105" d="M718 107Q591 -24 395 -20Q240 -16 166 91T110 383L226 1082H407L290 380Q285 336 288 294Q293 222 331 181T437 137Q631 131 737 294L873 1082H1054L866 0H695L718 107Z" />
-<glyph unicode="v" horiz-adv-x="972" d="M424 253L814 1082H1005L460 0H322L110 1082H288L424 253Z" />
-<glyph unicode="w" horiz-adv-x="1503" d="M1002 256L1347 1082H1534L1041 0H894L782 818L392 0H245L128 1082H301L367 276L751 1082H897L1002 256Z" />
-<glyph unicode="x" horiz-adv-x="995" d="M496 688L790 1082H1012L578 538L842 0H645L466 404L161 0H-60L387 556L131 1082H329L496 688Z" />
-<glyph unicode="y" horiz-adv-x="950" d="M419 273L804 1082H1004L362 -180Q228 -443 18 -440Q-19 -439 -91 -422L-75 -272L-28 -277Q58 -281 120 -239T231 -101L296 23L109 1082H298L419 273Z" />
-<glyph unicode="z" horiz-adv-x="995" d="M234 151H842L815 0H-19L6 145L715 929H150L178 1082H974L950 942L234 151Z" />
-<glyph unicode="{" horiz-adv-x="682" d="M478 -365Q320 -312 246 -193T191 99L219 306Q225 355 220 397Q203 533 56 541L72 686Q289 696 321 931L352 1159Q411 1498 762 1599L789 1482Q577 1412 532 1145L498 905Q465 705 287 611Q390 534 400 392Q403 348 399
-305L368 62L366 -9L368 -40Q385 -199 519 -252L478 -365Z" />
-<glyph unicode="|" horiz-adv-x="494" d="M179 -270H33L303 1456H449L179 -270Z" />
-<glyph unicode="}" horiz-adv-x="682" d="M-116 -251Q101 -180 144 93L175 319Q206 527 401 620Q288 689 275 836Q271 878 276 923L307 1169L309 1240Q306 1424 157 1482L202 1595Q358 1542 430 1423T483 1132L456 924Q450 874 455 833Q471 698 618 690L603 545Q385
-535 353 297L325 90Q274 -264 -88 -368L-116 -251Z" />
-<glyph unicode="~" horiz-adv-x="1361" d="M1245 778Q1231 615 1134 507T896 400Q770 403 647 515L587 573Q515 640 449 640Q313 643 269 476L261 439L105 436Q121 598 218 702T457 803Q576 800 684 707L773 624Q841 563 904 563Q979 563 1031 618T1102 775L1245 778Z" />
-<glyph unicode="&#xa0;" horiz-adv-x="502" />
-<glyph unicode="&#xa1;" horiz-adv-x="494" d="M179 684H344L175 -360H-15L179 684ZM416 999Q416 952 387 921T310 888T233 917T203 993Q204 1041 233 1070T310 1102Q356 1103 386 1074T416 999Z" />
-<glyph unicode="&#xa2;" horiz-adv-x="1096" d="M489 130Q586 128 664 185T770 340L942 341Q921 207 817 113T552 -12L506 -245H325L372 -9Q253 21 181 115T94 350Q82 461 104 594T186 833T340 1004T552 1092L597 1318H778L733 1093Q864 1061 937 960T1011 709H841Q841
-815 785 881T632 951Q480 957 381 829T268 473L267 431Q264 289 322 211T489 130Z" />
-<glyph unicode="&#xa3;" horiz-adv-x="1164" d="M440 622L412 410Q392 257 304 154L1019 157L990 0H-13L16 156L83 154Q196 195 225 416L252 622H92L119 779H275L306 1032Q331 1236 470 1359T801 1476Q969 1472 1065 1368T1153 1086L966 1087Q973 1193 924 1254T774
-1319Q664 1323 587 1241T494 1030L462 779H772L745 622H440Z" />
-<glyph unicode="&#xa4;" horiz-adv-x="1426" d="M996 110Q809 -24 619 -20Q420 -16 284 110L127 -26L18 118L177 252Q147 337 137 424Q118 574 162 718T311 980L194 1137L335 1264L449 1116Q628 1238 810 1234Q998 1232 1135 1113L1310 1265L1421 1119L1248 972Q1280
-885 1292 796Q1310 652 1270 511T1130 250L1245 100L1102 -27L996 110ZM304 599Q289 485 326 381T442 216T630 150Q747 146 854 209T1034 383T1123 617Q1137 732 1101 835T985 998T798 1063Q680 1067 572 1004T392 831T304 599Z" />
-<glyph unicode="&#xa5;" horiz-adv-x="1213" d="M622 783L1091 1456H1316L786 736H1083L1061 611H689L660 446H1033L1011 322H639L582 0H394L450 322H83L105 446H471L500 611H133L155 736H465L184 1456H387L622 783Z" />
-<glyph unicode="&#xa6;" horiz-adv-x="486" d="M-9 -270L129 521H311L173 -270H-9ZM341 698H159L291 1456H473L341 698Z" />
-<glyph unicode="&#xa7;" horiz-adv-x="1228" d="M1087 439Q1069 248 858 152Q961 49 948 -120Q934 -294 790 -396T424 -496Q207 -492 86 -377T-24 -63L157 -62Q151 -147 182 -210T279 -307T432 -343Q515 -345 589 -318T709 -242T764 -123Q776 -46 723 9T531 109T312
-192Q70 307 90 543Q104 727 314 830Q215 936 228 1102Q236 1210 303 1296T489 1430Q612 1478 753 1476Q960 1472 1072 1358T1173 1045H993Q1001 1171 935 1246T745 1325Q610 1327 519 1269T412 1105Q401 1024 449 970T632 873T839 800Q1108 684 1087 439ZM616 691L462
-743Q295 696 273 545Q259 445 334 384Q384 343 513 303T707 237Q881 289 903 436Q914 509 867 565T700 663L616 691Z" />
-<glyph unicode="&#xa8;" horiz-adv-x="840" d="M219 1369Q220 1415 249 1445T325 1478Q372 1479 402 1450T432 1373Q432 1327 402 1297T325 1265Q278 1264 249 1293T219 1369ZM636 1367Q637 1413 666 1444T742 1477Q790 1478 820 1449T849 1371Q849 1324 819 1295T742
-1263Q696 1262 666 1291T636 1367Z" />
-<glyph unicode="&#xa9;" horiz-adv-x="1571" d="M1093 597Q1079 446 986 363T744 283Q599 287 519 395T453 670L463 768Q483 957 586 1066T847 1174Q989 1170 1066 1089T1138 859L995 860Q1001 945 967 994T842 1045Q747 1047 684 975T606 775T592 617L594 582Q601
-505 640 460T748 412Q918 405 953 596L1093 597ZM230 570Q252 363 382 232T702 98Q889 94 1055 205T1313 507T1385 888Q1363 1093 1235 1222T914 1356Q725 1360 559 1248T301 948T230 570ZM119 722Q141 921 255 1099T544 1378T913 1476Q1091 1474 1233 1376T1446
-1105T1496 735Q1473 532 1359 355T1073 78T713 -21H703Q520 -17 380 81T169 352T119 722Z" />
-<glyph unicode="&#xaa;" horiz-adv-x="898" d="M630 703L626 777Q534 691 420 691Q315 691 255 752T199 911Q204 1026 297 1088T557 1150L668 1149L677 1203Q680 1230 678 1254Q671 1333 586 1336Q530 1337 487 1313T428 1232L272 1243Q283 1352 371 1415T590
-1477Q713 1473 779 1399T836 1200L782 853L778 795Q777 750 785 704L630 703ZM460 826Q535 826 626 894L654 1037H561Q473 1034 421 1002T361 915Q356 872 383 849T460 826Z" />
-<glyph unicode="&#xab;" horiz-adv-x="942" d="M517 794L695 407H570L345 794L347 814L694 1203H846L517 794ZM581 538L759 151H634L409 538L411 558L758 947H910L581 538Z" />
-<glyph unicode="&#xac;" horiz-adv-x="1110" d="M891 375H709L756 639H129L158 800H965L891 375Z" />
-<glyph unicode="&#xad;" horiz-adv-x="558" d="M500 543H25L52 694H527L500 543Z" />
-<glyph unicode="&#xae;" horiz-adv-x="1572" d="M118 722Q140 921 254 1099T543 1378T912 1476Q1087 1474 1228 1379T1443 1110T1495 735Q1472 531 1357 354T1069 75T703 -22Q524 -18 384 77T171 348T118 722ZM229 569Q241 438 305 328T472 159T701 97Q888 93
-1053 203T1311 503T1385 888Q1371 1021 1307 1129T1141 1295T913 1356Q728 1360 563 1253T304 956T229 569ZM654 654L601 316H463L596 1165L853 1164Q992 1159 1066 1095T1134 916Q1131 858 1097 810T982 716Q1059 672 1068 575L1067 514Q1056 427 1058 396L1061
-332L1059 315H921Q915 352 917 388L924 460L930 514Q937 580 913 614T821 653L654 654ZM673 782L816 781Q888 783 938 817T998 910Q1008 973 976 1004T854 1038H714L673 782Z" />
-<glyph unicode="&#xaf;" horiz-adv-x="920" d="M921 1313H227L250 1456H944L921 1313Z" />
-<glyph unicode="&#xb0;" horiz-adv-x="752" d="M236 1207Q240 1318 320 1398T504 1477Q601 1475 664 1401T726 1225Q722 1113 643 1035T461 959Q363 961 298 1033T236 1207ZM357 1209Q351 1160 381 1124T461 1087Q515 1087 557 1127T606 1223Q612 1271 584 1310T504
-1350Q450 1350 407 1308T357 1209Z" />
-<glyph unicode="&#xb1;" horiz-adv-x="1071" d="M670 854H1023L999 703H647L582 289H418L483 703H109L134 854H507L572 1267H735L670 854ZM848 0H37L61 152H872L848 0Z" />
-<glyph unicode="&#xb2;" horiz-adv-x="738" d="M674 667H92L112 783L467 1081Q566 1165 578 1239Q585 1287 559 1314T484 1342Q418 1343 378 1306T324 1206L170 1205Q181 1322 268 1396T483 1469Q603 1467 672 1404T737 1239Q729 1116 578 991L514 940L318 795H697L674
-667Z" />
-<glyph unicode="&#xb3;" horiz-adv-x="738" d="M343 1125L421 1124Q487 1126 533 1156T587 1241Q593 1290 562 1314T481 1339Q369 1339 340 1246H184Q195 1347 274 1407T479 1468Q605 1465 676 1406T742 1250Q735 1131 583 1065Q701 1022 697 893Q692 782 602
-718T378 655Q259 657 185 719T110 889H261Q261 839 294 812T385 784Q449 784 494 816T547 901Q560 1003 419 1008L332 1009L343 1125Z" />
-<glyph unicode="&#xb4;" horiz-adv-x="633" d="M447 1534H677L371 1240H213L447 1534Z" />
-<glyph unicode="&#xb5;" horiz-adv-x="1135" d="M414 1082L311 458Q301 374 304 316Q314 133 460 130Q643 124 740 281L879 1082H1061L873 0H711L730 115Q619 -23 457 -21Q322 -21 242 54L153 -416H-27L233 1082H414Z" />
-<glyph unicode="&#xb6;" horiz-adv-x="981" d="M532 0L623 520L559 521Q348 524 236 651T143 980Q157 1122 231 1231T425 1398T689 1457L966 1456L714 0H532Z" />
-<glyph unicode="&#xb7;" horiz-adv-x="528" d="M165 726Q166 775 196 807T277 842Q325 844 357 813T389 732Q388 683 356 652T275 618Q230 616 198 645T165 726Z" />
-<glyph unicode="&#xb8;" horiz-adv-x="502" d="M167 0L146 -55Q275 -84 271 -218Q268 -320 181 -377T-56 -437L-52 -329Q114 -323 130 -222Q142 -151 38 -139L-8 -133L38 0H167Z" />
-<glyph unicode="&#xb9;" horiz-adv-x="738" d="M493 674H339L443 1271L223 1215L247 1350L603 1463H624L493 674Z" />
-<glyph unicode="&#xba;" horiz-adv-x="913" d="M589 1477Q730 1473 810 1375T878 1123L871 1052Q854 886 750 786T495 689Q353 693 273 793T205 1043L212 1113Q229 1281 334 1381T589 1477ZM365 1041Q355 945 391 888T504 828Q583 825 639 882T710 1043L719 1124Q727
-1226 690 1280T581 1337Q499 1339 443 1281T373 1123L365 1041Z" />
-<glyph unicode="&#xbb;" horiz-adv-x="941" d="M291 949L516 562L514 541L167 152H15L343 560L166 949H291ZM629 949L854 562L852 541L505 152H353L681 560L504 949H629Z" />
-<glyph unicode="&#xbc;" horiz-adv-x="1465" d="M455 664H301L405 1261L185 1205L209 1340L565 1453H586L455 664ZM354 120L256 192L1137 1320L1235 1248L354 120ZM1227 299H1331L1308 169H1205L1175 0H1021L1051 169H688L701 281L1148 789H1312L1227 299ZM865
-299H1073L1131 590L1109 560L865 299Z" />
-<glyph unicode="&#xbd;" horiz-adv-x="1551" d="M311 120L213 192L1094 1320L1192 1248L311 120ZM450 664H296L400 1261L180 1205L204 1340L560 1453H581L450 664ZM1333 0H751L771 116L1126 414Q1225 498 1237 572Q1244 620 1218 647T1143 675Q1077 676 1037 639T983
-539L829 538Q840 655 927 729T1142 802Q1262 800 1331 737T1396 572Q1388 449 1237 324L1173 273L977 128H1356L1333 0Z" />
-<glyph unicode="&#xbe;" horiz-adv-x="1555" d="M477 120L379 192L1260 1320L1358 1248L477 120ZM1316 299H1420L1397 169H1294L1264 0H1110L1140 169H777L790 281L1237 789H1401L1316 299ZM954 299H1162L1220 590L1198 560L954 299ZM391 1126L469 1125Q535 1127
-581 1157T635 1242Q641 1291 610 1315T529 1340Q417 1340 388 1247H232Q243 1348 322 1408T527 1469Q653 1466 724 1407T790 1251Q783 1132 631 1066Q749 1023 745 894Q740 783 650 719T426 656Q307 658 233 720T158 890H309Q309 840 342 813T433 785Q497 785 542
-817T595 902Q608 1004 467 1009L380 1010L391 1126Z" />
-<glyph unicode="&#xbf;" horiz-adv-x="950" d="M584 681Q572 572 531 492T384 311L287 220Q168 105 155 -10Q142 -108 189 -166T329 -226Q427 -228 493 -172T578 -21L758 -20Q739 -187 617 -288T318 -386Q145 -382 50 -281T-30 -14Q-15 169 176 344L292 446Q383
-531 408 680L584 681ZM654 1000Q654 953 625 922T548 889Q500 887 471 918T441 994Q442 1041 472 1070T548 1102Q594 1103 624 1075T654 1000Z" />
-<glyph unicode="&#xc0;" horiz-adv-x="1306" d="M909 380H319L120 0H-81L710 1456H875L1163 0H978L909 380ZM402 538H881L760 1217L402 538ZM916 1550H773L568 1844H773L916 1550Z" />
-<glyph unicode="&#xc1;" horiz-adv-x="1306" d="M909 380H319L120 0H-81L710 1456H875L1163 0H978L909 380ZM402 538H881L760 1217L402 538ZM946 1844H1176L870 1550H712L946 1844Z" />
-<glyph unicode="&#xc2;" horiz-adv-x="1306" d="M909 380H319L120 0H-81L710 1456H875L1163 0H978L909 380ZM402 538H881L760 1217L402 538ZM1117 1574V1560L970 1562L857 1731L681 1563L528 1560V1576L806 1846H912L1117 1574Z" />
-<glyph unicode="&#xc3;" horiz-adv-x="1306" d="M909 380H319L120 0H-81L710 1456H875L1163 0H978L909 380ZM402 538H881L760 1217L402 538ZM1199 1815Q1187 1704 1126 1637T972 1570Q935 1570 905 1585T844 1620T783 1654T716 1668Q631 1665 600 1556L478 1563Q490
-1673 552 1743T708 1811Q735 1811 758 1803T835 1762T912 1720T964 1712Q1050 1712 1082 1825L1199 1815Z" />
-<glyph unicode="&#xc4;" horiz-adv-x="1306" d="M909 380H319L120 0H-81L710 1456H875L1163 0H978L909 380ZM402 538H881L760 1217L402 538ZM526 1679Q527 1725 556 1755T632 1788Q679 1789 709 1760T739 1683Q739 1637 709 1607T632 1575Q585 1574 556 1603T526
-1679ZM943 1677Q944 1723 973 1754T1049 1787Q1097 1788 1127 1759T1156 1681Q1156 1634 1126 1605T1049 1573Q1003 1572 973 1601T943 1677Z" />
-<glyph unicode="&#xc5;" horiz-adv-x="1306" d="M909 380H319L120 0H-81L710 1456H875L1163 0H978L909 380ZM402 538H881L760 1217L402 538ZM641 1721Q643 1812 707 1875T861 1938Q943 1938 1000 1880T1058 1737Q1056 1648 992 1586T838 1524Q754 1524 697 1581T641
-1721ZM737 1723Q733 1677 760 1646T830 1614Q876 1614 915 1649T961 1735Q967 1781 939 1814T869 1847Q823 1847 783 1811T737 1723Z" />
-<glyph unicode="&#xc6;" horiz-adv-x="1867" d="M1719 0H862L909 353H369L108 0H-124L982 1456H1912L1885 1304H1215L1152 833H1726L1699 682H1132L1061 151H1746L1719 0ZM496 527H932L1028 1249L496 527Z" />
-<glyph unicode="&#xc7;" horiz-adv-x="1303" d="M1169 464Q1127 238 965 106T575 -20Q440 -17 339 46T182 229T120 494Q116 576 127 654L144 774Q191 1102 374 1291T821 1476Q1026 1472 1146 1344T1273 987H1086Q1073 1293 846 1317L813 1319Q624 1324 498 1179T334
-781L312 630L306 542Q300 358 371 250T584 137Q736 132 835 210T987 461L1169 464ZM617 -9L596 -64Q725 -93 721 -227Q718 -329 631 -386T394 -446L398 -338Q564 -332 580 -231Q592 -160 488 -148L442 -142L488 -9H617Z" />
-<glyph unicode="&#xc8;" horiz-adv-x="1139" d="M976 673H364L274 157H986L958 0H59L312 1456H1201L1173 1298H472L391 830H1003L976 673ZM866 1562H723L518 1856H723L866 1562Z" />
-<glyph unicode="&#xc9;" horiz-adv-x="1139" d="M976 673H364L274 157H986L958 0H59L312 1456H1201L1173 1298H472L391 830H1003L976 673ZM896 1856H1126L820 1562H662L896 1856Z" />
-<glyph unicode="&#xca;" horiz-adv-x="1139" d="M976 673H364L274 157H986L958 0H59L312 1456H1201L1173 1298H472L391 830H1003L976 673ZM1067 1586V1572L920 1574L807 1743L631 1575L478 1572V1588L756 1858H862L1067 1586Z" />
-<glyph unicode="&#xcb;" horiz-adv-x="1139" d="M976 673H364L274 157H986L958 0H59L312 1456H1201L1173 1298H472L391 830H1003L976 673ZM476 1691Q477 1737 506 1767T582 1800Q629 1801 659 1772T689 1695Q689 1649 659 1619T582 1587Q535 1586 506 1615T476
-1691ZM893 1689Q894 1735 923 1766T999 1799Q1047 1800 1077 1771T1106 1693Q1106 1646 1076 1617T999 1585Q953 1584 923 1613T893 1689Z" />
-<glyph unicode="&#xcc;" horiz-adv-x="550" d="M260 0H73L326 1456H513L260 0ZM537 1562H394L189 1856H394L537 1562Z" />
-<glyph unicode="&#xcd;" horiz-adv-x="550" d="M260 0H73L326 1456H513L260 0ZM566 1856H796L490 1562H332L566 1856Z" />
-<glyph unicode="&#xce;" horiz-adv-x="550" d="M260 0H73L326 1456H513L260 0ZM738 1586V1572L591 1574L478 1743L302 1575L149 1572V1588L427 1858H533L738 1586Z" />
-<glyph unicode="&#xcf;" horiz-adv-x="550" d="M260 0H73L326 1456H513L260 0ZM147 1691Q148 1737 177 1767T253 1800Q300 1801 330 1772T360 1695Q360 1649 330 1619T253 1587Q206 1586 177 1615T147 1691ZM564 1689Q565 1735 594 1766T670 1799Q718 1800 748
-1771T777 1693Q777 1646 747 1617T670 1585Q624 1584 594 1613T564 1689Z" />
-<glyph unicode="&#xd0;" horiz-adv-x="1343" d="M89 0L204 666H47L74 817H231L342 1456L720 1455Q898 1455 1026 1366T1211 1121T1244 770L1234 697Q1190 379 987 190T477 0H89ZM665 666H392L304 157L489 156Q701 156 848 288T1040 650Q1075 834 1064 963Q1049
-1118 961 1205T725 1297L502 1298L418 817H692L665 666Z" />
-<glyph unicode="&#xd1;" horiz-adv-x="1426" d="M1146 0H964L444 1130L248 0H59L312 1456H494L1015 321L1212 1456H1399L1146 0ZM1251 1815Q1239 1704 1178 1637T1024 1570Q987 1570 957 1585T896 1620T835 1654T768 1668Q683 1665 652 1556L530 1563Q542 1673
-604 1743T760 1811Q787 1811 810 1803T887 1762T964 1720T1016 1712Q1102 1712 1134 1825L1251 1815Z" />
-<glyph unicode="&#xd2;" horiz-adv-x="1376" d="M593 -20Q454 -17 352 47T190 235T125 515Q119 636 152 814T266 1135T463 1364Q620 1480 821 1476Q1034 1472 1157 1329T1289 940Q1293 835 1268 673T1177 372T1010 139Q834 -25 593 -20ZM1104 894Q1110 1091 1035
-1199T812 1312Q678 1316 573 1240T400 1013T314 629L311 564Q305 368 381 257T602 142Q791 137 915 278T1081 676Q1101 802 1104 894ZM949 1552H806L601 1846H806L949 1552Z" />
-<glyph unicode="&#xd3;" horiz-adv-x="1376" d="M593 -20Q454 -17 352 47T190 235T125 515Q119 636 152 814T266 1135T463 1364Q620 1480 821 1476Q1034 1472 1157 1329T1289 940Q1293 835 1268 673T1177 372T1010 139Q834 -25 593 -20ZM1104 894Q1110 1091 1035
-1199T812 1312Q678 1316 573 1240T400 1013T314 629L311 564Q305 368 381 257T602 142Q791 137 915 278T1081 676Q1101 802 1104 894ZM979 1846H1209L903 1552H745L979 1846Z" />
-<glyph unicode="&#xd4;" horiz-adv-x="1376" d="M593 -20Q454 -17 352 47T190 235T125 515Q119 636 152 814T266 1135T463 1364Q620 1480 821 1476Q1034 1472 1157 1329T1289 940Q1293 835 1268 673T1177 372T1010 139Q834 -25 593 -20ZM1104 894Q1110 1091 1035
-1199T812 1312Q678 1316 573 1240T400 1013T314 629L311 564Q305 368 381 257T602 142Q791 137 915 278T1081 676Q1101 802 1104 894ZM1150 1576V1562L1003 1564L890 1733L714 1565L561 1562V1578L839 1848H945L1150 1576Z" />
-<glyph unicode="&#xd5;" horiz-adv-x="1376" d="M593 -20Q454 -17 352 47T190 235T125 515Q119 636 152 814T266 1135T463 1364Q620 1480 821 1476Q1034 1472 1157 1329T1289 940Q1293 835 1268 673T1177 372T1010 139Q834 -25 593 -20ZM1104 894Q1110 1091 1035
-1199T812 1312Q678 1316 573 1240T400 1013T314 629L311 564Q305 368 381 257T602 142Q791 137 915 278T1081 676Q1101 802 1104 894ZM1232 1817Q1220 1706 1159 1639T1005 1572Q968 1572 938 1587T877 1622T816 1656T749 1670Q664 1667 633 1558L511 1565Q523
-1675 585 1745T741 1813Q768 1813 791 1805T868 1764T945 1722T997 1714Q1083 1714 1115 1827L1232 1817Z" />
-<glyph unicode="&#xd6;" horiz-adv-x="1376" d="M593 -20Q454 -17 352 47T190 235T125 515Q119 636 152 814T266 1135T463 1364Q620 1480 821 1476Q1034 1472 1157 1329T1289 940Q1293 835 1268 673T1177 372T1010 139Q834 -25 593 -20ZM1104 894Q1110 1091 1035
-1199T812 1312Q678 1316 573 1240T400 1013T314 629L311 564Q305 368 381 257T602 142Q791 137 915 278T1081 676Q1101 802 1104 894ZM559 1681Q560 1727 589 1757T665 1790Q712 1791 742 1762T772 1685Q772 1639 742 1609T665 1577Q618 1576 589 1605T559 1681ZM976
-1679Q977 1725 1006 1756T1082 1789Q1130 1790 1160 1761T1189 1683Q1189 1636 1159 1607T1082 1575Q1036 1574 1006 1603T976 1679Z" />
-<glyph unicode="&#xd7;" horiz-adv-x="1069" d="M40 338L419 673L158 1009L286 1123L548 789L925 1123L1026 992L650 656L912 320L784 206L521 542L142 206L40 338Z" />
-<glyph unicode="&#xd8;" horiz-adv-x="1376" d="M590 -21Q424 -17 307 63L183 -92H32L221 140Q115 311 120 541Q121 638 145 788T229 1067T378 1289T580 1430T820 1476Q1026 1472 1155 1350L1286 1515H1436L1228 1259Q1277 1143 1287 1021Q1301 852 1258 630T1102
-249T830 23Q718 -24 590 -21ZM302 487Q304 379 335 296L1045 1204Q968 1308 812 1313Q630 1318 504 1180T334 798Q300 606 302 487ZM1109 933Q1113 1011 1102 1089L411 203Q485 145 599 141Q790 136 916 283T1083 700Q1105 847 1109 933Z" />
-<glyph unicode="&#xd9;" horiz-adv-x="1298" d="M1312 1456L1144 471Q1110 244 948 110T557 -21Q414 -18 309 43T153 216T120 470L288 1456H473L306 469Q289 316 358 229T567 137Q719 131 823 219T955 468L1123 1456H1312ZM911 1550H768L563 1844H768L911 1550Z" />
-<glyph unicode="&#xda;" horiz-adv-x="1298" d="M1312 1456L1144 471Q1110 244 948 110T557 -21Q414 -18 309 43T153 216T120 470L288 1456H473L306 469Q289 316 358 229T567 137Q719 131 823 219T955 468L1123 1456H1312ZM941 1844H1171L865 1550H707L941 1844Z" />
-<glyph unicode="&#xdb;" horiz-adv-x="1298" d="M1312 1456L1144 471Q1110 244 948 110T557 -21Q414 -18 309 43T153 216T120 470L288 1456H473L306 469Q289 316 358 229T567 137Q719 131 823 219T955 468L1123 1456H1312ZM1112 1574V1560L965 1562L852 1731L676
-1563L523 1560V1576L801 1846H907L1112 1574Z" />
-<glyph unicode="&#xdc;" horiz-adv-x="1298" d="M1312 1456L1144 471Q1110 244 948 110T557 -21Q414 -18 309 43T153 216T120 470L288 1456H473L306 469Q289 316 358 229T567 137Q719 131 823 219T955 468L1123 1456H1312ZM521 1679Q522 1725 551 1755T627 1788Q674
-1789 704 1760T734 1683Q734 1637 704 1607T627 1575Q580 1574 551 1603T521 1679ZM938 1677Q939 1723 968 1754T1044 1787Q1092 1788 1122 1759T1151 1681Q1151 1634 1121 1605T1044 1573Q998 1572 968 1601T938 1677Z" />
-<glyph unicode="&#xdd;" horiz-adv-x="1203" d="M611 726L1106 1456H1330L677 533L584 0H397L493 554L168 1456H372L611 726ZM892 1844H1122L816 1550H658L892 1844Z" />
-<glyph unicode="&#xde;" horiz-adv-x="1184" d="M491 1456L440 1163L678 1162Q886 1161 1004 1048T1107 746Q1096 616 1026 518T836 366T572 312L293 313L238 0H56L309 1456H491ZM414 1011L319 465L576 464Q715 464 812 540T926 744Q940 864 876 935T693 1010L414 1011Z" />
-<glyph unicode="&#xdf;" horiz-adv-x="1191" d="M211 0H30L220 1111Q238 1245 297 1348T449 1504T663 1555Q822 1551 909 1462T983 1225Q974 1130 893 1008T800 810Q791 755 818 701T918 573T1020 443T1046 326Q1036 162 920 69T631 -21Q453 -19 339 54L398 207Q504
-132 617 130Q718 130 787 179T868 315Q875 372 848 425T747 554T643 688T618 811Q623 870 651 918T711 1012T772 1105T809 1211Q819 1293 781 1347T662 1405Q557 1408 489 1333T400 1112L211 0Z" />
-<glyph unicode="&#xe0;" horiz-adv-x="1091" d="M693 0Q686 29 686 57L689 114Q540 -24 373 -20Q230 -18 141 70T59 292Q69 464 209 560T579 657L768 656L780 742Q790 839 743 895T600 954Q507 956 436 909T348 783L166 782Q175 877 240 950T407 1064T618 1103Q787
-1099 881 1001T960 739L872 203L867 126Q865 71 879 17L877 0H693ZM409 140Q496 138 573 181T707 302L746 525L609 526Q438 526 347 472T244 319Q235 243 279 193T409 140ZM774 1240H631L426 1534H631L774 1240Z" />
-<glyph unicode="&#xe1;" horiz-adv-x="1091" d="M693 0Q686 29 686 57L689 114Q540 -24 373 -20Q230 -18 141 70T59 292Q69 464 209 560T579 657L768 656L780 742Q790 839 743 895T600 954Q507 956 436 909T348 783L166 782Q175 877 240 950T407 1064T618 1103Q787
-1099 881 1001T960 739L872 203L867 126Q865 71 879 17L877 0H693ZM409 140Q496 138 573 181T707 302L746 525L609 526Q438 526 347 472T244 319Q235 243 279 193T409 140ZM804 1534H1034L728 1240H570L804 1534Z" />
-<glyph unicode="&#xe2;" horiz-adv-x="1091" d="M693 0Q686 29 686 57L689 114Q540 -24 373 -20Q230 -18 141 70T59 292Q69 464 209 560T579 657L768 656L780 742Q790 839 743 895T600 954Q507 956 436 909T348 783L166 782Q175 877 240 950T407 1064T618 1103Q787
-1099 881 1001T960 739L872 203L867 126Q865 71 879 17L877 0H693ZM409 140Q496 138 573 181T707 302L746 525L609 526Q438 526 347 472T244 319Q235 243 279 193T409 140ZM975 1264V1250L828 1252L715 1421L539 1253L386 1250V1266L664 1536H770L975 1264Z" />
-<glyph unicode="&#xe3;" horiz-adv-x="1091" d="M693 0Q686 29 686 57L689 114Q540 -24 373 -20Q230 -18 141 70T59 292Q69 464 209 560T579 657L768 656L780 742Q790 839 743 895T600 954Q507 956 436 909T348 783L166 782Q175 877 240 950T407 1064T618 1103Q787
-1099 881 1001T960 739L872 203L867 126Q865 71 879 17L877 0H693ZM409 140Q496 138 573 181T707 302L746 525L609 526Q438 526 347 472T244 319Q235 243 279 193T409 140ZM1057 1505Q1045 1394 984 1327T830 1260Q793 1260 763 1275T702 1310T641 1344T574 1358Q489
-1355 458 1246L336 1253Q348 1363 410 1433T566 1501Q593 1501 616 1493T693 1452T770 1410T822 1402Q908 1402 940 1515L1057 1505Z" />
-<glyph unicode="&#xe4;" horiz-adv-x="1091" d="M693 0Q686 29 686 57L689 114Q540 -24 373 -20Q230 -18 141 70T59 292Q69 464 209 560T579 657L768 656L780 742Q790 839 743 895T600 954Q507 956 436 909T348 783L166 782Q175 877 240 950T407 1064T618 1103Q787
-1099 881 1001T960 739L872 203L867 126Q865 71 879 17L877 0H693ZM409 140Q496 138 573 181T707 302L746 525L609 526Q438 526 347 472T244 319Q235 243 279 193T409 140ZM384 1369Q385 1415 414 1445T490 1478Q537 1479 567 1450T597 1373Q597 1327 567 1297T490
-1265Q443 1264 414 1293T384 1369ZM801 1367Q802 1413 831 1444T907 1477Q955 1478 985 1449T1014 1371Q1014 1324 984 1295T907 1263Q861 1262 831 1291T801 1367Z" />
-<glyph unicode="&#xe5;" horiz-adv-x="1091" d="M693 0Q686 29 686 57L689 114Q540 -24 373 -20Q230 -18 141 70T59 292Q69 464 209 560T579 657L768 656L780 742Q790 839 743 895T600 954Q507 956 436 909T348 783L166 782Q175 877 240 950T407 1064T618 1103Q787
-1099 881 1001T960 739L872 203L867 126Q865 71 879 17L877 0H693ZM409 140Q496 138 573 181T707 302L746 525L609 526Q438 526 347 472T244 319Q235 243 279 193T409 140ZM499 1411Q501 1502 565 1565T719 1628Q801 1628 858 1570T916 1427Q914 1338 850 1276T696
-1214Q612 1214 555 1271T499 1411ZM595 1413Q591 1367 618 1336T688 1304Q734 1304 773 1339T819 1425Q825 1471 797 1504T727 1537Q681 1537 641 1501T595 1413Z" />
-<glyph unicode="&#xe6;" horiz-adv-x="1687" d="M1136 -20Q1015 -18 923 28T779 160Q610 -24 334 -20Q188 -18 104 68T29 296Q39 456 166 546T510 636L736 635L748 721Q760 825 717 885T584 950Q480 952 408 899T321 759L142 778Q158 929 284 1017T596 1103Q705
-1101 786 1058T902 937Q1064 1106 1258 1102Q1385 1100 1472 1037T1596 864T1616 615L1598 497H896Q887 429 896 365Q909 258 973 196T1142 132Q1232 130 1310 160T1463 237L1516 100Q1378 -20 1136 -20ZM375 129Q445 127 524 163T670 257L713 495L510 496Q390
-496 307 440T212 292Q203 218 248 175T375 129ZM1248 952Q1138 955 1053 877T915 640H1437L1443 672Q1452 727 1445 777Q1434 857 1383 903T1248 952Z" />
-<glyph unicode="&#xe7;" horiz-adv-x="1050" d="M488 130Q585 128 663 186T765 340L936 341Q921 239 855 155T687 24T480 -20Q345 -18 252 50T114 241T84 517L89 567Q108 723 180 846T368 1037T624 1102Q794 1098 896 988T998 709L829 710Q827 816 770 881T616
-951Q475 954 382 846T265 544L262 518Q256 454 260 386Q267 269 326 201T488 130ZM485 -9L464 -64Q593 -93 589 -227Q586 -329 499 -386T262 -446L266 -338Q432 -332 448 -231Q460 -160 356 -148L310 -142L356 -9H485Z" />
-<glyph unicode="&#xe8;" horiz-adv-x="1062" d="M499 -20Q297 -16 183 129T87 500L92 543Q109 704 187 837T379 1037T623 1102Q790 1098 885 991T989 701Q992 636 985 571L974 488H267Q249 341 315 238T514 131Q674 127 810 275L914 187Q846 89 739 34T499 -20ZM614
-951Q502 954 419 875T286 640L812 639L816 655Q832 781 776 864T614 951ZM747 1240H604L399 1534H604L747 1240Z" />
-<glyph unicode="&#xe9;" horiz-adv-x="1062" d="M499 -20Q297 -16 183 129T87 500L92 543Q109 704 187 837T379 1037T623 1102Q790 1098 885 991T989 701Q992 636 985 571L974 488H267Q249 341 315 238T514 131Q674 127 810 275L914 187Q846 89 739 34T499 -20ZM614
-951Q502 954 419 875T286 640L812 639L816 655Q832 781 776 864T614 951ZM777 1534H1007L701 1240H543L777 1534Z" />
-<glyph unicode="&#xea;" horiz-adv-x="1062" d="M499 -20Q297 -16 183 129T87 500L92 543Q109 704 187 837T379 1037T623 1102Q790 1098 885 991T989 701Q992 636 985 571L974 488H267Q249 341 315 238T514 131Q674 127 810 275L914 187Q846 89 739 34T499 -20ZM614
-951Q502 954 419 875T286 640L812 639L816 655Q832 781 776 864T614 951ZM948 1264V1250L801 1252L688 1421L512 1253L359 1250V1266L637 1536H743L948 1264Z" />
-<glyph unicode="&#xeb;" horiz-adv-x="1062" d="M499 -20Q297 -16 183 129T87 500L92 543Q109 704 187 837T379 1037T623 1102Q790 1098 885 991T989 701Q992 636 985 571L974 488H267Q249 341 315 238T514 131Q674 127 810 275L914 187Q846 89 739 34T499 -20ZM614
-951Q502 954 419 875T286 640L812 639L816 655Q832 781 776 864T614 951ZM357 1369Q358 1415 387 1445T463 1478Q510 1479 540 1450T570 1373Q570 1327 540 1297T463 1265Q416 1264 387 1293T357 1369ZM774 1367Q775 1413 804 1444T880 1477Q928 1478 958 1449T987
-1371Q987 1324 957 1295T880 1263Q834 1262 804 1291T774 1367Z" />
-<glyph unicode="&#xec;" horiz-adv-x="501" d="M227 0H46L234 1082H415L227 0ZM711 1495H568L363 1789H568L711 1495Z" />
-<glyph unicode="&#xed;" horiz-adv-x="501" d="M227 0H46L234 1082H415L227 0ZM484 1789H714L408 1495H250L484 1789Z" />
-<glyph unicode="&#xee;" horiz-adv-x="501" d="M227 0H46L234 1082H415L227 0ZM656 1263V1249L509 1251L396 1420L220 1252L67 1249V1265L345 1535H451L656 1263Z" />
-<glyph unicode="&#xef;" horiz-adv-x="501" d="M227 0H46L234 1082H415L227 0ZM65 1368Q66 1414 95 1444T171 1477Q218 1478 248 1449T278 1372Q278 1326 248 1296T171 1264Q124 1263 95 1292T65 1368ZM482 1366Q483 1412 512 1443T588 1476Q636 1477 666 1448T695
-1370Q695 1323 665 1294T588 1262Q542 1261 512 1290T482 1366Z" />
-<glyph unicode="&#xf0;" horiz-adv-x="1174" d="M926 1299Q1103 1004 1053 633L1040 542Q1016 375 938 242T747 43T504 -21Q316 -17 204 120T111 459Q125 603 194 724T374 914T617 978Q771 974 882 863Q878 1045 772 1198L533 1050L474 1158L681 1284Q579 1370
-401 1422L471 1579Q691 1523 841 1387L1050 1517L1108 1408L926 1299ZM877 695Q821 821 651 826Q507 830 409 729T292 458Q277 319 341 226T517 129Q644 124 735 233T857 535L877 695Z" />
-<glyph unicode="&#xf1;" horiz-adv-x="1106" d="M390 1083L364 946Q510 1106 696 1102Q849 1098 922 996T976 709L858 0H677L796 712Q802 761 797 803Q780 943 632 946Q469 949 346 772L212 0H31L219 1082L390 1083ZM1048 1505Q1036 1394 975 1327T821 1260Q784
-1260 754 1275T693 1310T632 1344T565 1358Q480 1355 449 1246L327 1253Q339 1363 401 1433T557 1501Q584 1501 607 1493T684 1452T761 1410T813 1402Q899 1402 931 1515L1048 1505Z" />
-<glyph unicode="&#xf2;" horiz-adv-x="1143" d="M632 1102Q768 1100 865 1028T1008 830T1040 553L1038 531Q1019 373 944 246T750 47T489 -20Q354 -18 257 54T114 250T82 523Q97 691 173 825T368 1032T632 1102ZM264 522Q257 459 264 391Q274 273 334 203T496
-130Q586 127 662 174T790 318T857 531Q865 623 860 686Q848 807 787 877T625 951Q485 954 387 841T266 545L264 522ZM756 1240H613L408 1534H613L756 1240Z" />
-<glyph unicode="&#xf3;" horiz-adv-x="1143" d="M632 1102Q768 1100 865 1028T1008 830T1040 553L1038 531Q1019 373 944 246T750 47T489 -20Q354 -18 257 54T114 250T82 523Q97 691 173 825T368 1032T632 1102ZM264 522Q257 459 264 391Q274 273 334 203T496
-130Q586 127 662 174T790 318T857 531Q865 623 860 686Q848 807 787 877T625 951Q485 954 387 841T266 545L264 522ZM786 1534H1016L710 1240H552L786 1534Z" />
-<glyph unicode="&#xf4;" horiz-adv-x="1143" d="M632 1102Q768 1100 865 1028T1008 830T1040 553L1038 531Q1019 373 944 246T750 47T489 -20Q354 -18 257 54T114 250T82 523Q97 691 173 825T368 1032T632 1102ZM264 522Q257 459 264 391Q274 273 334 203T496
-130Q586 127 662 174T790 318T857 531Q865 623 860 686Q848 807 787 877T625 951Q485 954 387 841T266 545L264 522ZM957 1264V1250L810 1252L697 1421L521 1253L368 1250V1266L646 1536H752L957 1264Z" />
-<glyph unicode="&#xf5;" horiz-adv-x="1143" d="M632 1102Q768 1100 865 1028T1008 830T1040 553L1038 531Q1019 373 944 246T750 47T489 -20Q354 -18 257 54T114 250T82 523Q97 691 173 825T368 1032T632 1102ZM264 522Q257 459 264 391Q274 273 334 203T496
-130Q586 127 662 174T790 318T857 531Q865 623 860 686Q848 807 787 877T625 951Q485 954 387 841T266 545L264 522ZM1039 1505Q1027 1394 966 1327T812 1260Q775 1260 745 1275T684 1310T623 1344T556 1358Q471 1355 440 1246L318 1253Q330 1363 392 1433T548
-1501Q575 1501 598 1493T675 1452T752 1410T804 1402Q890 1402 922 1515L1039 1505Z" />
-<glyph unicode="&#xf6;" horiz-adv-x="1143" d="M632 1102Q768 1100 865 1028T1008 830T1040 553L1038 531Q1019 373 944 246T750 47T489 -20Q354 -18 257 54T114 250T82 523Q97 691 173 825T368 1032T632 1102ZM264 522Q257 459 264 391Q274 273 334 203T496
-130Q586 127 662 174T790 318T857 531Q865 623 860 686Q848 807 787 877T625 951Q485 954 387 841T266 545L264 522ZM366 1369Q367 1415 396 1445T472 1478Q519 1479 549 1450T579 1373Q579 1327 549 1297T472 1265Q425 1264 396 1293T366 1369ZM783 1367Q784 1413
-813 1444T889 1477Q937 1478 967 1449T996 1371Q996 1324 966 1295T889 1263Q843 1262 813 1291T783 1367Z" />
-<glyph unicode="&#xf7;" horiz-adv-x="1144" d="M1038 600H68L101 784H1070L1038 600ZM534 1095Q534 1144 564 1176T645 1211Q693 1213 725 1182T757 1101Q756 1052 725 1021T644 988T564 1016T534 1095ZM392 278Q393 327 423 359T504 394Q552 396 584 365T616
-284Q615 235 583 204T502 171T423 199T392 278Z" />
-<glyph unicode="&#xf8;" horiz-adv-x="1135" d="M638 1104Q741 1102 832 1059L934 1208L1066 1207L922 1000Q1032 870 1039 672Q1041 617 1033 531Q1014 375 935 244T735 44T473 -22Q384 -20 291 15L189 -134L57 -133L198 72Q80 196 73 401Q71 462 77 522L79 538Q115
-801 270 954T638 1104ZM249 447Q239 315 290 224L749 922Q694 951 630 953Q473 957 369 820T249 447ZM863 701Q860 775 829 844L373 152Q423 129 480 127Q620 124 720 234T852 531Q865 626 863 701Z" />
-<glyph unicode="&#xf9;" horiz-adv-x="1105" d="M718 107Q591 -24 395 -20Q240 -16 166 91T110 383L226 1082H407L290 380Q285 336 288 294Q293 222 331 181T437 137Q631 131 737 294L873 1082H1054L866 0H695L718 107ZM760 1240H617L412 1534H617L760 1240Z" />
-<glyph unicode="&#xfa;" horiz-adv-x="1105" d="M718 107Q591 -24 395 -20Q240 -16 166 91T110 383L226 1082H407L290 380Q285 336 288 294Q293 222 331 181T437 137Q631 131 737 294L873 1082H1054L866 0H695L718 107ZM790 1534H1020L714 1240H556L790 1534Z" />
-<glyph unicode="&#xfb;" horiz-adv-x="1105" d="M718 107Q591 -24 395 -20Q240 -16 166 91T110 383L226 1082H407L290 380Q285 336 288 294Q293 222 331 181T437 137Q631 131 737 294L873 1082H1054L866 0H695L718 107ZM961 1264V1250L814 1252L701 1421L525 1253L372
-1250V1266L650 1536H756L961 1264Z" />
-<glyph unicode="&#xfc;" horiz-adv-x="1105" d="M718 107Q591 -24 395 -20Q240 -16 166 91T110 383L226 1082H407L290 380Q285 336 288 294Q293 222 331 181T437 137Q631 131 737 294L873 1082H1054L866 0H695L718 107ZM370 1369Q371 1415 400 1445T476 1478Q523
-1479 553 1450T583 1373Q583 1327 553 1297T476 1265Q429 1264 400 1293T370 1369ZM787 1367Q788 1413 817 1444T893 1477Q941 1478 971 1449T1000 1371Q1000 1324 970 1295T893 1263Q847 1262 817 1291T787 1367Z" />
-<glyph unicode="&#xfd;" horiz-adv-x="950" d="M419 273L804 1082H1004L362 -180Q228 -443 18 -440Q-19 -439 -91 -422L-75 -272L-28 -277Q58 -281 120 -239T231 -101L296 23L109 1082H298L419 273ZM733 1534H963L657 1240H499L733 1534Z" />
-<glyph unicode="&#xfe;" horiz-adv-x="1155" d="M1020 536Q1000 370 930 237T759 40T533 -22Q347 -18 246 106L149 -416H-32L307 1536H487L381 969Q512 1106 693 1102Q851 1098 937 984T1027 681Q1028 620 1020 536ZM842 558L847 642Q847 787 791 865T631 945Q471
-949 359 797L269 278Q330 135 487 130Q624 127 718 236T842 558Z" />
-<glyph unicode="&#xff;" horiz-adv-x="950" d="M419 273L804 1082H1004L362 -180Q228 -443 18 -440Q-19 -439 -91 -422L-75 -272L-28 -277Q58 -281 120 -239T231 -101L296 23L109 1082H298L419 273ZM313 1369Q314 1415 343 1445T419 1478Q466 1479 496 1450T526
-1373Q526 1327 496 1297T419 1265Q372 1264 343 1293T313 1369ZM730 1367Q731 1413 760 1444T836 1477Q884 1478 914 1449T943 1371Q943 1324 913 1295T836 1263Q790 1262 760 1291T730 1367Z" />
-<glyph unicode="&#x2013;" horiz-adv-x="1314" d="M1396 651H423L456 802H1429L1396 651Z" />
-<glyph unicode="&#x2014;" horiz-adv-x="1561" d="M1707 651H410L453 802H1750L1707 651Z" />
-<glyph unicode="&#x2018;" horiz-adv-x="407" d="M417 1555L517 1481Q405 1341 378 1207L354 1073H174L192 1185Q228 1407 417 1555Z" />
-<glyph unicode="&#x2019;" horiz-adv-x="407" d="M237 1046L137 1120Q255 1267 279 1405L302 1536H480L461 1415Q425 1190 237 1046Z" />
-<glyph unicode="&#x201a;" horiz-adv-x="405" d="M-5 -283L-104 -208Q11 -64 35 75L53 181H234L219 85Q184 -135 -5 -283Z" />
-<glyph unicode="&#x201c;" horiz-adv-x="712" d="M425 1555L525 1481Q413 1341 386 1207L362 1073H182L200 1185Q236 1407 425 1555ZM730 1555L830 1481Q718 1341 691 1207L667 1073H487L505 1185Q541 1407 730 1555Z" />
-<glyph unicode="&#x201d;" horiz-adv-x="719" d="M249 1046L149 1120Q267 1267 291 1405L314 1536H492L473 1415Q437 1190 249 1046ZM546 1046L446 1120Q564 1267 588 1405L611 1536H789L770 1415Q734 1190 546 1046Z" />
-<glyph unicode="&#x201e;" horiz-adv-x="694" d="M-4 -302L-108 -227Q8 -76 35 75L65 246H245L220 90Q181 -151 -4 -302ZM283 -302L180 -227Q296 -73 322 75L352 246H533L508 90Q469 -150 283 -302Z" />
-<glyph unicode="&#x2022;" horiz-adv-x="679" d="M161 765Q167 859 225 915T370 972Q451 972 503 918T556 775L554 733Q548 643 492 588T345 533Q263 533 212 586T160 724L161 765Z" />
-<glyph unicode="&#x2039;" horiz-adv-x="606" d="M267 540L445 153H320L95 540L97 560L444 949H596L267 540Z" />
-<glyph unicode="&#x203a;" horiz-adv-x="606" d="M278 949L503 562L501 541L154 152H2L330 560L153 949H278Z" />
-</font>
-</defs>
-</svg>
diff --git a/documentation/fonts/roboto-v15-latin-italic.ttf b/documentation/fonts/roboto-v15-latin-italic.ttf
deleted file mode 100644
index b0dd4a1e..00000000
Binary files a/documentation/fonts/roboto-v15-latin-italic.ttf and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-italic.woff b/documentation/fonts/roboto-v15-latin-italic.woff
deleted file mode 100644
index a2b77048..00000000
Binary files a/documentation/fonts/roboto-v15-latin-italic.woff and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-italic.woff2 b/documentation/fonts/roboto-v15-latin-italic.woff2
deleted file mode 100644
index 1bb77f9d..00000000
Binary files a/documentation/fonts/roboto-v15-latin-italic.woff2 and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-regular.eot b/documentation/fonts/roboto-v15-latin-regular.eot
deleted file mode 100644
index d26bc8f5..00000000
Binary files a/documentation/fonts/roboto-v15-latin-regular.eot and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-regular.svg b/documentation/fonts/roboto-v15-latin-regular.svg
deleted file mode 100644
index ed55c105..00000000
--- a/documentation/fonts/roboto-v15-latin-regular.svg
+++ /dev/null
@@ -1,308 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg">
-<defs >
-<font id="Roboto" horiz-adv-x="1157" ><font-face
-    font-family="Roboto"
-    units-per-em="2048"
-    panose-1="2 0 0 0 0 0 0 0 0 0"
-    ascent="1900"
-    descent="-500"
-    alphabetic="0" />
-<glyph unicode=" " horiz-adv-x="507" />
-<glyph unicode="!" horiz-adv-x="527" d="M347 411H180L167 1456H361L347 411ZM160 93Q160 138 187 168T269 199T351 169T379 93T351 19T269 -11T188 18T160 93Z" />
-<glyph unicode="&quot;" horiz-adv-x="655" d="M277 1400L247 1042H136L137 1536H277V1400ZM547 1400L517 1042H406L407 1536H547V1400Z" />
-<glyph unicode="#" horiz-adv-x="1261" d="M765 410H501L421 0H278L358 410H119V547H384L453 901H195V1040H480L562 1456H705L623 1040H887L969 1456H1113L1031 1040H1235V901H1004L935 547H1160V410H909L829 0H685L765 410ZM527 547H791L860 901H596L527 547Z" />
-<glyph unicode="$" horiz-adv-x="1150" d="M856 375Q856 467 792 530T574 644Q361 709 264 813T166 1079Q166 1243 261 1348T524 1473V1692H673V1472Q841 1449 934 1331T1028 1008H844Q844 1149 777 1232T596 1315Q477 1315 414 1254T351 1082Q351 980 417 920T636
-810T874 701T1000 562T1041 377Q1041 208 940 105T655 -17V-208H507V-17Q321 0 216 115T110 429H295Q295 290 368 215T575 140Q706 140 781 203T856 375Z" />
-<glyph unicode="%" horiz-adv-x="1500" d="M105 1176Q105 1307 188 1392T403 1477Q536 1477 618 1392T701 1170V1099Q701 967 618 884T405 800Q275 800 190 883T105 1106V1176ZM243 1099Q243 1021 287 971T405 920Q476 920 519 969T563 1103V1176Q563 1254 520
-1305T403 1356T286 1305T243 1172V1099ZM814 357Q814 488 897 572T1112 657T1327 573T1411 350V279Q1411 148 1328 64T1114 -21T899 62T814 285V357ZM952 279Q952 200 996 150T1114 99Q1186 99 1229 148T1272 283V357Q1272 436 1229 486T1112 536Q1041 536 997
-487T952 353V279ZM447 110L342 176L1053 1314L1158 1248L447 110Z" />
-<glyph unicode="&amp;" horiz-adv-x="1273" d="M101 391Q101 496 159 584T383 789Q286 907 253 979T220 1122Q220 1288 318 1382T584 1476Q734 1476 832 1389T930 1168Q930 1080 886 1006T730 849L623 770L947 383Q1015 513 1015 672H1182Q1182 417 1059 249L1267
-0H1045L948 115Q874 49 775 15T572 -20Q359 -20 230 93T101 391ZM572 131Q719 131 841 243L486 668L453 644Q286 521 286 391Q286 273 362 202T572 131ZM405 1128Q405 1032 523 888L641 971Q709 1019 734 1062T759 1168Q759 1235 709 1279T583 1324Q501 1324 453
-1269T405 1128Z" />
-<glyph unicode="&apos;" horiz-adv-x="357" d="M253 1425L232 1057H103L104 1536H253V1425Z" />
-<glyph unicode="(" horiz-adv-x="700" d="M133 591Q133 817 193 1025T374 1403T623 1643L661 1521Q515 1409 422 1179T319 664L318 579Q318 193 459 -91Q544 -261 661 -357L623 -470Q490 -396 369 -222Q133 118 133 591Z" />
-<glyph unicode=")" horiz-adv-x="712" d="M567 581Q567 358 509 154T330 -224T77 -470L38 -357Q192 -239 285 9T381 561V593Q381 803 337 983T215 1307T38 1530L77 1643Q209 1570 328 1399T507 1022T567 581Z" />
-<glyph unicode="*" horiz-adv-x="882" d="M330 983L28 1073L74 1224L376 1112L367 1456H520L510 1107L807 1217L853 1065L546 974L744 703L620 609L434 897L254 616L129 707L330 983Z" />
-<glyph unicode="+" horiz-adv-x="1161" d="M670 781H1076V606H670V146H484V606H78V781H484V1206H670V781Z" />
-<glyph unicode="," horiz-adv-x="402" d="M134 -290L29 -218Q123 -87 127 52V219H308V74Q308 -27 259 -128T134 -290Z" />
-<glyph unicode="-" horiz-adv-x="565" d="M525 543H37V694H525V543Z" />
-<glyph unicode="." horiz-adv-x="539" d="M144 97Q144 145 172 177T258 209T344 177T374 97Q374 51 345 20T258 -11T173 20T144 97Z" />
-<glyph unicode="/" horiz-adv-x="844" d="M177 -125H18L626 1456H784L177 -125Z" />
-<glyph unicode="0" horiz-adv-x="1150" d="M1034 621Q1034 296 923 138T576 -20Q343 -20 231 134T115 596V843Q115 1164 226 1320T574 1476Q809 1476 920 1326T1034 861V621ZM849 874Q849 1109 783 1216T574 1324Q432 1324 367 1217T300 888V592Q300 356 368 244T576
-131Q713 131 779 237T849 571V874Z" />
-<glyph unicode="1" horiz-adv-x="1150" d="M729 0H543V1233L170 1096V1264L700 1463H729V0Z" />
-<glyph unicode="2" horiz-adv-x="1150" d="M1075 0H121V133L625 693Q737 820 779 899T822 1064Q822 1178 753 1251T569 1324Q431 1324 355 1246T278 1027H93Q93 1228 222 1352T569 1476Q772 1476 890 1370T1008 1086Q1008 871 734 574L344 151H1075V0Z" />
-<glyph unicode="3" horiz-adv-x="1150" d="M390 818H529Q660 820 735 887T810 1068Q810 1324 555 1324Q435 1324 364 1256T292 1074H107Q107 1247 233 1361T555 1476Q761 1476 878 1367T995 1064Q995 969 934 880T766 747Q886 709 951 621T1017 406Q1017 210 889
-95T556 -20T223 91T94 384H280Q280 269 355 200T556 131Q690 131 761 201T832 402Q832 529 754 597T529 667H390V818Z" />
-<glyph unicode="4" horiz-adv-x="1150" d="M902 489H1104V338H902V0H716V338H53V447L705 1456H902V489ZM263 489H716V1203L694 1163L263 489Z" />
-<glyph unicode="5" horiz-adv-x="1150" d="M206 730L280 1456H1026V1285H437L393 888Q500 951 636 951Q835 951 952 820T1069 464Q1069 239 948 110T608 -20Q415 -20 293 87T154 383H329Q346 258 418 195T608 131Q737 131 810 219T884 462Q884 608 805 696T593
-785Q472 785 403 732L354 692L206 730Z" />
-<glyph unicode="6" horiz-adv-x="1150" d="M847 1457V1300H813Q597 1296 469 1172T321 823Q436 955 635 955Q825 955 938 821T1052 475Q1052 250 930 115T601 -20Q392 -20 262 140T132 554V625Q132 1027 303 1239T814 1457H847ZM604 801Q509 801 429 744T318 601V533Q318
-353 399 243T601 133Q726 133 797 225T869 466Q869 616 797 708T604 801Z" />
-<glyph unicode="7" horiz-adv-x="1150" d="M1061 1352L458 0H264L865 1304H77V1456H1061V1352Z" />
-<glyph unicode="8" horiz-adv-x="1150" d="M1004 1076Q1004 967 947 882T791 749Q905 700 971 606T1038 393Q1038 204 911 92T575 -20Q365 -20 239 92T112 393Q112 511 176 606T355 750Q258 798 202 883T146 1076Q146 1260 264 1368T575 1476Q767 1476 885 1368T1004
-1076ZM853 397Q853 519 776 596T573 673T373 597T297 397T370 202T575 131Q705 131 779 202T853 397ZM575 1324Q466 1324 399 1257T331 1073Q331 962 397 894T575 825T752 893T819 1073T750 1254T575 1324Z" />
-<glyph unicode="9" horiz-adv-x="1150" d="M830 640Q772 571 692 529T515 487Q389 487 296 549T151 723T100 972Q100 1118 155 1235T313 1414T551 1476Q767 1476 891 1315T1016 874V820Q1016 395 848 200T341 -1H305V155H344Q573 159 696 274T830 640ZM545 640Q638
-640 716 697T831 838V912Q831 1094 752 1208T552 1322Q430 1322 356 1229T282 982Q282 833 353 737T545 640Z" />
-<glyph unicode=":" horiz-adv-x="496" d="M390 97Q390 145 418 177T504 209T590 177T620 97Q620 51 591 20T504 -11T419 20T390 97ZM135 980Q135 1028 163 1060T249 1092T335 1060T365 980Q365 934 336 903T249 872T164 903T135 980Z" />
-<glyph unicode=";" horiz-adv-x="433" d="M111 980Q111 1028 139 1060T225 1092T311 1060T341 980Q341 934 312 903T225 872T140 903T111 980ZM146 -290L41 -218Q135 -87 139 52V219H320V74Q320 -27 271 -128T146 -290Z" />
-<glyph unicode="&lt;" horiz-adv-x="1041" d="M264 644L890 391V195L72 574V720L890 1098V902L264 644Z" />
-<glyph unicode="=" horiz-adv-x="1124" d="M986 814H152V975H986V814ZM986 399H152V559H986V399Z" />
-<glyph unicode="&gt;" horiz-adv-x="1070" d="M795 650L134 909V1099L988 721V575L134 196V388L795 650Z" />
-<glyph unicode="?" horiz-adv-x="967" d="M357 410Q359 529 384 598T486 751L617 886Q701 981 701 1090Q701 1195 646 1254T486 1314Q384 1314 322 1260T260 1115H75Q77 1277 190 1376T486 1476Q675 1476 780 1375T886 1096Q886 921 724 751L615 643Q542 562 542
-410H357ZM349 93Q349 138 376 168T458 199T540 169T568 93T540 19T458 -11T377 18T349 93Z" />
-<glyph unicode="@" horiz-adv-x="1839" d="M1738 502Q1726 260 1618 120T1329 -20Q1142 -20 1089 148Q1035 63 966 22T822 -20Q680 -20 607 96T553 417Q568 582 628 711T784 915T985 989Q1066 989 1130 968T1274 883L1222 329Q1203 98 1350 98Q1463 98 1533 210T1609
-502Q1628 891 1465 1095T967 1299Q766 1299 610 1200T364 912T263 478Q251 230 323 48T542 -231T899 -328Q989 -328 1079 -306T1230 -249L1267 -364Q1205 -403 1103 -428T895 -453Q645 -453 465 -341T196 -17T118 478Q130 753 241 972T542 1311T971 1431Q1220 1431
-1398 1319T1663 996T1738 502ZM712 417Q698 275 738 199T867 123Q927 123 982 174T1074 320L1075 329L1121 832Q1065 861 1001 861Q884 861 808 742T712 417Z" />
-<glyph unicode="A" horiz-adv-x="1336" d="M973 380H363L226 0H28L584 1456H752L1309 0H1112L973 380ZM421 538H916L668 1219L421 538Z" />
-<glyph unicode="B" horiz-adv-x="1275" d="M169 0V1456H645Q882 1456 1001 1358T1121 1068Q1121 966 1063 888T905 766Q1023 733 1091 641T1160 420Q1160 224 1033 112T674 0H169ZM361 681V157H678Q812 157 889 226T967 418Q967 681 681 681H361ZM361 835H651Q777
-835 852 898T928 1069Q928 1189 858 1243T645 1298H361V835Z" />
-<glyph unicode="C" horiz-adv-x="1333" d="M1240 462Q1213 231 1070 106T688 -20Q430 -20 275 165T119 660V800Q119 1003 191 1157T397 1393T705 1476Q937 1476 1077 1347T1240 988H1047Q1022 1162 939 1240T705 1318Q521 1318 417 1182T312 795V654Q312 417 411
-277T688 137Q848 137 933 209T1047 462H1240Z" />
-<glyph unicode="D" horiz-adv-x="1343" d="M169 0V1456H580Q770 1456 916 1372T1141 1133T1222 777V684Q1222 478 1143 323T916 85T572 0H169ZM361 1298V157H563Q785 157 908 295T1032 688V773Q1032 1021 916 1158T585 1298H361Z" />
-<glyph unicode="E" horiz-adv-x="1164" d="M992 673H361V157H1094V0H169V1456H1084V1298H361V830H992V673Z" />
-<glyph unicode="F" horiz-adv-x="1132" d="M972 643H361V0H169V1456H1071V1298H361V800H972V643Z" />
-<glyph unicode="G" horiz-adv-x="1395" d="M1244 191Q1170 85 1038 33T729 -20Q551 -20 413 63T200 301T122 658V785Q122 1114 275 1295T707 1476Q935 1476 1074 1360T1244 1029H1052Q998 1318 708 1318Q515 1318 416 1183T315 790V671Q315 426 427 282T730 137Q838
-137 919 161T1053 242V569H716V725H1244V191Z" />
-<glyph unicode="H" horiz-adv-x="1460" d="M1288 0H1095V673H361V0H169V1456H361V830H1095V1456H1288V0Z" />
-<glyph unicode="I" horiz-adv-x="557" d="M375 0H183V1456H375V0Z" />
-<glyph unicode="J" horiz-adv-x="1130" d="M779 1456H972V425Q972 216 847 98T512 -20Q295 -20 174 91T53 402H245Q245 277 313 207T512 137Q631 137 704 212T779 422V1456Z" />
-<glyph unicode="K" horiz-adv-x="1284" d="M539 677L361 492V0H169V1456H361V736L1008 1456H1240L667 813L1285 0H1055L539 677Z" />
-<glyph unicode="L" horiz-adv-x="1102" d="M362 157H1052V0H169V1456H362V157Z" />
-<glyph unicode="M" horiz-adv-x="1788" d="M417 1456L893 268L1369 1456H1618V0H1426V567L1444 1179L966 0H819L342 1176L361 567V0H169V1456H417Z" />
-<glyph unicode="N" horiz-adv-x="1460" d="M1288 0H1095L362 1122V0H169V1456H362L1097 329V1456H1288V0Z" />
-<glyph unicode="O" horiz-adv-x="1408" d="M1289 681Q1289 467 1217 308T1013 64T705 -20Q533 -20 400 64T194 305T118 668V773Q118 983 191 1144T397 1390T703 1476Q878 1476 1011 1392T1217 1147T1289 773V681ZM1098 775Q1098 1034 994 1172T703 1311Q521 1311
-417 1173T309 788V681Q309 430 414 287T705 143Q891 143 993 278T1098 667V775Z" />
-<glyph unicode="P" horiz-adv-x="1292" d="M361 570V0H169V1456H706Q945 1456 1080 1334T1216 1011Q1216 799 1084 685T704 570H361ZM361 727H706Q860 727 942 799T1024 1009Q1024 1139 942 1217T717 1298H361V727Z" />
-<glyph unicode="Q" horiz-adv-x="1408" d="M1281 681Q1281 470 1214 318T1026 79L1286 -125L1155 -246L848 -2Q776 -20 696 -20Q524 -20 391 64T185 305T109 668V773Q109 983 182 1144T388 1390T694 1476Q870 1476 1003 1391T1209 1147T1281 774V681ZM1089 775Q1089
-1032 987 1171T694 1311Q513 1311 409 1173T301 788V681Q301 431 405 287T696 143T984 278T1089 667V775Z" />
-<glyph unicode="R" horiz-adv-x="1261" d="M703 589H361V0H168V1456H650Q896 1456 1028 1344T1161 1018Q1161 882 1088 781T883 630L1225 12V0H1019L703 589ZM361 746H656Q799 746 883 820T968 1018Q968 1153 888 1225T655 1298H361V746Z" />
-<glyph unicode="S" horiz-adv-x="1215" d="M598 649Q351 720 239 823T126 1079Q126 1251 263 1363T621 1476Q771 1476 888 1418T1070 1258T1135 1035H942Q942 1167 858 1242T621 1318Q479 1318 400 1256T320 1082Q320 993 395 932T652 819T936 707T1088 563T1138
-370Q1138 193 1000 87T631 -20Q481 -20 351 37T151 195T80 422H273Q273 290 370 214T631 137Q783 137 864 199T945 368T870 533T598 649Z" />
-<glyph unicode="T" horiz-adv-x="1222" d="M1175 1298H707V0H516V1298H49V1456H1175V1298Z" />
-<glyph unicode="U" horiz-adv-x="1328" d="M1194 1456V466Q1193 260 1065 129T716 -18L665 -20Q426 -20 284 109T140 464V1456H330V470Q330 312 417 225T665 137Q828 137 914 224T1001 469V1456H1194Z" />
-<glyph unicode="V" horiz-adv-x="1303" d="M651 255L1067 1456H1277L737 0H567L28 1456H237L651 255Z" />
-<glyph unicode="W" horiz-adv-x="1817" d="M483 459L511 267L552 440L840 1456H1002L1283 440L1323 264L1354 460L1580 1456H1773L1420 0H1245L945 1061L922 1172L899 1061L588 0H413L61 1456H253L483 459Z" />
-<glyph unicode="X" horiz-adv-x="1284" d="M644 898L993 1456H1219L759 734L1230 0H1002L644 568L284 0H57L529 734L68 1456H293L644 898Z" />
-<glyph unicode="Y" horiz-adv-x="1230" d="M613 725L993 1456H1211L709 543V0H517V543L15 1456H235L613 725Z" />
-<glyph unicode="Z" horiz-adv-x="1226" d="M313 157H1146V0H86V144L884 1298H99V1456H1114V1315L313 157Z" />
-<glyph unicode="[" horiz-adv-x="543" d="M523 1512H332V-160H523V-312H146V1664H523V1512Z" />
-<glyph unicode="\" horiz-adv-x="840" d="M40 1456H216L824 -125H648L40 1456Z" />
-<glyph unicode="]" horiz-adv-x="543" d="M9 1664H387V-312H9V-160H202V1512H9V1664Z" />
-<glyph unicode="^" horiz-adv-x="856" d="M426 1211L236 729H64L363 1456H490L788 729H617L426 1211Z" />
-<glyph unicode="_" horiz-adv-x="924" d="M920 -151H4V0H920V-151Z" />
-<glyph unicode="`" horiz-adv-x="633" d="M474 1240H315L57 1534H280L474 1240Z" />
-<glyph unicode="a" horiz-adv-x="1114" d="M808 0Q792 32 782 114Q653 -20 474 -20Q314 -20 212 70T109 300Q109 469 237 562T599 656H779V741Q779 838 721 895T550 953Q451 953 384 903T317 782H131Q131 863 188 938T344 1058T561 1102Q748 1102 854 1009T964
-751V253Q964 104 1002 16V0H808ZM501 141Q588 141 666 186T779 303V525H634Q294 525 294 326Q294 239 352 190T501 141Z" />
-<glyph unicode="b" horiz-adv-x="1149" d="M1056 529Q1056 281 942 131T636 -20Q431 -20 319 125L310 0H140V1536H325V963Q437 1102 634 1102T943 953T1056 545V529ZM871 550Q871 739 798 842T588 945Q405 945 325 775V307Q410 137 590 137Q723 137 797 240T871 550Z" />
-<glyph unicode="c" horiz-adv-x="1072" d="M574 131Q673 131 747 191T829 341H1004Q999 248 940 164T783 30T574 -20Q353 -20 223 127T92 531V562Q92 720 150 843T316 1034T573 1102Q755 1102 875 993T1004 710H829Q821 815 750 882T573 950Q432 950 355 849T277
-555V520Q277 333 354 232T574 131Z" />
-<glyph unicode="d" horiz-adv-x="1155" d="M95 550Q95 799 213 950T522 1102Q712 1102 823 972V1536H1008V0H838L829 116Q718 -20 520 -20Q332 -20 214 134T95 536V550ZM280 529Q280 345 356 241T566 137Q742 137 823 295V792Q740 945 568 945Q432 945 356 840T280 529Z" />
-<glyph unicode="e" horiz-adv-x="1085" d="M589 -20Q369 -20 231 124T93 511V545Q93 706 154 832T326 1030T566 1102Q777 1102 894 963T1011 565V488H278Q282 328 371 230T599 131Q697 131 765 171T884 277L997 189Q861 -20 589 -20ZM566 950Q454 950 378 869T284
-640H826V654Q818 795 750 872T566 950Z" />
-<glyph unicode="f" horiz-adv-x="711" d="M231 0V939H60V1082H231V1193Q231 1367 324 1462T587 1557Q651 1557 714 1540L704 1390Q657 1399 604 1399Q514 1399 465 1347T416 1196V1082H647V939H416V0H231Z" />
-<glyph unicode="g" horiz-adv-x="1149" d="M96 550Q96 803 213 952T523 1102Q721 1102 832 962L841 1082H1010V26Q1010 -184 886 -305T551 -426Q434 -426 322 -376T151 -239L247 -128Q366 -275 538 -275Q673 -275 748 -199T824 15V108Q713 -20 521 -20Q331 -20
-214 133T96 550ZM282 529Q282 346 357 242T567 137Q742 137 824 296V790Q739 945 569 945Q434 945 358 840T282 529Z" />
-<glyph unicode="h" horiz-adv-x="1128" d="M325 951Q448 1102 645 1102Q988 1102 991 715V0H806V716Q805 833 753 889T589 945Q499 945 431 897T325 771V0H140V1536H325V951Z" />
-<glyph unicode="i" horiz-adv-x="497" d="M341 0H156V1082H341V0ZM141 1369Q141 1414 168 1445T250 1476T332 1445T360 1369T332 1294T250 1264T169 1294T141 1369Z" />
-<glyph unicode="j" horiz-adv-x="489" d="M331 1082V-125Q331 -437 48 -437Q-13 -437 -65 -419V-271Q-33 -279 19 -279Q81 -279 113 -246T146 -129V1082H331ZM127 1369Q127 1413 154 1444T235 1476Q289 1476 317 1445T345 1369T317 1294T235 1264T154 1294T127 1369Z" />
-<glyph unicode="k" horiz-adv-x="1038" d="M442 501L326 380V0H141V1536H326V607L425 726L762 1082H987L566 630L1036 0H819L442 501Z" />
-<glyph unicode="l" horiz-adv-x="497" d="M341 0H156V1536H341V0Z" />
-<glyph unicode="m" horiz-adv-x="1795" d="M314 1082L319 962Q438 1102 640 1102Q867 1102 949 928Q1003 1006 1089 1054T1294 1102Q1650 1102 1656 725V0H1471V714Q1471 830 1418 887T1240 945Q1137 945 1069 884T990 718V0H804V709Q804 945 573 945Q391 945
-324 790V0H139V1082H314Z" />
-<glyph unicode="n" horiz-adv-x="1130" d="M315 1082L321 946Q445 1102 645 1102Q988 1102 991 715V0H806V716Q805 833 753 889T589 945Q499 945 431 897T325 771V0H140V1082H315Z" />
-<glyph unicode="o" horiz-adv-x="1168" d="M91 551Q91 710 153 837T327 1033T582 1102Q803 1102 939 949T1076 542V529Q1076 371 1016 246T843 50T584 -20Q364 -20 228 133T91 538V551ZM277 529Q277 349 360 240T584 131Q725 131 808 241T891 551Q891 729 807
-839T582 950Q445 950 361 841T277 529Z" />
-<glyph unicode="p" horiz-adv-x="1149" d="M1054 529Q1054 282 941 131T635 -20Q438 -20 325 105V-416H140V1082H309L318 962Q431 1102 632 1102Q827 1102 940 955T1054 546V529ZM869 550Q869 733 791 839T577 945Q409 945 325 796V279Q408 131 579 131Q712 131
-790 236T869 550Z" />
-<glyph unicode="q" horiz-adv-x="1164" d="M95 550Q95 805 212 953T526 1102Q718 1102 829 973L837 1082H1007V-416H822V100Q710 -20 524 -20Q328 -20 212 132T95 537V550ZM280 529Q280 343 358 237T570 131Q735 131 822 277V807Q734 950 572 950Q438 950 359
-844T280 529Z" />
-<glyph unicode="r" horiz-adv-x="693" d="M663 916Q621 923 572 923Q390 923 325 768V0H140V1082H320L323 957Q414 1102 581 1102Q635 1102 663 1088V916Z" />
-<glyph unicode="s" horiz-adv-x="1056" d="M770 287Q770 362 714 403T517 475T294 547T172 647T132 785Q132 918 244 1010T532 1102Q716 1102 830 1007T945 764H759Q759 840 695 895T532 950Q431 950 374 906T317 791Q317 724 370 690T561 625T786 551T913 448T955
-300Q955 155 839 68T538 -20Q408 -20 308 26T152 154T95 333H280Q285 240 354 186T538 131Q643 131 706 173T770 287Z" />
-<glyph unicode="t" horiz-adv-x="669" d="M391 1344V1082H593V939H391V268Q391 203 418 171T510 138Q542 138 598 150V0Q525 -20 456 -20Q332 -20 269 55T206 268V939H9V1082H206V1344H391Z" />
-<glyph unicode="u" horiz-adv-x="1129" d="M808 107Q700 -20 491 -20Q318 -20 228 80T136 378V1082H321V383Q321 137 521 137Q733 137 803 295V1082H988V0H812L808 107Z" />
-<glyph unicode="v" horiz-adv-x="992" d="M497 251L765 1082H954L566 0H425L33 1082H222L497 251Z" />
-<glyph unicode="w" horiz-adv-x="1539" d="M1098 255L1306 1082H1491L1176 0H1026L763 820L507 0H357L43 1082H227L440 272L692 1082H841L1098 255Z" />
-<glyph unicode="x" horiz-adv-x="1015" d="M503 687L743 1082H959L605 547L970 0H756L506 405L256 0H41L406 547L52 1082H266L503 687Z" />
-<glyph unicode="y" horiz-adv-x="969" d="M494 271L746 1082H944L509 -167Q408 -437 188 -437L153 -434L84 -421V-271L134 -275Q228 -275 280 -237T367 -98L408 12L22 1082H224L494 271Z" />
-<glyph unicode="z" horiz-adv-x="1015" d="M314 151H947V0H88V136L685 929H97V1082H917V951L314 151Z" />
-<glyph unicode="{" horiz-adv-x="693" d="M632 -366Q455 -316 366 -202T276 101V300Q276 543 64 543V688Q276 688 276 930V1138Q278 1321 365 1433T632 1597L670 1482Q461 1415 461 1133V931Q461 704 294 615Q461 525 461 296V90Q464 -185 670 -251L632 -366Z" />
-<glyph unicode="|" horiz-adv-x="499" d="M324 -270H175V1456H324V-270Z" />
-<glyph unicode="}" horiz-adv-x="693" d="M19 -251Q222 -186 229 80V300Q229 531 410 615Q229 697 229 930V1133Q229 1415 20 1482L58 1597Q235 1547 324 1435T414 1137V927Q414 688 626 688V543Q414 543 414 300V98Q414 -90 324 -203T58 -366L19 -251Z" />
-<glyph unicode="~" horiz-adv-x="1393" d="M1263 777Q1263 619 1170 511T939 402Q867 402 803 428T655 529T533 621T454 639Q376 639 334 586T292 438L131 436Q131 596 223 699T454 802Q530 802 600 770T758 658T910 567L939 565Q1015 565 1062 623T1110 776L1263 777Z" />
-<glyph unicode="&#xa0;" horiz-adv-x="507" />
-<glyph unicode="&#xa1;" horiz-adv-x="499" d="M170 684H338L351 -360H157L170 684ZM358 996Q358 951 331 920T249 889T167 920T139 996T167 1071T249 1101T330 1071T358 996Z" />
-<glyph unicode="&#xa2;" horiz-adv-x="1120" d="M586 131Q686 131 760 191T842 341H1017Q1011 215 912 115T669 -12V-245H484V-11Q305 23 205 165T105 527V562Q105 774 206 916T484 1092V1318H669V1095Q819 1072 915 966T1017 710H842Q834 815 763 882T586 950Q445
-950 368 849T290 555V520Q290 333 367 232T586 131Z" />
-<glyph unicode="&#xa3;" horiz-adv-x="1190" d="M449 622L457 402Q457 248 395 157H1128L1127 0H95V157H172Q212 166 237 231T264 393V401L256 622H91V779H251L242 1039Q242 1238 364 1357T687 1476Q877 1476 988 1370T1099 1087H908Q908 1194 845 1256T670 1318Q565
-1318 500 1241T435 1039L444 779H763V622H449Z" />
-<glyph unicode="&#xa4;" horiz-adv-x="1460" d="M1103 112Q944 -20 735 -20Q528 -20 369 110L235 -26L105 109L244 250Q140 406 140 608Q140 814 252 977L105 1128L235 1264L382 1114Q540 1234 735 1234Q931 1234 1090 1113L1239 1265L1371 1128L1220 974Q1330
-811 1330 608Q1330 412 1228 253L1371 109L1239 -27L1103 112ZM311 608Q311 485 368 379T524 212T735 151T946 212T1100 379T1157 608Q1157 730 1101 835T946 1001T735 1062Q622 1062 524 1002T369 836T311 608Z" />
-<glyph unicode="&#xa5;" horiz-adv-x="1240" d="M614 782L978 1456H1197L779 736H1091V611H707V446H1091V322H707V0H514V322H136V446H514V611H136V736H449L31 1456H251L614 782Z" />
-<glyph unicode="&#xa6;" horiz-adv-x="491" d="M147 -270V521H333V-270H147ZM333 698H147V1456H333V698Z" />
-<glyph unicode="&#xa7;" horiz-adv-x="1256" d="M1145 431Q1145 242 959 157Q1028 108 1064 40T1100 -128Q1100 -296 970 -395T612 -495Q500 -495 400 -467T229 -382Q90 -269 90 -64L276 -62Q276 -192 366 -267T612 -343Q748 -343 831 -285T914 -130Q914 -41 843
-11T563 126Q381 174 285 229T143 362T96 551Q96 737 278 825Q212 874 177 942T141 1110Q141 1276 274 1376T630 1476Q862 1476 992 1363T1122 1045H937Q937 1170 853 1247T630 1325Q488 1325 408 1268T327 1112Q327 1043 355 1003T450 931T661 858T889 782T1030
-698T1116 585T1145 431ZM602 691Q512 715 437 742Q357 723 320 673T282 553Q282 483 309 443T402 370T611 296T797 238Q875 258 917 308T959 428Q959 516 890 570T602 691Z" />
-<glyph unicode="&#xa8;" horiz-adv-x="856" d="M102 1371Q102 1416 129 1446T211 1477T293 1447T321 1371T293 1296T211 1266T130 1296T102 1371ZM532 1369Q532 1414 559 1445T641 1476T723 1445T751 1369T723 1294T641 1264T560 1294T532 1369Z" />
-<glyph unicode="&#xa9;" horiz-adv-x="1609" d="M1119 597Q1119 444 1033 364T788 283Q631 283 537 388T442 676V786Q442 962 537 1067T788 1173Q948 1173 1034 1091T1120 860H974Q974 959 927 1001T788 1044Q694 1044 640 975T586 783V670Q586 550 640 481T788
-412Q880 412 926 454T973 597H1119ZM206 729Q206 557 286 411T503 181T801 98T1098 181T1315 410T1395 729Q1395 899 1316 1044T1100 1272T801 1356Q641 1356 503 1274T286 1045T206 729ZM91 729Q91 931 184 1104T443 1376T801 1476T1158 1377T1416 1104T1510 729Q1510
-532 1420 360T1165 84T801 -21Q604 -21 439 82T182 358T91 729Z" />
-<glyph unicode="&#xaa;" horiz-adv-x="915" d="M618 705Q606 739 600 777Q524 691 396 691Q277 691 212 753T147 918Q147 1029 230 1089T486 1149H594V1201Q594 1336 470 1336Q401 1336 362 1309T322 1231L161 1243Q161 1346 247 1411T470 1476Q603 1476 680 1405T757
-1199V883Q757 786 783 705H618ZM435 828Q478 828 522 848T594 895V1037H482Q399 1036 355 1005T310 922Q310 828 435 828Z" />
-<glyph unicode="&#xab;" horiz-adv-x="961" d="M536 804L794 407H653L358 795V814L653 1203H794L536 804ZM610 548L868 151H727L432 539V558L727 947H868L610 548Z" />
-<glyph unicode="&#xac;" horiz-adv-x="1134" d="M958 375H772V639H127V800H958V375Z" />
-<glyph unicode="&#xad;" horiz-adv-x="565" d="M525 543H37V694H525V543Z" />
-<glyph unicode="&#xae;" horiz-adv-x="1610" d="M90 729Q90 931 183 1104T442 1376T800 1476T1157 1377T1415 1104T1509 729Q1509 532 1419 360T1164 84T800 -21Q603 -21 438 82T181 358T90 729ZM205 729Q205 557 285 411T502 181T800 98Q961 98 1099 182T1315
-412T1394 729Q1394 900 1316 1044T1099 1272T800 1356Q640 1356 502 1274T285 1045T205 729ZM653 654V316H512V1165H788Q941 1165 1025 1100T1110 909Q1110 786 982 721Q1104 671 1105 517V456Q1105 370 1122 332V316H977Q963 352 963 444T960 554Q944 650 829
-654H653ZM653 782H809Q881 784 925 817T969 904Q969 977 930 1007T791 1038H653V782Z" />
-<glyph unicode="&#xaf;" horiz-adv-x="938" d="M834 1313H120V1456H834V1313Z" />
-<glyph unicode="&#xb0;" horiz-adv-x="765" d="M130 1216Q130 1320 204 1398T385 1476Q489 1476 562 1399T636 1216Q636 1110 563 1035T385 960Q280 960 205 1035T130 1216ZM385 1088Q439 1088 476 1123T513 1216Q513 1274 476 1311T385 1349Q330 1349 293 1310T255
-1216T292 1125T385 1088Z" />
-<glyph unicode="&#xb1;" horiz-adv-x="1094" d="M649 854H1013V703H649V289H482V703H97V854H482V1267H649V854ZM970 0H135V152H970V0Z" />
-<glyph unicode="&#xb2;" horiz-adv-x="751" d="M683 667H84V775L384 1057Q493 1159 493 1228Q493 1277 461 1307T369 1338Q294 1338 259 1300T223 1205H66Q66 1319 149 1393T365 1467T574 1404T651 1230Q651 1126 544 1019L460 940L284 795H683V667Z" />
-<glyph unicode="&#xb3;" horiz-adv-x="751" d="M265 1125H349Q423 1125 459 1155T495 1234Q495 1279 464 1308T362 1337Q305 1337 268 1312T230 1245H73Q73 1343 154 1404T360 1466Q497 1466 575 1406T653 1241Q653 1186 618 1141T517 1070Q666 1029 666 886Q666
-780 581 718T360 655Q228 655 145 718T62 888H220Q220 843 259 813T366 783Q436 783 472 813T509 894Q509 1007 353 1009H265V1125Z" />
-<glyph unicode="&#xb4;" horiz-adv-x="642" d="M316 1534H540L272 1240H123L316 1534Z" />
-<glyph unicode="&#xb5;" horiz-adv-x="1160" d="M339 1082V449Q340 286 391 208T559 130Q758 130 820 282V1082H1006V0H839L830 115Q737 -20 567 -20Q420 -20 339 53V-416H154V1082H339Z" />
-<glyph unicode="&#xb6;" horiz-adv-x="1001" d="M646 0V520H562Q332 520 200 647T67 988Q67 1201 200 1328T563 1456H832V0H646Z" />
-<glyph unicode="&#xb7;" horiz-adv-x="534" d="M147 729Q147 777 175 809T261 841T347 809T377 729Q377 682 348 651T261 619T176 650T147 729Z" />
-<glyph unicode="&#xb8;" horiz-adv-x="507" d="M285 0L273 -52Q426 -79 426 -225Q426 -322 346 -378T123 -435L116 -328Q195 -328 238 -302T282 -229Q282 -185 250 -164T120 -134L152 0H285Z" />
-<glyph unicode="&#xb9;" horiz-adv-x="751" d="M495 674H338V1275L122 1218V1346L477 1463H495V674Z" />
-<glyph unicode="&#xba;" horiz-adv-x="931" d="M122 1123Q122 1281 216 1378T464 1476Q619 1476 713 1380T807 1117V1043Q807 884 714 787T466 690T217 787T122 1049V1123ZM285 1043Q285 943 333 886T466 829Q549 829 596 886T644 1045V1123Q644 1222 596 1279T464
-1336Q383 1336 335 1281T285 1129V1043Z" />
-<glyph unicode="&#xbb;" horiz-adv-x="960" d="M244 949L539 560V541L244 152H102L360 550L102 949H244ZM593 949L888 560V541L593 152H451L709 550L451 949H593Z" />
-<glyph unicode="&#xbc;" horiz-adv-x="1500" d="M458 664H301V1265L85 1208V1336L440 1453H458V664ZM443 118L339 184L1050 1322L1154 1256L443 118ZM1318 299H1425V169H1318V0H1161V169H786L780 271L1157 789H1318V299ZM938 299H1161V588L1144 560L938 299Z" />
-<glyph unicode="&#xbd;" horiz-adv-x="1589" d="M399 118L295 184L1006 1322L1110 1256L399 118ZM453 664H296V1265L80 1208V1336L435 1453H453V664ZM1481 0H882V108L1182 390Q1291 492 1291 561Q1291 610 1259 640T1167 671Q1092 671 1057 633T1021 538H864Q864
-652 947 726T1163 800T1372 737T1449 563Q1449 459 1342 352L1258 273L1082 128H1481V0Z" />
-<glyph unicode="&#xbe;" horiz-adv-x="1593" d="M570 118L466 184L1177 1322L1281 1256L570 118ZM1410 299H1517V169H1410V0H1253V169H878L872 271L1249 789H1410V299ZM1030 299H1253V588L1236 560L1030 299ZM314 1126H398Q472 1126 508 1156T544 1235Q544 1280
-513 1309T411 1338Q354 1338 317 1313T279 1246H122Q122 1344 203 1405T409 1467Q546 1467 624 1407T702 1242Q702 1187 667 1142T566 1071Q715 1030 715 887Q715 781 630 719T409 656Q277 656 194 719T111 889H269Q269 844 308 814T415 784Q485 784 521 814T558
-895Q558 1008 402 1010H314V1126Z" />
-<glyph unicode="&#xbf;" horiz-adv-x="969" d="M588 680Q587 574 567 511T498 388T358 233T255 37L253 0Q253 -109 311 -166T478 -224Q578 -224 640 -168T703 -20H888Q886 -181 774 -283T478 -385Q282 -385 175 -285T68 -5Q68 168 228 343L337 456Q403 534 403
-680H588ZM596 997Q596 952 569 921T487 890T405 921T377 997Q377 1041 405 1071T487 1101T568 1071T596 997Z" />
-<glyph unicode="&#xc0;" horiz-adv-x="1336" d="M973 380H363L226 0H28L584 1456H752L1309 0H1112L973 380ZM421 538H916L668 1219L421 538ZM778 1550H619L361 1844H584L778 1550Z" />
-<glyph unicode="&#xc1;" horiz-adv-x="1336" d="M973 380H363L226 0H28L584 1456H752L1309 0H1112L973 380ZM421 538H916L668 1219L421 538ZM763 1844H987L719 1550H570L763 1844Z" />
-<glyph unicode="&#xc2;" horiz-adv-x="1336" d="M973 380H363L226 0H28L584 1456H752L1309 0H1112L973 380ZM421 538H916L668 1219L421 538ZM975 1572V1562H822L672 1732L523 1562H370V1574L616 1846H728L975 1572Z" />
-<glyph unicode="&#xc3;" horiz-adv-x="1336" d="M973 380H363L226 0H28L584 1456H752L1309 0H1112L973 380ZM421 538H916L668 1219L421 538ZM1027 1814Q1027 1706 966 1639T812 1572Q771 1572 741 1582T663 1623T593 1660T543 1667Q502 1667 473 1636T444 1555L320
-1562Q320 1669 380 1739T534 1809Q569 1809 597 1799T673 1760T746 1722T803 1713Q846 1713 874 1747T903 1826L1027 1814Z" />
-<glyph unicode="&#xc4;" horiz-adv-x="1336" d="M973 380H363L226 0H28L584 1456H752L1309 0H1112L973 380ZM421 538H916L668 1219L421 538ZM351 1681Q351 1726 378 1756T460 1787T542 1757T570 1681T542 1606T460 1576T379 1606T351 1681ZM781 1679Q781 1724
-808 1755T890 1786T972 1755T1000 1679T972 1604T890 1574T809 1604T781 1679Z" />
-<glyph unicode="&#xc5;" horiz-adv-x="1336" d="M973 380H363L226 0H28L584 1456H752L1309 0H1112L973 380ZM421 538H916L668 1219L421 538ZM887 1729Q887 1642 825 1584T672 1525Q580 1525 519 1584T457 1729T518 1876T672 1937T825 1876T887 1729ZM556 1729Q556
-1682 589 1648T672 1614Q720 1614 754 1647T788 1729T755 1812T672 1847Q622 1847 589 1812T556 1729Z" />
-<glyph unicode="&#xc6;" horiz-adv-x="1914" d="M1879 0H996L981 353H417L212 0H-14L866 1456H1817V1304H1126L1146 833H1736V682H1152L1174 151H1879V0ZM518 527H974L943 1260L518 527Z" />
-<glyph unicode="&#xc7;" horiz-adv-x="1333" d="M1240 462Q1213 231 1070 106T688 -20Q430 -20 275 165T119 660V800Q119 1003 191 1157T397 1393T705 1476Q937 1476 1077 1347T1240 988H1047Q1022 1162 939 1240T705 1318Q521 1318 417 1182T312 795V654Q312
-417 411 277T688 137Q848 137 933 209T1047 462H1240ZM751 -9L739 -61Q892 -88 892 -234Q892 -331 812 -387T589 -444L582 -337Q661 -337 704 -311T748 -238Q748 -194 716 -173T586 -143L618 -9H751Z" />
-<glyph unicode="&#xc8;" horiz-adv-x="1164" d="M992 673H361V157H1094V0H169V1456H1084V1298H361V830H992V673ZM725 1562H566L308 1856H531L725 1562Z" />
-<glyph unicode="&#xc9;" horiz-adv-x="1164" d="M992 673H361V157H1094V0H169V1456H1084V1298H361V830H992V673ZM710 1856H934L666 1562H517L710 1856Z" />
-<glyph unicode="&#xca;" horiz-adv-x="1164" d="M992 673H361V157H1094V0H169V1456H1084V1298H361V830H992V673ZM922 1584V1574H769L619 1744L470 1574H317V1586L563 1858H675L922 1584Z" />
-<glyph unicode="&#xcb;" horiz-adv-x="1164" d="M992 673H361V157H1094V0H169V1456H1084V1298H361V830H992V673ZM298 1693Q298 1738 325 1768T407 1799T489 1769T517 1693T489 1618T407 1588T326 1618T298 1693ZM728 1691Q728 1736 755 1767T837 1798T919 1767T947
-1691T919 1616T837 1586T756 1616T728 1691Z" />
-<glyph unicode="&#xcc;" horiz-adv-x="557" d="M375 0H183V1456H375V0ZM385 1562H226L-32 1856H191L385 1562Z" />
-<glyph unicode="&#xcd;" horiz-adv-x="557" d="M375 0H183V1456H375V0ZM369 1856H593L325 1562H176L369 1856Z" />
-<glyph unicode="&#xce;" horiz-adv-x="557" d="M375 0H183V1456H375V0ZM582 1584V1574H429L279 1744L130 1574H-23V1586L223 1858H335L582 1584Z" />
-<glyph unicode="&#xcf;" horiz-adv-x="557" d="M375 0H183V1456H375V0ZM-42 1693Q-42 1738 -15 1768T67 1799T149 1769T177 1693T149 1618T67 1588T-14 1618T-42 1693ZM388 1691Q388 1736 415 1767T497 1798T579 1767T607 1691T579 1616T497 1586T416 1616T388 1691Z" />
-<glyph unicode="&#xd0;" horiz-adv-x="1373" d="M199 0V666H37V817H199V1456H610Q800 1456 946 1372T1171 1133T1252 777V684Q1252 478 1173 323T946 85T602 0H199ZM673 666H391V157H592Q814 157 937 294T1062 680V773Q1062 1021 946 1158T615 1298H391V817H673V666Z" />
-<glyph unicode="&#xd1;" horiz-adv-x="1460" d="M1288 0H1095L362 1122V0H169V1456H362L1097 329V1456H1288V0ZM1081 1814Q1081 1706 1020 1639T866 1572Q825 1572 795 1582T717 1623T647 1660T597 1667Q556 1667 527 1636T498 1555L374 1562Q374 1669 434 1739T588
-1809Q623 1809 651 1799T727 1760T800 1722T857 1713Q900 1713 928 1747T957 1826L1081 1814Z" />
-<glyph unicode="&#xd2;" horiz-adv-x="1408" d="M1289 681Q1289 467 1217 308T1013 64T705 -20Q533 -20 400 64T194 305T118 668V773Q118 983 191 1144T397 1390T703 1476Q878 1476 1011 1392T1217 1147T1289 773V681ZM1098 775Q1098 1034 994 1172T703 1311Q521
-1311 417 1173T309 788V681Q309 430 414 287T705 143Q891 143 993 278T1098 667V775ZM812 1552H653L395 1846H618L812 1552Z" />
-<glyph unicode="&#xd3;" horiz-adv-x="1408" d="M1289 681Q1289 467 1217 308T1013 64T705 -20Q533 -20 400 64T194 305T118 668V773Q118 983 191 1144T397 1390T703 1476Q878 1476 1011 1392T1217 1147T1289 773V681ZM1098 775Q1098 1034 994 1172T703 1311Q521
-1311 417 1173T309 788V681Q309 430 414 287T705 143Q891 143 993 278T1098 667V775ZM797 1846H1021L753 1552H604L797 1846Z" />
-<glyph unicode="&#xd4;" horiz-adv-x="1408" d="M1289 681Q1289 467 1217 308T1013 64T705 -20Q533 -20 400 64T194 305T118 668V773Q118 983 191 1144T397 1390T703 1476Q878 1476 1011 1392T1217 1147T1289 773V681ZM1098 775Q1098 1034 994 1172T703 1311Q521
-1311 417 1173T309 788V681Q309 430 414 287T705 143Q891 143 993 278T1098 667V775ZM1009 1574V1564H856L706 1734L557 1564H404V1576L650 1848H762L1009 1574Z" />
-<glyph unicode="&#xd5;" horiz-adv-x="1408" d="M1289 681Q1289 467 1217 308T1013 64T705 -20Q533 -20 400 64T194 305T118 668V773Q118 983 191 1144T397 1390T703 1476Q878 1476 1011 1392T1217 1147T1289 773V681ZM1098 775Q1098 1034 994 1172T703 1311Q521
-1311 417 1173T309 788V681Q309 430 414 287T705 143Q891 143 993 278T1098 667V775ZM1061 1816Q1061 1708 1000 1641T846 1574Q805 1574 775 1584T697 1625T627 1662T577 1669Q536 1669 507 1638T478 1557L354 1564Q354 1671 414 1741T568 1811Q603 1811 631 1801T707
-1762T780 1724T837 1715Q880 1715 908 1749T937 1828L1061 1816Z" />
-<glyph unicode="&#xd6;" horiz-adv-x="1408" d="M1289 681Q1289 467 1217 308T1013 64T705 -20Q533 -20 400 64T194 305T118 668V773Q118 983 191 1144T397 1390T703 1476Q878 1476 1011 1392T1217 1147T1289 773V681ZM1098 775Q1098 1034 994 1172T703 1311Q521
-1311 417 1173T309 788V681Q309 430 414 287T705 143Q891 143 993 278T1098 667V775ZM385 1683Q385 1728 412 1758T494 1789T576 1759T604 1683T576 1608T494 1578T413 1608T385 1683ZM815 1681Q815 1726 842 1757T924 1788T1006 1757T1034 1681T1006 1606T924
-1576T843 1606T815 1681Z" />
-<glyph unicode="&#xd7;" horiz-adv-x="1092" d="M89 329L419 665L91 1000L210 1123L539 788L868 1123L987 1000L659 665L989 329L870 206L539 543L208 206L89 329Z" />
-<glyph unicode="&#xd8;" horiz-adv-x="1408" d="M1289 681Q1289 467 1217 308T1013 64T705 -20Q534 -20 403 62L306 -93H164L308 138Q118 330 118 690V773Q118 983 191 1144T397 1390T703 1476Q917 1476 1065 1351L1168 1516H1309L1150 1261Q1287 1074 1289 780V681ZM309
-681Q309 437 407 296L971 1200Q869 1311 703 1311Q521 1311 417 1173T309 788V681ZM1098 775Q1098 957 1042 1088L493 207Q584 143 705 143Q891 143 993 278T1098 667V775Z" />
-<glyph unicode="&#xd9;" horiz-adv-x="1328" d="M1194 1456V466Q1193 260 1065 129T716 -18L665 -20Q426 -20 284 109T140 464V1456H330V470Q330 312 417 225T665 137Q828 137 914 224T1001 469V1456H1194ZM773 1550H614L356 1844H579L773 1550Z" />
-<glyph unicode="&#xda;" horiz-adv-x="1328" d="M1194 1456V466Q1193 260 1065 129T716 -18L665 -20Q426 -20 284 109T140 464V1456H330V470Q330 312 417 225T665 137Q828 137 914 224T1001 469V1456H1194ZM758 1844H982L714 1550H565L758 1844Z" />
-<glyph unicode="&#xdb;" horiz-adv-x="1328" d="M1194 1456V466Q1193 260 1065 129T716 -18L665 -20Q426 -20 284 109T140 464V1456H330V470Q330 312 417 225T665 137Q828 137 914 224T1001 469V1456H1194ZM970 1572V1562H817L667 1732L518 1562H365V1574L611
-1846H723L970 1572Z" />
-<glyph unicode="&#xdc;" horiz-adv-x="1328" d="M1194 1456V466Q1193 260 1065 129T716 -18L665 -20Q426 -20 284 109T140 464V1456H330V470Q330 312 417 225T665 137Q828 137 914 224T1001 469V1456H1194ZM346 1681Q346 1726 373 1756T455 1787T537 1757T565
-1681T537 1606T455 1576T374 1606T346 1681ZM776 1679Q776 1724 803 1755T885 1786T967 1755T995 1679T967 1604T885 1574T804 1604T776 1679Z" />
-<glyph unicode="&#xdd;" horiz-adv-x="1230" d="M613 725L993 1456H1211L709 543V0H517V543L15 1456H235L613 725ZM708 1844H932L664 1550H515L708 1844Z" />
-<glyph unicode="&#xde;" horiz-adv-x="1210" d="M352 1456V1163H631Q778 1163 888 1111T1057 961T1117 738Q1117 544 985 429T626 313H352V0H166V1456H352ZM352 1011V465H629Q771 465 851 540T931 736Q931 859 851 934T635 1011H352Z" />
-<glyph unicode="&#xdf;" horiz-adv-x="1218" d="M324 0H139V1111Q139 1319 242 1436T532 1554Q712 1554 810 1465T909 1216Q909 1091 845 990T781 819Q781 768 818 721T950 601T1087 461T1130 317Q1130 158 1029 69T745 -20Q664 -20 574 2T445 52L488 207Q537
-175 604 153T725 131Q832 131 888 178T945 307Q945 359 908 407T777 528T639 671T595 821Q595 910 664 1013T734 1201Q734 1295 682 1348T542 1402Q324 1402 324 1109V0Z" />
-<glyph unicode="&#xe0;" horiz-adv-x="1114" d="M808 0Q792 32 782 114Q653 -20 474 -20Q314 -20 212 70T109 300Q109 469 237 562T599 656H779V741Q779 838 721 895T550 953Q451 953 384 903T317 782H131Q131 863 188 938T344 1058T561 1102Q748 1102 854 1009T964
-751V253Q964 104 1002 16V0H808ZM501 141Q588 141 666 186T779 303V525H634Q294 525 294 326Q294 239 352 190T501 141ZM687 1240H528L270 1534H493L687 1240Z" />
-<glyph unicode="&#xe1;" horiz-adv-x="1114" d="M808 0Q792 32 782 114Q653 -20 474 -20Q314 -20 212 70T109 300Q109 469 237 562T599 656H779V741Q779 838 721 895T550 953Q451 953 384 903T317 782H131Q131 863 188 938T344 1058T561 1102Q748 1102 854 1009T964
-751V253Q964 104 1002 16V0H808ZM501 141Q588 141 666 186T779 303V525H634Q294 525 294 326Q294 239 352 190T501 141ZM672 1534H896L628 1240H479L672 1534Z" />
-<glyph unicode="&#xe2;" horiz-adv-x="1114" d="M808 0Q792 32 782 114Q653 -20 474 -20Q314 -20 212 70T109 300Q109 469 237 562T599 656H779V741Q779 838 721 895T550 953Q451 953 384 903T317 782H131Q131 863 188 938T344 1058T561 1102Q748 1102 854 1009T964
-751V253Q964 104 1002 16V0H808ZM501 141Q588 141 666 186T779 303V525H634Q294 525 294 326Q294 239 352 190T501 141ZM884 1262V1252H731L581 1422L432 1252H279V1264L525 1536H637L884 1262Z" />
-<glyph unicode="&#xe3;" horiz-adv-x="1114" d="M808 0Q792 32 782 114Q653 -20 474 -20Q314 -20 212 70T109 300Q109 469 237 562T599 656H779V741Q779 838 721 895T550 953Q451 953 384 903T317 782H131Q131 863 188 938T344 1058T561 1102Q748 1102 854 1009T964
-751V253Q964 104 1002 16V0H808ZM501 141Q588 141 666 186T779 303V525H634Q294 525 294 326Q294 239 352 190T501 141ZM936 1504Q936 1396 875 1329T721 1262Q680 1262 650 1272T572 1313T502 1350T452 1357Q411 1357 382 1326T353 1245L229 1252Q229 1359 289
-1429T443 1499Q478 1499 506 1489T582 1450T655 1412T712 1403Q755 1403 783 1437T812 1516L936 1504Z" />
-<glyph unicode="&#xe4;" horiz-adv-x="1114" d="M808 0Q792 32 782 114Q653 -20 474 -20Q314 -20 212 70T109 300Q109 469 237 562T599 656H779V741Q779 838 721 895T550 953Q451 953 384 903T317 782H131Q131 863 188 938T344 1058T561 1102Q748 1102 854 1009T964
-751V253Q964 104 1002 16V0H808ZM501 141Q588 141 666 186T779 303V525H634Q294 525 294 326Q294 239 352 190T501 141ZM260 1371Q260 1416 287 1446T369 1477T451 1447T479 1371T451 1296T369 1266T288 1296T260 1371ZM690 1369Q690 1414 717 1445T799 1476T881
-1445T909 1369T881 1294T799 1264T718 1294T690 1369Z" />
-<glyph unicode="&#xe5;" horiz-adv-x="1114" d="M808 0Q792 32 782 114Q653 -20 474 -20Q314 -20 212 70T109 300Q109 469 237 562T599 656H779V741Q779 838 721 895T550 953Q451 953 384 903T317 782H131Q131 863 188 938T344 1058T561 1102Q748 1102 854 1009T964
-751V253Q964 104 1002 16V0H808ZM501 141Q588 141 666 186T779 303V525H634Q294 525 294 326Q294 239 352 190T501 141ZM796 1419Q796 1332 734 1274T581 1215Q489 1215 428 1274T366 1419T427 1566T581 1627T734 1566T796 1419ZM465 1419Q465 1372 498 1338T581
-1304Q629 1304 663 1337T697 1419T664 1502T581 1537Q531 1537 498 1502T465 1419Z" />
-<glyph unicode="&#xe6;" horiz-adv-x="1729" d="M1262 -20Q1001 -20 865 160Q800 74 687 27T433 -20Q266 -20 172 66T78 304Q78 461 191 548T526 635H749V720Q749 827 694 888T535 950Q430 950 360 895T290 759L106 778Q106 921 227 1011T535 1102Q650 1102 738
-1061T876 936Q939 1015 1026 1058T1218 1102Q1428 1102 1544 974T1660 612V497H932Q939 321 1026 226T1262 130Q1410 130 1531 206L1578 237L1642 101Q1484 -20 1262 -20ZM469 130Q541 130 620 167T749 258V495H521Q404 493 334 438T264 300Q264 223 317 177T469
-130ZM1218 950Q1103 950 1029 865T937 640H1475V671Q1475 803 1408 876T1218 950Z" />
-<glyph unicode="&#xe7;" horiz-adv-x="1072" d="M574 131Q673 131 747 191T829 341H1004Q999 248 940 164T783 30T574 -20Q353 -20 223 127T92 531V562Q92 720 150 843T316 1034T573 1102Q755 1102 875 993T1004 710H829Q821 815 750 882T573 950Q432 950 355
-849T277 555V520Q277 333 354 232T574 131ZM604 -9L592 -61Q745 -88 745 -234Q745 -331 665 -387T442 -444L435 -337Q514 -337 557 -311T601 -238Q601 -194 569 -173T439 -143L471 -9H604Z" />
-<glyph unicode="&#xe8;" horiz-adv-x="1085" d="M589 -20Q369 -20 231 124T93 511V545Q93 706 154 832T326 1030T566 1102Q777 1102 894 963T1011 565V488H278Q282 328 371 230T599 131Q697 131 765 171T884 277L997 189Q861 -20 589 -20ZM566 950Q454 950 378
-869T284 640H826V654Q818 795 750 872T566 950ZM671 1240H512L254 1534H477L671 1240Z" />
-<glyph unicode="&#xe9;" horiz-adv-x="1085" d="M589 -20Q369 -20 231 124T93 511V545Q93 706 154 832T326 1030T566 1102Q777 1102 894 963T1011 565V488H278Q282 328 371 230T599 131Q697 131 765 171T884 277L997 189Q861 -20 589 -20ZM566 950Q454 950 378
-869T284 640H826V654Q818 795 750 872T566 950ZM656 1534H880L612 1240H463L656 1534Z" />
-<glyph unicode="&#xea;" horiz-adv-x="1085" d="M589 -20Q369 -20 231 124T93 511V545Q93 706 154 832T326 1030T566 1102Q777 1102 894 963T1011 565V488H278Q282 328 371 230T599 131Q697 131 765 171T884 277L997 189Q861 -20 589 -20ZM566 950Q454 950 378
-869T284 640H826V654Q818 795 750 872T566 950ZM868 1262V1252H715L565 1422L416 1252H263V1264L509 1536H621L868 1262Z" />
-<glyph unicode="&#xeb;" horiz-adv-x="1085" d="M589 -20Q369 -20 231 124T93 511V545Q93 706 154 832T326 1030T566 1102Q777 1102 894 963T1011 565V488H278Q282 328 371 230T599 131Q697 131 765 171T884 277L997 189Q861 -20 589 -20ZM566 950Q454 950 378
-869T284 640H826V654Q818 795 750 872T566 950ZM244 1371Q244 1416 271 1446T353 1477T435 1447T463 1371T435 1296T353 1266T272 1296T244 1371ZM674 1369Q674 1414 701 1445T783 1476T865 1445T893 1369T865 1294T783 1264T702 1294T674 1369Z" />
-<glyph unicode="&#xec;" horiz-adv-x="506" d="M341 0H155V1082H341V0ZM615 1495H456L198 1789H421L615 1495Z" />
-<glyph unicode="&#xed;" horiz-adv-x="506" d="M341 0H155V1082H341V0ZM343 1789H567L299 1495H150L343 1789Z" />
-<glyph unicode="&#xee;" horiz-adv-x="506" d="M341 0H155V1082H341V0ZM556 1261V1251H403L253 1421L104 1251H-49V1263L197 1535H309L556 1261Z" />
-<glyph unicode="&#xef;" horiz-adv-x="506" d="M341 0H155V1082H341V0ZM-68 1370Q-68 1415 -41 1445T41 1476T123 1446T151 1370T123 1295T41 1265T-40 1295T-68 1370ZM362 1368Q362 1413 389 1444T471 1475T553 1444T581 1368T553 1293T471 1263T390 1293T362 1368Z" />
-<glyph unicode="&#xf0;" horiz-adv-x="1200" d="M820 1301Q1069 1037 1069 628V535Q1069 377 1011 251T844 52T602 -20Q467 -20 357 44T187 221T126 467Q126 614 182 730T341 912T574 977Q737 977 858 863Q810 1058 669 1199L451 1051L378 1150L570 1281Q438 1372
-255 1421L312 1580Q551 1526 726 1387L915 1516L988 1416L820 1301ZM884 635L882 691Q849 752 780 788T618 825Q473 825 392 730T311 467Q311 327 394 229T606 131Q731 131 807 244T884 541V635Z" />
-<glyph unicode="&#xf1;" horiz-adv-x="1130" d="M315 1082L321 946Q445 1102 645 1102Q988 1102 991 715V0H806V716Q805 833 753 889T589 945Q499 945 431 897T325 771V0H140V1082H315ZM927 1504Q927 1396 866 1329T712 1262Q671 1262 641 1272T563 1313T493 1350T443
-1357Q402 1357 373 1326T344 1245L220 1252Q220 1359 280 1429T434 1499Q469 1499 497 1489T573 1450T646 1412T703 1403Q746 1403 774 1437T803 1516L927 1504Z" />
-<glyph unicode="&#xf2;" horiz-adv-x="1168" d="M91 551Q91 710 153 837T327 1033T582 1102Q803 1102 939 949T1076 542V529Q1076 371 1016 246T843 50T584 -20Q364 -20 228 133T91 538V551ZM277 529Q277 349 360 240T584 131Q725 131 808 241T891 551Q891 729
-807 839T582 950Q445 950 361 841T277 529ZM681 1240H522L264 1534H487L681 1240Z" />
-<glyph unicode="&#xf3;" horiz-adv-x="1168" d="M91 551Q91 710 153 837T327 1033T582 1102Q803 1102 939 949T1076 542V529Q1076 371 1016 246T843 50T584 -20Q364 -20 228 133T91 538V551ZM277 529Q277 349 360 240T584 131Q725 131 808 241T891 551Q891 729
-807 839T582 950Q445 950 361 841T277 529ZM666 1534H890L622 1240H473L666 1534Z" />
-<glyph unicode="&#xf4;" horiz-adv-x="1168" d="M91 551Q91 710 153 837T327 1033T582 1102Q803 1102 939 949T1076 542V529Q1076 371 1016 246T843 50T584 -20Q364 -20 228 133T91 538V551ZM277 529Q277 349 360 240T584 131Q725 131 808 241T891 551Q891 729
-807 839T582 950Q445 950 361 841T277 529ZM878 1262V1252H725L575 1422L426 1252H273V1264L519 1536H631L878 1262Z" />
-<glyph unicode="&#xf5;" horiz-adv-x="1168" d="M91 551Q91 710 153 837T327 1033T582 1102Q803 1102 939 949T1076 542V529Q1076 371 1016 246T843 50T584 -20Q364 -20 228 133T91 538V551ZM277 529Q277 349 360 240T584 131Q725 131 808 241T891 551Q891 729
-807 839T582 950Q445 950 361 841T277 529ZM930 1504Q930 1396 869 1329T715 1262Q674 1262 644 1272T566 1313T496 1350T446 1357Q405 1357 376 1326T347 1245L223 1252Q223 1359 283 1429T437 1499Q472 1499 500 1489T576 1450T649 1412T706 1403Q749 1403 777
-1437T806 1516L930 1504Z" />
-<glyph unicode="&#xf6;" horiz-adv-x="1168" d="M91 551Q91 710 153 837T327 1033T582 1102Q803 1102 939 949T1076 542V529Q1076 371 1016 246T843 50T584 -20Q364 -20 228 133T91 538V551ZM277 529Q277 349 360 240T584 131Q725 131 808 241T891 551Q891 729
-807 839T582 950Q445 950 361 841T277 529ZM254 1371Q254 1416 281 1446T363 1477T445 1447T473 1371T445 1296T363 1266T282 1296T254 1371ZM684 1369Q684 1414 711 1445T793 1476T875 1445T903 1369T875 1294T793 1264T712 1294T684 1369Z" />
-<glyph unicode="&#xf7;" horiz-adv-x="1169" d="M1069 600H71V784H1069V600ZM461 1098Q461 1146 489 1178T575 1210T661 1178T691 1098Q691 1051 662 1020T575 989T490 1020T461 1098ZM461 281Q461 329 489 361T575 393T661 361T691 281Q691 235 662 204T575 172T490
-203T461 281Z" />
-<glyph unicode="&#xf8;" horiz-adv-x="1160" d="M91 551Q91 710 152 836T326 1032T582 1102Q692 1102 786 1060L859 1208H983L881 1003Q1076 849 1076 529Q1076 371 1014 244T840 49T584 -20Q480 -20 394 15L320 -134H196L296 69Q91 218 91 551ZM276 529Q276 335
-373 224L716 918Q654 950 582 950Q444 950 360 841T276 529ZM890 551Q890 733 803 844L463 156Q518 131 584 131Q723 131 806 240T890 535V551Z" />
-<glyph unicode="&#xf9;" horiz-adv-x="1129" d="M808 107Q700 -20 491 -20Q318 -20 228 80T136 378V1082H321V383Q321 137 521 137Q733 137 803 295V1082H988V0H812L808 107ZM673 1240H514L256 1534H479L673 1240Z" />
-<glyph unicode="&#xfa;" horiz-adv-x="1129" d="M808 107Q700 -20 491 -20Q318 -20 228 80T136 378V1082H321V383Q321 137 521 137Q733 137 803 295V1082H988V0H812L808 107ZM658 1534H882L614 1240H465L658 1534Z" />
-<glyph unicode="&#xfb;" horiz-adv-x="1129" d="M808 107Q700 -20 491 -20Q318 -20 228 80T136 378V1082H321V383Q321 137 521 137Q733 137 803 295V1082H988V0H812L808 107ZM870 1262V1252H717L567 1422L418 1252H265V1264L511 1536H623L870 1262Z" />
-<glyph unicode="&#xfc;" horiz-adv-x="1129" d="M808 107Q700 -20 491 -20Q318 -20 228 80T136 378V1082H321V383Q321 137 521 137Q733 137 803 295V1082H988V0H812L808 107ZM246 1371Q246 1416 273 1446T355 1477T437 1447T465 1371T437 1296T355 1266T274 1296T246
-1371ZM676 1369Q676 1414 703 1445T785 1476T867 1445T895 1369T867 1294T785 1264T704 1294T676 1369Z" />
-<glyph unicode="&#xfd;" horiz-adv-x="969" d="M494 271L746 1082H944L509 -167Q408 -437 188 -437L153 -434L84 -421V-271L134 -275Q228 -275 280 -237T367 -98L408 12L22 1082H224L494 271ZM599 1534H823L555 1240H406L599 1534Z" />
-<glyph unicode="&#xfe;" horiz-adv-x="1180" d="M1063 529Q1063 282 950 131T644 -20Q447 -20 334 105V-416H149V1536H334V970Q447 1102 641 1102Q836 1102 949 955T1063 546V529ZM878 550Q878 733 800 839T586 945Q418 945 334 796V279Q417 131 588 131Q721 131
-799 236T878 550Z" />
-<glyph unicode="&#xff;" horiz-adv-x="969" d="M494 271L746 1082H944L509 -167Q408 -437 188 -437L153 -434L84 -421V-271L134 -275Q228 -275 280 -237T367 -98L408 12L22 1082H224L494 271ZM187 1371Q187 1416 214 1446T296 1477T378 1447T406 1371T378 1296T296
-1266T215 1296T187 1371ZM617 1369Q617 1414 644 1445T726 1476T808 1445T836 1369T808 1294T726 1264T645 1294T617 1369Z" />
-<glyph unicode="&#x2013;" horiz-adv-x="1344" d="M1421 651H419V802H1421V651Z" />
-<glyph unicode="&#x2014;" horiz-adv-x="1599" d="M1737 651H401V802H1737V651Z" />
-<glyph unicode="&#x2018;" horiz-adv-x="409" d="M270 1555L376 1483Q283 1356 280 1209V1073H96V1189Q96 1291 144 1391T270 1555Z" />
-<glyph unicode="&#x2019;" horiz-adv-x="409" d="M153 1046L48 1118Q141 1248 144 1392V1536H327V1406Q326 1306 278 1207T153 1046Z" />
-<glyph unicode="&#x201a;" horiz-adv-x="407" d="M141 -283L36 -210Q127 -83 130 63V181H315V81Q315 -20 266 -121T141 -283Z" />
-<glyph unicode="&#x201c;" horiz-adv-x="724" d="M278 1555L384 1483Q291 1356 288 1209V1073H104V1189Q104 1291 152 1391T278 1555ZM593 1555L699 1483Q606 1356 603 1209V1073H419V1189Q419 1291 467 1391T593 1555Z" />
-<glyph unicode="&#x201d;" horiz-adv-x="731" d="M165 1046L60 1118Q153 1248 156 1392V1536H339V1406Q338 1306 290 1207T165 1046ZM472 1046L367 1118Q460 1248 463 1392V1536H646V1406Q645 1306 597 1207T472 1046Z" />
-<glyph unicode="&#x201e;" horiz-adv-x="705" d="M141 -301L36 -229Q127 -92 130 61V246H315V82Q315 -26 266 -131T141 -301ZM437 -301L332 -229Q423 -92 426 61V246H612V82Q612 -25 564 -129T437 -301Z" />
-<glyph unicode="&#x2022;" horiz-adv-x="690" d="M138 772Q138 859 193 915T341 971Q432 971 489 917T546 769V732Q546 645 491 590T342 535Q249 535 194 590T138 734V772Z" />
-<glyph unicode="&#x2039;" horiz-adv-x="614" d="M286 550L544 153H403L108 541V560L403 949H544L286 550Z" />
-<glyph unicode="&#x203a;" horiz-adv-x="614" d="M231 949L526 560V541L231 152H89L347 550L89 949H231Z" />
-</font>
-</defs>
-</svg>
diff --git a/documentation/fonts/roboto-v15-latin-regular.ttf b/documentation/fonts/roboto-v15-latin-regular.ttf
deleted file mode 100644
index 7b25f3ce..00000000
Binary files a/documentation/fonts/roboto-v15-latin-regular.ttf and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-regular.woff b/documentation/fonts/roboto-v15-latin-regular.woff
deleted file mode 100644
index 941dfa4b..00000000
Binary files a/documentation/fonts/roboto-v15-latin-regular.woff and /dev/null differ
diff --git a/documentation/fonts/roboto-v15-latin-regular.woff2 b/documentation/fonts/roboto-v15-latin-regular.woff2
deleted file mode 100644
index 120796bb..00000000
Binary files a/documentation/fonts/roboto-v15-latin-regular.woff2 and /dev/null differ
diff --git a/documentation/graph/dependencies.svg b/documentation/graph/dependencies.svg
deleted file mode 100644
index 317932d5..00000000
--- a/documentation/graph/dependencies.svg
+++ /dev/null
@@ -1,236 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Generated by graphviz version 2.47.3 (20210619.1520)
- -->
-<!-- Title: dependencies Pages: 1 -->
-<svg width="1135pt" height="318pt"
- viewBox="0.00 0.00 1135.00 317.80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 313.8)">
-<title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-313.8 1131,-313.8 1131,4 -4,4"/>
-<text text-anchor="middle" x="563.5" y="-8.2" font-family="sans-serif" font-size="14.00">dependencies</text>
-<g id="clust1" class="cluster">
-<title>cluster_GalleryModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-32.8 8,-233.8 693,-233.8 693,-32.8 8,-32.8"/>
-</g>
-<g id="clust3" class="cluster">
-<title>cluster_GalleryModule_imports</title>
-<polygon fill="none" stroke="black" points="29,-40.8 29,-92.8 681,-92.8 681,-40.8 29,-40.8"/>
-</g>
-<g id="clust4" class="cluster">
-<title>cluster_GalleryModule_exports</title>
-<polygon fill="none" stroke="black" points="16,-173.8 16,-225.8 685,-225.8 685,-173.8 16,-173.8"/>
-</g>
-<g id="clust7" class="cluster">
-<title>cluster_LightboxModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="701,-100.8 701,-301.8 1119,-301.8 1119,-100.8 701,-100.8"/>
-</g>
-<g id="clust9" class="cluster">
-<title>cluster_LightboxModule_imports</title>
-<polygon fill="none" stroke="black" points="774,-108.8 774,-160.8 1047,-160.8 1047,-108.8 774,-108.8"/>
-</g>
-<g id="clust10" class="cluster">
-<title>cluster_LightboxModule_exports</title>
-<polygon fill="none" stroke="black" points="709,-241.8 709,-293.8 1111,-293.8 1111,-241.8 709,-241.8"/>
-</g>
-<!-- GalleryBoxDef -->
-<g id="node1" class="node">
-<title>GalleryBoxDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="673.3,-84.8 670.3,-88.8 649.3,-88.8 646.3,-84.8 570.7,-84.8 570.7,-48.8 673.3,-48.8 673.3,-84.8"/>
-<text text-anchor="middle" x="622" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryBoxDef</text>
-</g>
-<!-- GalleryModule -->
-<g id="node6" class="node">
-<title>GalleryModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="404.53,-152.8 401.53,-156.8 380.53,-156.8 377.53,-152.8 303.47,-152.8 303.47,-116.8 404.53,-116.8 404.53,-152.8"/>
-<text text-anchor="middle" x="354" y="-130.6" font-family="Times,serif" font-size="14.00">GalleryModule</text>
-</g>
-<!-- GalleryBoxDef&#45;&gt;GalleryModule -->
-<g id="edge1" class="edge">
-<title>GalleryBoxDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M639.13,-85.07C639.13,-103.36 639.13,-128.8 639.13,-128.8 639.13,-128.8 414.65,-128.8 414.65,-128.8"/>
-<polygon fill="black" stroke="black" points="414.65,-125.3 404.65,-128.8 414.65,-132.3 414.65,-125.3"/>
-</g>
-<!-- GalleryComponent -->
-<g id="node2" class="node">
-<title>GalleryComponent</title>
-<polygon fill="#8dd3c7" stroke="black" points="552.81,-84.8 549.81,-88.8 528.81,-88.8 525.81,-84.8 429.19,-84.8 429.19,-48.8 552.81,-48.8 552.81,-84.8"/>
-<text text-anchor="middle" x="491" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryComponent</text>
-</g>
-<!-- GalleryComponent&#45;&gt;GalleryModule -->
-<g id="edge2" class="edge">
-<title>GalleryComponent&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M470.45,-84.83C470.45,-101.2 470.45,-122.8 470.45,-122.8 470.45,-122.8 414.74,-122.8 414.74,-122.8"/>
-<polygon fill="black" stroke="black" points="414.74,-119.3 404.74,-122.8 414.74,-126.3 414.74,-119.3"/>
-</g>
-<!-- GalleryImageDef -->
-<g id="node3" class="node">
-<title>GalleryImageDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="410.94,-84.8 407.94,-88.8 386.94,-88.8 383.94,-84.8 297.06,-84.8 297.06,-48.8 410.94,-48.8 410.94,-84.8"/>
-<text text-anchor="middle" x="354" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryImageDef</text>
-</g>
-<!-- GalleryImageDef&#45;&gt;GalleryModule -->
-<g id="edge3" class="edge">
-<title>GalleryImageDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M354,-85.02C354,-85.02 354,-106.53 354,-106.53"/>
-<polygon fill="black" stroke="black" points="350.5,-106.53 354,-116.53 357.5,-106.53 350.5,-106.53"/>
-</g>
-<!-- GalleryItemDef -->
-<g id="node4" class="node">
-<title>GalleryItemDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="279.12,-84.8 276.12,-88.8 255.12,-88.8 252.12,-84.8 174.88,-84.8 174.88,-48.8 279.12,-48.8 279.12,-84.8"/>
-<text text-anchor="middle" x="227" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryItemDef</text>
-</g>
-<!-- GalleryItemDef&#45;&gt;GalleryModule -->
-<g id="edge4" class="edge">
-<title>GalleryItemDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M240.27,-84.83C240.27,-101.86 240.27,-124.8 240.27,-124.8 240.27,-124.8 293.45,-124.8 293.45,-124.8"/>
-<polygon fill="black" stroke="black" points="293.45,-128.3 303.45,-124.8 293.45,-121.3 293.45,-128.3"/>
-</g>
-<!-- GalleryThumbDef -->
-<g id="node5" class="node">
-<title>GalleryThumbDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="156.9,-84.8 153.9,-88.8 132.9,-88.8 129.9,-84.8 37.1,-84.8 37.1,-48.8 156.9,-48.8 156.9,-84.8"/>
-<text text-anchor="middle" x="97" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryThumbDef</text>
-</g>
-<!-- GalleryThumbDef&#45;&gt;GalleryModule -->
-<g id="edge5" class="edge">
-<title>GalleryThumbDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M151.58,-84.91C151.58,-104.14 151.58,-131.8 151.58,-131.8 151.58,-131.8 293.44,-131.8 293.44,-131.8"/>
-<polygon fill="black" stroke="black" points="293.44,-135.3 303.44,-131.8 293.44,-128.3 293.44,-135.3"/>
-</g>
-<!-- GalleryBoxDef  -->
-<g id="node7" class="node">
-<title>GalleryBoxDef </title>
-<polygon fill="#fb8072" stroke="black" points="676.8,-217.8 571.2,-217.8 571.2,-181.8 676.8,-181.8 676.8,-217.8"/>
-<text text-anchor="middle" x="624" y="-195.6" font-family="Times,serif" font-size="14.00">GalleryBoxDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryBoxDef  -->
-<g id="edge6" class="edge">
-<title>GalleryModule&#45;&gt;GalleryBoxDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M404.82,-140.8C478.19,-140.8 605.12,-140.8 605.12,-140.8 605.12,-140.8 605.12,-171.78 605.12,-171.78"/>
-<polygon fill="black" stroke="black" points="601.62,-171.78 605.12,-181.78 608.62,-171.78 601.62,-171.78"/>
-</g>
-<!-- GalleryComponent  -->
-<g id="node8" class="node">
-<title>GalleryComponent </title>
-<polygon fill="#fb8072" stroke="black" points="553.31,-217.8 426.69,-217.8 426.69,-181.8 553.31,-181.8 553.31,-217.8"/>
-<text text-anchor="middle" x="490" y="-195.6" font-family="Times,serif" font-size="14.00">GalleryComponent </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryComponent  -->
-<g id="edge7" class="edge">
-<title>GalleryModule&#45;&gt;GalleryComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M404.72,-146.8C450.77,-146.8 511.55,-146.8 511.55,-146.8 511.55,-146.8 511.55,-171.56 511.55,-171.56"/>
-<polygon fill="black" stroke="black" points="508.05,-171.56 511.55,-181.56 515.05,-171.56 508.05,-171.56"/>
-</g>
-<!-- GalleryImageDef  -->
-<g id="node9" class="node">
-<title>GalleryImageDef </title>
-<polygon fill="#fb8072" stroke="black" points="408.94,-217.8 291.06,-217.8 291.06,-181.8 408.94,-181.8 408.94,-217.8"/>
-<text text-anchor="middle" x="350" y="-195.6" font-family="Times,serif" font-size="14.00">GalleryImageDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryImageDef  -->
-<g id="edge8" class="edge">
-<title>GalleryModule&#45;&gt;GalleryImageDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M354,-152.91C354,-152.91 354,-171.79 354,-171.79"/>
-<polygon fill="black" stroke="black" points="350.5,-171.79 354,-181.79 357.5,-171.79 350.5,-171.79"/>
-</g>
-<!-- GalleryItemDef  -->
-<g id="node10" class="node">
-<title>GalleryItemDef </title>
-<polygon fill="#fb8072" stroke="black" points="273.12,-217.8 164.88,-217.8 164.88,-181.8 273.12,-181.8 273.12,-217.8"/>
-<text text-anchor="middle" x="219" y="-195.6" font-family="Times,serif" font-size="14.00">GalleryItemDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryItemDef  -->
-<g id="edge9" class="edge">
-<title>GalleryModule&#45;&gt;GalleryItemDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M303.17,-145.8C260.85,-145.8 207.48,-145.8 207.48,-145.8 207.48,-145.8 207.48,-171.52 207.48,-171.52"/>
-<polygon fill="black" stroke="black" points="203.98,-171.52 207.48,-181.52 210.98,-171.52 203.98,-171.52"/>
-</g>
-<!-- GalleryThumbDef  -->
-<g id="node11" class="node">
-<title>GalleryThumbDef </title>
-<polygon fill="#fb8072" stroke="black" points="146.4,-217.8 23.6,-217.8 23.6,-181.8 146.4,-181.8 146.4,-217.8"/>
-<text text-anchor="middle" x="85" y="-195.6" font-family="Times,serif" font-size="14.00">GalleryThumbDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryThumbDef  -->
-<g id="edge10" class="edge">
-<title>GalleryModule&#45;&gt;GalleryThumbDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M303.46,-138.8C227.29,-138.8 91.88,-138.8 91.88,-138.8 91.88,-138.8 91.88,-171.5 91.88,-171.5"/>
-<polygon fill="black" stroke="black" points="88.38,-171.5 91.88,-181.5 95.38,-171.5 88.38,-171.5"/>
-</g>
-<!-- LightboxModule -->
-<g id="node14" class="node">
-<title>LightboxModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="897.38,-217.8 894.38,-221.8 873.38,-221.8 870.38,-217.8 786.62,-217.8 786.62,-181.8 897.38,-181.8 897.38,-217.8"/>
-<text text-anchor="middle" x="842" y="-195.6" font-family="Times,serif" font-size="14.00">LightboxModule</text>
-</g>
-<!-- GalleryModule&#45;&gt;LightboxModule -->
-<g id="edge12" class="edge">
-<title>GalleryModule&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M404.57,-134.8C499.9,-134.8 696.72,-134.8 696.72,-134.8 696.72,-134.8 696.72,-199.8 696.72,-199.8 696.72,-199.8 776.25,-199.8 776.25,-199.8"/>
-<polygon fill="black" stroke="black" points="776.25,-203.3 786.25,-199.8 776.25,-196.3 776.25,-203.3"/>
-</g>
-<!-- GallerizeDirective -->
-<g id="node12" class="node">
-<title>GallerizeDirective</title>
-<polygon fill="#8dd3c7" stroke="black" points="1038.88,-152.8 1035.88,-156.8 1014.88,-156.8 1011.88,-152.8 919.12,-152.8 919.12,-116.8 1038.88,-116.8 1038.88,-152.8"/>
-<text text-anchor="middle" x="979" y="-130.6" font-family="Times,serif" font-size="14.00">GallerizeDirective</text>
-</g>
-<!-- GallerizeDirective&#45;&gt;LightboxModule -->
-<g id="edge11" class="edge">
-<title>GallerizeDirective&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M940.91,-152.82C940.91,-170.17 940.91,-193.8 940.91,-193.8 940.91,-193.8 907.53,-193.8 907.53,-193.8"/>
-<polygon fill="black" stroke="black" points="907.53,-190.3 897.53,-193.8 907.53,-197.3 907.53,-190.3"/>
-</g>
-<!-- LightboxDirective -->
-<g id="node13" class="node">
-<title>LightboxDirective</title>
-<polygon fill="#8dd3c7" stroke="black" points="901.92,-152.8 898.92,-156.8 877.92,-156.8 874.92,-152.8 782.08,-152.8 782.08,-116.8 901.92,-116.8 901.92,-152.8"/>
-<text text-anchor="middle" x="842" y="-130.6" font-family="Times,serif" font-size="14.00">LightboxDirective</text>
-</g>
-<!-- LightboxDirective&#45;&gt;LightboxModule -->
-<g id="edge13" class="edge">
-<title>LightboxDirective&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M842,-152.91C842,-152.91 842,-171.79 842,-171.79"/>
-<polygon fill="black" stroke="black" points="838.5,-171.79 842,-181.79 845.5,-171.79 838.5,-171.79"/>
-</g>
-<!-- GallerizeDirective  -->
-<g id="node15" class="node">
-<title>GallerizeDirective </title>
-<polygon fill="#fb8072" stroke="black" points="1103.38,-285.8 980.62,-285.8 980.62,-249.8 1103.38,-249.8 1103.38,-285.8"/>
-<text text-anchor="middle" x="1042" y="-263.6" font-family="Times,serif" font-size="14.00">GallerizeDirective </text>
-</g>
-<!-- LightboxModule&#45;&gt;GallerizeDirective  -->
-<g id="edge14" class="edge">
-<title>LightboxModule&#45;&gt;GallerizeDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M897.82,-205.8C946.58,-205.8 1009.62,-205.8 1009.62,-205.8 1009.62,-205.8 1009.62,-239.53 1009.62,-239.53"/>
-<polygon fill="black" stroke="black" points="1006.13,-239.53 1009.62,-249.53 1013.13,-239.53 1006.13,-239.53"/>
-</g>
-<!-- GalleryModule  -->
-<g id="node16" class="node">
-<title>GalleryModule </title>
-<polygon fill="#fb8072" stroke="black" points="962.53,-285.8 857.47,-285.8 857.47,-249.8 962.53,-249.8 962.53,-285.8"/>
-<text text-anchor="middle" x="910" y="-263.6" font-family="Times,serif" font-size="14.00">GalleryModule </text>
-</g>
-<!-- LightboxModule&#45;&gt;GalleryModule  -->
-<g id="edge15" class="edge">
-<title>LightboxModule&#45;&gt;GalleryModule </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M877.46,-218.02C877.46,-218.02 877.46,-239.53 877.46,-239.53"/>
-<polygon fill="black" stroke="black" points="873.96,-239.53 877.46,-249.53 880.96,-239.53 873.96,-239.53"/>
-</g>
-<!-- LightboxDirective  -->
-<g id="node17" class="node">
-<title>LightboxDirective </title>
-<polygon fill="#fb8072" stroke="black" points="839.42,-285.8 716.58,-285.8 716.58,-249.8 839.42,-249.8 839.42,-285.8"/>
-<text text-anchor="middle" x="778" y="-263.6" font-family="Times,serif" font-size="14.00">LightboxDirective </text>
-</g>
-<!-- LightboxModule&#45;&gt;LightboxDirective  -->
-<g id="edge16" class="edge">
-<title>LightboxModule&#45;&gt;LightboxDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M813.01,-218.02C813.01,-218.02 813.01,-239.53 813.01,-239.53"/>
-<polygon fill="black" stroke="black" points="809.51,-239.53 813.01,-249.53 816.51,-239.53 809.51,-239.53"/>
-</g>
-</g>
-</svg>
diff --git a/documentation/images/compodoc-vectorise-inverted.png b/documentation/images/compodoc-vectorise-inverted.png
deleted file mode 100644
index e95ccfb0..00000000
Binary files a/documentation/images/compodoc-vectorise-inverted.png and /dev/null differ
diff --git a/documentation/images/compodoc-vectorise-inverted.svg b/documentation/images/compodoc-vectorise-inverted.svg
deleted file mode 100644
index d1479a56..00000000
--- a/documentation/images/compodoc-vectorise-inverted.svg
+++ /dev/null
@@ -1,201 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="542.98999"
-   height="542.98999"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.48.4 r9939"
-   sodipodi:docname="compodoc.svg"
-   inkscape:export-filename="/home/SII/vogloblinsky/Bureau/compodoc.png"
-   inkscape:export-xdpi="72"
-   inkscape:export-ydpi="72">
-  <defs
-     id="defs4" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="0.98994949"
-     inkscape:cx="394.86152"
-     inkscape:cy="152.29997"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     inkscape:window-width="1887"
-     inkscape:window-height="1056"
-     inkscape:window-x="1953"
-     inkscape:window-y="24"
-     inkscape:window-maximized="1"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0" />
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Calque 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-109.30421,14.576914)">
-    <g
-       id="g3075"
-       transform="matrix(-0.34202014,0.93969262,-0.93969262,-0.34202014,789.34114,36.353292)">
-      <path
-         id="path254"
-         style="fill:#f03949;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 126.98485,359.06758 340,0 0,-65 -340,0 0,65 z"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path256"
-         style="fill:#f78f22;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 306.35985,326.56758 c 0,-13.46125 -10.9125,-24.37375 -24.37375,-24.37375 -13.46125,0 -24.37375,10.9125 -24.37375,24.37375 0,13.46125 10.9125,24.37375 24.37375,24.37375 13.46125,0 24.37375,-10.9125 24.37375,-24.37375"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path266"
-         style="fill:#1a3a5c;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 173.23485,359.06758 28.75,0 0,-65 -28.75,0 0,65 z"
-         inkscape:connector-curvature="0" />
-      <path
-         sodipodi:nodetypes="ccccccccccccccccccsccccc"
-         id="path268"
-         style="fill:#e73440;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 466.98485,326.56758 -27.5,0 0,-32.5 27.5,0 0,32.5 m -41.25,0 -38.78935,0.25254 -1.26269,-32.24746 62.02286,1.01015 -2.77792,31.23731 m -57.9429,-0.25254 -10,0 0,-32.5 10,0 0,32.5 m -23.75,0 -56.875,0 0,0 c 0,-13.46125 -10.9125,-24.37375 -24.37375,-24.37375 -13.46125,0 -24.37375,10.9125 -24.37375,24.37375 l -55.6275,0 0,-32.5 176.40229,0.25254 1.01015,32.5"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path258"
-         style="fill:#3f1928;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 383.23485,359.06758 13.75,0 0,-65 -13.75,0 0,65 z"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path260"
-         style="fill:#3f1928;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 405.73485,359.06758 13.75,0 0,-65 -13.75,0 0,65 z"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path278"
-         style="fill:#e73440;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 173.23485,326.56758 -7.5,0 0,-32.5 7.5,0 0,32.5 m -21.25,0 -25,0 0,-32.5 25,0 0,32.5"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path280"
-         style="fill:#e73440;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 151.98485,326.56758 13.75,0 0,-32.5 -13.75,0 0,32.5 z"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path282"
-         style="fill:#183452;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 173.23485,326.56758 28.75,0 0,-32.5 -28.75,0 0,32.5 z"
-         inkscape:connector-curvature="0" />
-    </g>
-    <g
-       id="g3914"
-       transform="translate(16.162441,0.605492)">
-      <rect
-         transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
-         style="fill:#5cc0ae;fill-opacity:1"
-         y="209.84224"
-         x="-77.023102"
-         height="44.285713"
-         width="180"
-         id="rect3090" />
-      <rect
-         transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)"
-         style="fill:#f1c40f;fill-opacity:1"
-         y="33.689053"
-         x="209.69711"
-         height="44.285713"
-         width="180"
-         id="rect3090-7-2" />
-    </g>
-    <g
-       id="g3919"
-       transform="translate(-2.0203046,-106.78207)">
-      <path
-         inkscape:connector-curvature="0"
-         id="rect3090-7-2-4"
-         d="m 623.00576,279.17227 -127.28125,127.28125 31.3125,31.3125 127.28125,-127.28125 -31.3125,-31.3125 z"
-         style="fill:#f03949;fill-opacity:1" />
-      <rect
-         transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)"
-         style="fill:#3498db;fill-opacity:1"
-         y="-242.99538"
-         x="502.17584"
-         height="44.285713"
-         width="180"
-         id="rect3090-7" />
-    </g>
-    <flowRoot
-       xml:space="preserve"
-       id="flowRoot3935"
-       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Sans"
-       transform="translate(109.30421,32.871674)"><flowRegion
-         id="flowRegion3937"><rect
-           id="rect3939"
-           width="355.5737"
-           height="240.41631"
-           x="331.33005"
-           y="610.32037" /></flowRegion><flowPara
-         id="flowPara3941" /></flowRoot>    <g
-       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Sans"
-       id="text3943-1-6-0">
-      <path
-         d="m 212.84736,436.93307 c -0.33003,0.42004 -0.66003,0.75004 -0.99,0.99 -0.30003,0.24004 -0.75003,0.36004 -1.35,0.36 -0.57003,4e-5 -1.12503,-0.16496 -1.665,-0.495 -0.54003,-0.35996 -1.18503,-0.74996 -1.935,-1.17 -0.75003,-0.44996 -1.65003,-0.83996 -2.7,-1.17 -1.02003,-0.35996 -2.29502,-0.53996 -3.825,-0.54 -1.95002,4e-5 -3.66002,0.36004 -5.13,1.08 -1.47002,0.69004 -2.70001,1.69504 -3.69,3.015 -0.96001,1.32004 -1.68001,2.92504 -2.16,4.815 -0.48001,1.86003 -0.72001,3.97503 -0.72,6.345 -10e-6,2.46002 0.25499,4.65002 0.765,6.57 0.53999,1.92002 1.30499,3.54002 2.295,4.86 0.98999,1.29001 2.18998,2.28001 3.6,2.97 1.40998,0.66001 2.99998,0.99001 4.77,0.99 1.76998,1e-5 3.19497,-0.20999 4.275,-0.63 1.10997,-0.44999 2.03997,-0.92999 2.79,-1.44 0.74997,-0.53999 1.39497,-1.01999 1.935,-1.44 0.56997,-0.44998 1.19997,-0.67498 1.89,-0.675 0.89997,2e-5 1.57497,0.34502 2.025,1.035 l 3.195,4.05 c -1.23004,1.44001 -2.56504,2.65501 -4.005,3.645 -1.44003,0.96001 -2.94003,1.74001 -4.5,2.34 -1.53003,0.57 -3.12003,0.975 -4.77,1.215 -1.62002,0.24 -3.24002,0.36 -4.86,0.36 -2.85002,0 -5.53501,-0.525 -8.055,-1.575 -2.52001,-1.07999 -4.72501,-2.63999 -6.615,-4.68 -1.89,-2.03999 -3.39,-4.52999 -4.5,-7.47 -1.08,-2.96998 -1.62,-6.34498 -1.62,-10.125 0,-3.38997 0.48,-6.52497 1.44,-9.405 0.99,-2.90996 2.43,-5.41496 4.32,-7.515 1.88999,-2.12995 4.22999,-3.79495 7.02,-4.995 2.78999,-1.19995 5.99998,-1.79995 9.63,-1.8 3.44998,5e-5 6.46497,0.55505 9.045,1.665 2.60997,1.11005 4.94996,2.70005 7.02,4.77 l -2.925,4.05"
-         style="font-size:90px;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Bold"
-         id="path3007" />
-      <path
-         d="m 242.74143,426.44807 c 3.41997,5e-5 6.52496,0.55505 9.315,1.665 2.81996,1.11005 5.21996,2.68505 7.2,4.725 2.00995,2.04004 3.55495,4.53004 4.635,7.47 1.07995,2.94003 1.61995,6.22503 1.62,9.855 -5e-5,3.66002 -0.54005,6.96002 -1.62,9.9 -1.08005,2.94001 -2.62505,5.44501 -4.635,7.515 -1.98004,2.07001 -4.38004,3.66001 -7.2,4.77 -2.79004,1.11 -5.89503,1.665 -9.315,1.665 -3.45003,0 -6.58502,-0.555 -9.405,-1.665 -2.82002,-1.10999 -5.23501,-2.69999 -7.245,-4.77 -1.98001,-2.06999 -3.52501,-4.57499 -4.635,-7.515 -1.08001,-2.93998 -1.62001,-6.23998 -1.62,-9.9 -1e-5,-3.62997 0.53999,-6.91497 1.62,-9.855 1.10999,-2.93996 2.65499,-5.42996 4.635,-7.47 2.00999,-2.03995 4.42498,-3.61495 7.245,-4.725 2.81998,-1.10995 5.95497,-1.66495 9.405,-1.665 m 0,39.015 c 3.83997,10e-6 6.67496,-1.28999 8.505,-3.87 1.85996,-2.57998 2.78996,-6.35998 2.79,-11.34 -4e-5,-4.97997 -0.93004,-8.77496 -2.79,-11.385 -1.83004,-2.60996 -4.66503,-3.91496 -8.505,-3.915 -3.90003,4e-5 -6.79502,1.32004 -8.685,3.96 -1.86002,2.61004 -2.79002,6.39003 -2.79,11.34 -2e-5,4.95002 0.92998,8.73002 2.79,11.34 1.88998,2.58001 4.78497,3.87001 8.685,3.87"
-         style="font-size:90px;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Bold"
-         id="path3009" />
-      <path
-         d="m 273.99111,473.33807 0,-46.17 6.795,0 c 1.43999,5e-5 2.38499,0.67505 2.835,2.025 l 0.72,3.42 c 0.80999,-0.89995 1.64999,-1.72495 2.52,-2.475 0.89998,-0.74995 1.84498,-1.39495 2.835,-1.935 1.01998,-0.53995 2.09998,-0.95995 3.24,-1.26 1.16998,-0.32995 2.44498,-0.49495 3.825,-0.495 2.90997,5e-5 5.29497,0.79505 7.155,2.385 1.88997,1.56005 3.29997,3.64504 4.23,6.255 0.71996,-1.52996 1.61996,-2.83496 2.7,-3.915 1.07996,-1.10995 2.26496,-2.00995 3.555,-2.7 1.28996,-0.68995 2.65496,-1.19995 4.095,-1.53 1.46995,-0.32995 2.93995,-0.49495 4.41,-0.495 2.54995,5e-5 4.81494,0.39005 6.795,1.17 1.97994,0.78005 3.64494,1.92005 4.995,3.42 1.34994,1.50004 2.36994,3.33004 3.06,5.49 0.71993,2.16004 1.07993,4.63504 1.08,7.425 l 0,29.385 -11.115,0 0,-29.385 c -6e-5,-2.93996 -0.64505,-5.14496 -1.935,-6.615 -1.29005,-1.49996 -3.18005,-2.24996 -5.67,-2.25 -1.14005,4e-5 -2.20505,0.19504 -3.195,0.585 -0.96004,0.39004 -1.81504,0.96004 -2.565,1.71 -0.72004,0.72004 -1.29004,1.63504 -1.71,2.745 -0.42004,1.11004 -0.63004,2.38503 -0.63,3.825 l 0,29.385 -11.16,0 0,-29.385 c -3e-5,-3.08996 -0.63003,-5.33996 -1.89,-6.75 -1.23003,-1.40996 -3.04502,-2.11496 -5.445,-2.115 -1.62002,4e-5 -3.13502,0.40504 -4.545,1.215 -1.38002,0.78004 -2.67001,1.86004 -3.87,3.24 l 0,33.795 -11.115,0"
-         style="font-size:90px;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Bold"
-         id="path3011" />
-      <path
-         d="m 349.40127,488.41307 0,-61.245 6.795,0 c 1.43999,5e-5 2.38499,0.67505 2.835,2.025 l 0.9,4.275 c 1.85998,-2.12995 3.98998,-3.85495 6.39,-5.175 2.42998,-1.31995 5.26497,-1.97995 8.505,-1.98 2.51997,5e-5 4.81496,0.52505 6.885,1.575 2.09996,1.05005 3.89996,2.58005 5.4,4.59 1.52996,1.98004 2.69995,4.44004 3.51,7.38 0.83995,2.91003 1.25995,6.25503 1.26,10.035 -5e-5,3.45002 -0.46505,6.64502 -1.395,9.585 -0.93005,2.94001 -2.26504,5.49001 -4.005,7.65 -1.71004,2.16001 -3.79504,3.85501 -6.255,5.085 -2.43003,1.2 -5.16003,1.8 -8.19,1.8 -2.61003,0 -4.83002,-0.39 -6.66,-1.17 -1.80002,-0.80999 -3.42002,-1.91999 -4.86,-3.33 l 0,18.9 -11.115,0 m 21.6,-53.325 c -2.31002,4e-5 -4.29002,0.49504 -5.94,1.485 -1.62002,0.96004 -3.13502,2.32504 -4.545,4.095 l 0,20.7 c 1.25998,1.56001 2.62498,2.65501 4.095,3.285 1.49998,0.60001 3.11998,0.90001 4.86,0.9 1.67997,1e-5 3.19497,-0.31499 4.545,-0.945 1.34997,-0.62999 2.48997,-1.58999 3.42,-2.88 0.95997,-1.28998 1.69496,-2.90998 2.205,-4.86 0.50996,-1.97998 0.76496,-4.30498 0.765,-6.975 -4e-5,-2.69997 -0.22504,-4.97997 -0.675,-6.84 -0.42004,-1.88996 -1.03503,-3.41996 -1.845,-4.59 -0.81003,-1.16996 -1.80003,-2.02496 -2.97,-2.565 -1.14003,-0.53996 -2.44503,-0.80996 -3.915,-0.81"
-         style="font-size:90px;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Bold"
-         id="path3013" />
-      <path
-         d="m 420.98361,426.44807 c 3.41997,5e-5 6.52497,0.55505 9.315,1.665 2.81997,1.11005 5.21996,2.68505 7.2,4.725 2.00996,2.04004 3.55496,4.53004 4.635,7.47 1.07996,2.94003 1.61996,6.22503 1.62,9.855 -4e-5,3.66002 -0.54004,6.96002 -1.62,9.9 -1.08004,2.94001 -2.62504,5.44501 -4.635,7.515 -1.98004,2.07001 -4.38003,3.66001 -7.2,4.77 -2.79003,1.11 -5.89503,1.665 -9.315,1.665 -3.45002,0 -6.58502,-0.555 -9.405,-1.665 -2.82001,-1.10999 -5.23501,-2.69999 -7.245,-4.77 -1.98,-2.06999 -3.525,-4.57499 -4.635,-7.515 -1.08,-2.93998 -1.62,-6.23998 -1.62,-9.9 0,-3.62997 0.54,-6.91497 1.62,-9.855 1.11,-2.93996 2.655,-5.42996 4.635,-7.47 2.00999,-2.03995 4.42499,-3.61495 7.245,-4.725 2.81998,-1.10995 5.95498,-1.66495 9.405,-1.665 m 0,39.015 c 3.83997,10e-6 6.67497,-1.28999 8.505,-3.87 1.85997,-2.57998 2.78997,-6.35998 2.79,-11.34 -3e-5,-4.97997 -0.93003,-8.77496 -2.79,-11.385 -1.83003,-2.60996 -4.66503,-3.91496 -8.505,-3.915 -3.90002,4e-5 -6.79502,1.32004 -8.685,3.96 -1.86001,2.61004 -2.79001,6.39003 -2.79,11.34 -10e-6,4.95002 0.92999,8.73002 2.79,11.34 1.88998,2.58001 4.78498,3.87001 8.685,3.87"
-         style="font-size:90px;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Bold"
-         id="path3015" />
-    </g>
-    <g
-       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Sans"
-       id="text3947-4-8-1">
-      <path
-         d="m 486.71076,472.6759 c -0.78004,0 -1.23004,-0.39 -1.35,-1.17 l -0.45,-7.065 c -1.98004,2.70001 -4.29003,4.84501 -6.93,6.435 -2.64003,1.59 -5.61003,2.385 -8.91,2.385 -5.52002,0 -9.81001,-1.905 -12.87,-5.715 -3.06001,-3.80999 -4.59001,-9.52498 -4.59,-17.145 -1e-5,-3.26997 0.41999,-6.31497 1.26,-9.135 0.86999,-2.84996 2.12999,-5.30996 3.78,-7.38 1.64999,-2.09996 3.67499,-3.74995 6.075,-4.95 2.42998,-1.19995 5.21998,-1.79995 8.37,-1.8 3.02997,5e-5 5.65497,0.57005 7.875,1.71 2.21996,1.11005 4.15496,2.74504 5.805,4.905 l 0,-26.55 4.275,0 0,65.475 -2.34,0 m -16.425,-2.88 c 2.93997,10e-6 5.60997,-0.76499 8.01,-2.295 2.42997,-1.52999 4.58996,-3.67499 6.48,-6.435 l 0,-23.49 c -1.71004,-2.57996 -3.61504,-4.39496 -5.715,-5.445 -2.07003,-1.07996 -4.44003,-1.61995 -7.11,-1.62 -2.64002,5e-5 -4.95002,0.48005 -6.93,1.44 -1.98002,0.96004 -3.64502,2.32504 -4.995,4.095 -1.32001,1.74004 -2.32501,3.84004 -3.015,6.3 -0.66001,2.43003 -0.99001,5.11503 -0.99,8.055 -10e-6,6.66002 1.21499,11.56501 3.645,14.715 2.45998,3.12001 5.99998,4.68001 10.62,4.68"
-         style="font-size:90px;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Light"
-         id="path3018" />
-      <path
-         d="m 521.52107,427.1809 c 3.20997,5e-5 6.07497,0.55505 8.595,1.665 2.54997,1.08005 4.69496,2.62504 6.435,4.635 1.73996,2.01004 3.05996,4.44004 3.96,7.29 0.92996,2.82003 1.39496,5.98503 1.395,9.495 -4e-5,3.51002 -0.46504,6.67502 -1.395,9.495 -0.90004,2.82001 -2.22004,5.23501 -3.96,7.245 -1.74004,2.01001 -3.88503,3.55501 -6.435,4.635 -2.52003,1.08 -5.38503,1.62 -8.595,1.62 -3.21002,0 -6.09002,-0.54 -8.64,-1.62 -2.52001,-1.07999 -4.66501,-2.62499 -6.435,-4.635 -1.74001,-2.00999 -3.07501,-4.42499 -4.005,-7.245 -0.9,-2.81998 -1.35,-5.98498 -1.35,-9.495 0,-3.50997 0.45,-6.67497 1.35,-9.495 0.92999,-2.84996 2.26499,-5.27996 4.005,-7.29 1.76999,-2.00996 3.91499,-3.55495 6.435,-4.635 2.54998,-1.10995 5.42998,-1.66495 8.64,-1.665 m 0,42.705 c 2.66997,1e-5 4.99497,-0.44999 6.975,-1.35 2.00997,-0.92999 3.67497,-2.24999 4.995,-3.96 1.34996,-1.70999 2.35496,-3.76498 3.015,-6.165 0.65996,-2.42998 0.98996,-5.14498 0.99,-8.145 -4e-5,-2.96997 -0.33004,-5.66997 -0.99,-8.1 -0.66004,-2.42996 -1.66504,-4.49996 -3.015,-6.21 -1.32003,-1.73996 -2.98503,-3.07496 -4.995,-4.005 -1.98003,-0.92996 -4.30503,-1.39495 -6.975,-1.395 -2.67002,5e-5 -5.01002,0.46504 -7.02,1.395 -1.98001,0.93004 -3.64501,2.26504 -4.995,4.005 -1.32001,1.71004 -2.32501,3.78004 -3.015,6.21 -0.66001,2.43003 -0.99001,5.13003 -0.99,8.1 -1e-5,3.00002 0.32999,5.71502 0.99,8.145 0.68999,2.40002 1.69499,4.45501 3.015,6.165 1.34999,1.71001 3.01499,3.03001 4.995,3.96 2.00998,0.90001 4.34998,1.35001 7.02,1.35"
-         style="font-size:90px;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Light"
-         id="path3020" />
-      <path
-         d="m 584.16951,433.8859 c -0.15004,0.15004 -0.30004,0.28504 -0.45,0.405 -0.12004,0.09 -0.30004,0.13504 -0.54,0.135 -0.30004,4e-5 -0.70504,-0.19496 -1.215,-0.585 -0.51004,-0.41996 -1.20003,-0.86996 -2.07,-1.35 -0.87003,-0.47996 -1.96503,-0.91496 -3.285,-1.305 -1.29003,-0.41995 -2.86503,-0.62995 -4.725,-0.63 -2.58002,5e-5 -4.87502,0.46504 -6.885,1.395 -1.98002,0.90004 -3.66002,2.20504 -5.04,3.915 -1.38001,1.71004 -2.43001,3.78004 -3.15,6.21 -0.69001,2.43003 -1.03501,5.16003 -1.035,8.19 -10e-6,3.15002 0.35999,5.94002 1.08,8.37 0.74999,2.43001 1.79999,4.48501 3.15,6.165 1.34998,1.65001 2.98498,2.91001 4.905,3.78 1.91998,0.87001 4.04998,1.30501 6.39,1.305 2.15997,1e-5 3.95997,-0.25499 5.4,-0.765 1.46997,-0.50999 2.66997,-1.06499 3.6,-1.665 0.95996,-0.59999 1.70996,-1.15499 2.25,-1.665 0.53996,-0.50999 0.98996,-0.76499 1.35,-0.765 0.35996,1e-5 0.65996,0.15001 0.9,0.45 l 1.125,1.44 c -0.69004,0.90001 -1.56004,1.74001 -2.61,2.52 -1.05004,0.78001 -2.23504,1.45501 -3.555,2.025 -1.32003,0.57 -2.76003,1.005 -4.32,1.305 -1.53003,0.33 -3.13503,0.495 -4.815,0.495 -2.85002,0 -5.46002,-0.51 -7.83,-1.53 -2.34001,-1.04999 -4.36501,-2.54999 -6.075,-4.5 -1.68001,-1.97999 -3.00001,-4.39499 -3.96,-7.245 -0.93001,-2.84998 -1.39501,-6.08998 -1.395,-9.72 -10e-6,-3.41997 0.44999,-6.53997 1.35,-9.36 0.89999,-2.81996 2.21999,-5.24996 3.96,-7.29 1.73999,-2.03996 3.85499,-3.61495 6.345,-4.725 2.51998,-1.13995 5.39998,-1.70995 8.64,-1.71 2.90997,5e-5 5.48997,0.46505 7.74,1.395 2.24996,0.93005 4.21496,2.19005 5.895,3.78 l -1.125,1.53"
-         style="font-size:90px;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Light"
-         id="path3022" />
-    </g>
-  </g>
-</svg>
diff --git a/documentation/images/compodoc-vectorise.png b/documentation/images/compodoc-vectorise.png
deleted file mode 100644
index 81374035..00000000
Binary files a/documentation/images/compodoc-vectorise.png and /dev/null differ
diff --git a/documentation/images/compodoc-vectorise.svg b/documentation/images/compodoc-vectorise.svg
deleted file mode 100644
index 5e21f1e3..00000000
--- a/documentation/images/compodoc-vectorise.svg
+++ /dev/null
@@ -1,201 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="542.98999"
-   height="542.98999"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.48.4 r9939"
-   sodipodi:docname="compodoc.svg"
-   inkscape:export-filename="/home/SII/vogloblinsky/Bureau/compodoc.png"
-   inkscape:export-xdpi="72"
-   inkscape:export-ydpi="72">
-  <defs
-     id="defs4" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="0.98994949"
-     inkscape:cx="394.86152"
-     inkscape:cy="152.29997"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     inkscape:window-width="1887"
-     inkscape:window-height="1056"
-     inkscape:window-x="1953"
-     inkscape:window-y="24"
-     inkscape:window-maximized="1"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0" />
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Calque 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-109.30421,14.576914)">
-    <g
-       id="g3075"
-       transform="matrix(-0.34202014,0.93969262,-0.93969262,-0.34202014,789.34114,36.353292)">
-      <path
-         id="path254"
-         style="fill:#f03949;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 126.98485,359.06758 340,0 0,-65 -340,0 0,65 z"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path256"
-         style="fill:#f78f22;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 306.35985,326.56758 c 0,-13.46125 -10.9125,-24.37375 -24.37375,-24.37375 -13.46125,0 -24.37375,10.9125 -24.37375,24.37375 0,13.46125 10.9125,24.37375 24.37375,24.37375 13.46125,0 24.37375,-10.9125 24.37375,-24.37375"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path266"
-         style="fill:#1a3a5c;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 173.23485,359.06758 28.75,0 0,-65 -28.75,0 0,65 z"
-         inkscape:connector-curvature="0" />
-      <path
-         sodipodi:nodetypes="ccccccccccccccccccsccccc"
-         id="path268"
-         style="fill:#e73440;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 466.98485,326.56758 -27.5,0 0,-32.5 27.5,0 0,32.5 m -41.25,0 -38.78935,0.25254 -1.26269,-32.24746 62.02286,1.01015 -2.77792,31.23731 m -57.9429,-0.25254 -10,0 0,-32.5 10,0 0,32.5 m -23.75,0 -56.875,0 0,0 c 0,-13.46125 -10.9125,-24.37375 -24.37375,-24.37375 -13.46125,0 -24.37375,10.9125 -24.37375,24.37375 l -55.6275,0 0,-32.5 176.40229,0.25254 1.01015,32.5"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path258"
-         style="fill:#3f1928;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 383.23485,359.06758 13.75,0 0,-65 -13.75,0 0,65 z"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path260"
-         style="fill:#3f1928;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 405.73485,359.06758 13.75,0 0,-65 -13.75,0 0,65 z"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path278"
-         style="fill:#e73440;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 173.23485,326.56758 -7.5,0 0,-32.5 7.5,0 0,32.5 m -21.25,0 -25,0 0,-32.5 25,0 0,32.5"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path280"
-         style="fill:#e73440;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 151.98485,326.56758 13.75,0 0,-32.5 -13.75,0 0,32.5 z"
-         inkscape:connector-curvature="0" />
-      <path
-         id="path282"
-         style="fill:#183452;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="m 173.23485,326.56758 28.75,0 0,-32.5 -28.75,0 0,32.5 z"
-         inkscape:connector-curvature="0" />
-    </g>
-    <g
-       id="g3914"
-       transform="translate(16.162441,0.605492)">
-      <rect
-         transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
-         style="fill:#5cc0ae;fill-opacity:1"
-         y="209.84224"
-         x="-77.023102"
-         height="44.285713"
-         width="180"
-         id="rect3090" />
-      <rect
-         transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)"
-         style="fill:#f1c40f;fill-opacity:1"
-         y="33.689053"
-         x="209.69711"
-         height="44.285713"
-         width="180"
-         id="rect3090-7-2" />
-    </g>
-    <g
-       id="g3919"
-       transform="translate(-2.0203046,-106.78207)">
-      <path
-         inkscape:connector-curvature="0"
-         id="rect3090-7-2-4"
-         d="m 623.00576,279.17227 -127.28125,127.28125 31.3125,31.3125 127.28125,-127.28125 -31.3125,-31.3125 z"
-         style="fill:#f03949;fill-opacity:1" />
-      <rect
-         transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)"
-         style="fill:#3498db;fill-opacity:1"
-         y="-242.99538"
-         x="502.17584"
-         height="44.285713"
-         width="180"
-         id="rect3090-7" />
-    </g>
-    <flowRoot
-       xml:space="preserve"
-       id="flowRoot3935"
-       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
-       transform="translate(109.30421,32.871674)"><flowRegion
-         id="flowRegion3937"><rect
-           id="rect3939"
-           width="355.5737"
-           height="240.41631"
-           x="331.33005"
-           y="610.32037" /></flowRegion><flowPara
-         id="flowPara3941" /></flowRoot>    <g
-       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
-       id="text3943-1-6-0">
-      <path
-         d="m 212.84736,436.93307 c -0.33003,0.42004 -0.66003,0.75004 -0.99,0.99 -0.30003,0.24004 -0.75003,0.36004 -1.35,0.36 -0.57003,4e-5 -1.12503,-0.16496 -1.665,-0.495 -0.54003,-0.35996 -1.18503,-0.74996 -1.935,-1.17 -0.75003,-0.44996 -1.65003,-0.83996 -2.7,-1.17 -1.02003,-0.35996 -2.29502,-0.53996 -3.825,-0.54 -1.95002,4e-5 -3.66002,0.36004 -5.13,1.08 -1.47002,0.69004 -2.70001,1.69504 -3.69,3.015 -0.96001,1.32004 -1.68001,2.92504 -2.16,4.815 -0.48001,1.86003 -0.72001,3.97503 -0.72,6.345 -10e-6,2.46002 0.25499,4.65002 0.765,6.57 0.53999,1.92002 1.30499,3.54002 2.295,4.86 0.98999,1.29001 2.18998,2.28001 3.6,2.97 1.40998,0.66001 2.99998,0.99001 4.77,0.99 1.76998,1e-5 3.19497,-0.20999 4.275,-0.63 1.10997,-0.44999 2.03997,-0.92999 2.79,-1.44 0.74997,-0.53999 1.39497,-1.01999 1.935,-1.44 0.56997,-0.44998 1.19997,-0.67498 1.89,-0.675 0.89997,2e-5 1.57497,0.34502 2.025,1.035 l 3.195,4.05 c -1.23004,1.44001 -2.56504,2.65501 -4.005,3.645 -1.44003,0.96001 -2.94003,1.74001 -4.5,2.34 -1.53003,0.57 -3.12003,0.975 -4.77,1.215 -1.62002,0.24 -3.24002,0.36 -4.86,0.36 -2.85002,0 -5.53501,-0.525 -8.055,-1.575 -2.52001,-1.07999 -4.72501,-2.63999 -6.615,-4.68 -1.89,-2.03999 -3.39,-4.52999 -4.5,-7.47 -1.08,-2.96998 -1.62,-6.34498 -1.62,-10.125 0,-3.38997 0.48,-6.52497 1.44,-9.405 0.99,-2.90996 2.43,-5.41496 4.32,-7.515 1.88999,-2.12995 4.22999,-3.79495 7.02,-4.995 2.78999,-1.19995 5.99998,-1.79995 9.63,-1.8 3.44998,5e-5 6.46497,0.55505 9.045,1.665 2.60997,1.11005 4.94996,2.70005 7.02,4.77 l -2.925,4.05"
-         style="font-size:90px;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Bold"
-         id="path3007" />
-      <path
-         d="m 242.74143,426.44807 c 3.41997,5e-5 6.52496,0.55505 9.315,1.665 2.81996,1.11005 5.21996,2.68505 7.2,4.725 2.00995,2.04004 3.55495,4.53004 4.635,7.47 1.07995,2.94003 1.61995,6.22503 1.62,9.855 -5e-5,3.66002 -0.54005,6.96002 -1.62,9.9 -1.08005,2.94001 -2.62505,5.44501 -4.635,7.515 -1.98004,2.07001 -4.38004,3.66001 -7.2,4.77 -2.79004,1.11 -5.89503,1.665 -9.315,1.665 -3.45003,0 -6.58502,-0.555 -9.405,-1.665 -2.82002,-1.10999 -5.23501,-2.69999 -7.245,-4.77 -1.98001,-2.06999 -3.52501,-4.57499 -4.635,-7.515 -1.08001,-2.93998 -1.62001,-6.23998 -1.62,-9.9 -1e-5,-3.62997 0.53999,-6.91497 1.62,-9.855 1.10999,-2.93996 2.65499,-5.42996 4.635,-7.47 2.00999,-2.03995 4.42498,-3.61495 7.245,-4.725 2.81998,-1.10995 5.95497,-1.66495 9.405,-1.665 m 0,39.015 c 3.83997,10e-6 6.67496,-1.28999 8.505,-3.87 1.85996,-2.57998 2.78996,-6.35998 2.79,-11.34 -4e-5,-4.97997 -0.93004,-8.77496 -2.79,-11.385 -1.83004,-2.60996 -4.66503,-3.91496 -8.505,-3.915 -3.90003,4e-5 -6.79502,1.32004 -8.685,3.96 -1.86002,2.61004 -2.79002,6.39003 -2.79,11.34 -2e-5,4.95002 0.92998,8.73002 2.79,11.34 1.88998,2.58001 4.78497,3.87001 8.685,3.87"
-         style="font-size:90px;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Bold"
-         id="path3009" />
-      <path
-         d="m 273.99111,473.33807 0,-46.17 6.795,0 c 1.43999,5e-5 2.38499,0.67505 2.835,2.025 l 0.72,3.42 c 0.80999,-0.89995 1.64999,-1.72495 2.52,-2.475 0.89998,-0.74995 1.84498,-1.39495 2.835,-1.935 1.01998,-0.53995 2.09998,-0.95995 3.24,-1.26 1.16998,-0.32995 2.44498,-0.49495 3.825,-0.495 2.90997,5e-5 5.29497,0.79505 7.155,2.385 1.88997,1.56005 3.29997,3.64504 4.23,6.255 0.71996,-1.52996 1.61996,-2.83496 2.7,-3.915 1.07996,-1.10995 2.26496,-2.00995 3.555,-2.7 1.28996,-0.68995 2.65496,-1.19995 4.095,-1.53 1.46995,-0.32995 2.93995,-0.49495 4.41,-0.495 2.54995,5e-5 4.81494,0.39005 6.795,1.17 1.97994,0.78005 3.64494,1.92005 4.995,3.42 1.34994,1.50004 2.36994,3.33004 3.06,5.49 0.71993,2.16004 1.07993,4.63504 1.08,7.425 l 0,29.385 -11.115,0 0,-29.385 c -6e-5,-2.93996 -0.64505,-5.14496 -1.935,-6.615 -1.29005,-1.49996 -3.18005,-2.24996 -5.67,-2.25 -1.14005,4e-5 -2.20505,0.19504 -3.195,0.585 -0.96004,0.39004 -1.81504,0.96004 -2.565,1.71 -0.72004,0.72004 -1.29004,1.63504 -1.71,2.745 -0.42004,1.11004 -0.63004,2.38503 -0.63,3.825 l 0,29.385 -11.16,0 0,-29.385 c -3e-5,-3.08996 -0.63003,-5.33996 -1.89,-6.75 -1.23003,-1.40996 -3.04502,-2.11496 -5.445,-2.115 -1.62002,4e-5 -3.13502,0.40504 -4.545,1.215 -1.38002,0.78004 -2.67001,1.86004 -3.87,3.24 l 0,33.795 -11.115,0"
-         style="font-size:90px;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Bold"
-         id="path3011" />
-      <path
-         d="m 349.40127,488.41307 0,-61.245 6.795,0 c 1.43999,5e-5 2.38499,0.67505 2.835,2.025 l 0.9,4.275 c 1.85998,-2.12995 3.98998,-3.85495 6.39,-5.175 2.42998,-1.31995 5.26497,-1.97995 8.505,-1.98 2.51997,5e-5 4.81496,0.52505 6.885,1.575 2.09996,1.05005 3.89996,2.58005 5.4,4.59 1.52996,1.98004 2.69995,4.44004 3.51,7.38 0.83995,2.91003 1.25995,6.25503 1.26,10.035 -5e-5,3.45002 -0.46505,6.64502 -1.395,9.585 -0.93005,2.94001 -2.26504,5.49001 -4.005,7.65 -1.71004,2.16001 -3.79504,3.85501 -6.255,5.085 -2.43003,1.2 -5.16003,1.8 -8.19,1.8 -2.61003,0 -4.83002,-0.39 -6.66,-1.17 -1.80002,-0.80999 -3.42002,-1.91999 -4.86,-3.33 l 0,18.9 -11.115,0 m 21.6,-53.325 c -2.31002,4e-5 -4.29002,0.49504 -5.94,1.485 -1.62002,0.96004 -3.13502,2.32504 -4.545,4.095 l 0,20.7 c 1.25998,1.56001 2.62498,2.65501 4.095,3.285 1.49998,0.60001 3.11998,0.90001 4.86,0.9 1.67997,1e-5 3.19497,-0.31499 4.545,-0.945 1.34997,-0.62999 2.48997,-1.58999 3.42,-2.88 0.95997,-1.28998 1.69496,-2.90998 2.205,-4.86 0.50996,-1.97998 0.76496,-4.30498 0.765,-6.975 -4e-5,-2.69997 -0.22504,-4.97997 -0.675,-6.84 -0.42004,-1.88996 -1.03503,-3.41996 -1.845,-4.59 -0.81003,-1.16996 -1.80003,-2.02496 -2.97,-2.565 -1.14003,-0.53996 -2.44503,-0.80996 -3.915,-0.81"
-         style="font-size:90px;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Bold"
-         id="path3013" />
-      <path
-         d="m 420.98361,426.44807 c 3.41997,5e-5 6.52497,0.55505 9.315,1.665 2.81997,1.11005 5.21996,2.68505 7.2,4.725 2.00996,2.04004 3.55496,4.53004 4.635,7.47 1.07996,2.94003 1.61996,6.22503 1.62,9.855 -4e-5,3.66002 -0.54004,6.96002 -1.62,9.9 -1.08004,2.94001 -2.62504,5.44501 -4.635,7.515 -1.98004,2.07001 -4.38003,3.66001 -7.2,4.77 -2.79003,1.11 -5.89503,1.665 -9.315,1.665 -3.45002,0 -6.58502,-0.555 -9.405,-1.665 -2.82001,-1.10999 -5.23501,-2.69999 -7.245,-4.77 -1.98,-2.06999 -3.525,-4.57499 -4.635,-7.515 -1.08,-2.93998 -1.62,-6.23998 -1.62,-9.9 0,-3.62997 0.54,-6.91497 1.62,-9.855 1.11,-2.93996 2.655,-5.42996 4.635,-7.47 2.00999,-2.03995 4.42499,-3.61495 7.245,-4.725 2.81998,-1.10995 5.95498,-1.66495 9.405,-1.665 m 0,39.015 c 3.83997,10e-6 6.67497,-1.28999 8.505,-3.87 1.85997,-2.57998 2.78997,-6.35998 2.79,-11.34 -3e-5,-4.97997 -0.93003,-8.77496 -2.79,-11.385 -1.83003,-2.60996 -4.66503,-3.91496 -8.505,-3.915 -3.90002,4e-5 -6.79502,1.32004 -8.685,3.96 -1.86001,2.61004 -2.79001,6.39003 -2.79,11.34 -10e-6,4.95002 0.92999,8.73002 2.79,11.34 1.88998,2.58001 4.78498,3.87001 8.685,3.87"
-         style="font-size:90px;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Bold"
-         id="path3015" />
-    </g>
-    <g
-       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
-       id="text3947-4-8-1">
-      <path
-         d="m 486.71076,472.6759 c -0.78004,0 -1.23004,-0.39 -1.35,-1.17 l -0.45,-7.065 c -1.98004,2.70001 -4.29003,4.84501 -6.93,6.435 -2.64003,1.59 -5.61003,2.385 -8.91,2.385 -5.52002,0 -9.81001,-1.905 -12.87,-5.715 -3.06001,-3.80999 -4.59001,-9.52498 -4.59,-17.145 -1e-5,-3.26997 0.41999,-6.31497 1.26,-9.135 0.86999,-2.84996 2.12999,-5.30996 3.78,-7.38 1.64999,-2.09996 3.67499,-3.74995 6.075,-4.95 2.42998,-1.19995 5.21998,-1.79995 8.37,-1.8 3.02997,5e-5 5.65497,0.57005 7.875,1.71 2.21996,1.11005 4.15496,2.74504 5.805,4.905 l 0,-26.55 4.275,0 0,65.475 -2.34,0 m -16.425,-2.88 c 2.93997,10e-6 5.60997,-0.76499 8.01,-2.295 2.42997,-1.52999 4.58996,-3.67499 6.48,-6.435 l 0,-23.49 c -1.71004,-2.57996 -3.61504,-4.39496 -5.715,-5.445 -2.07003,-1.07996 -4.44003,-1.61995 -7.11,-1.62 -2.64002,5e-5 -4.95002,0.48005 -6.93,1.44 -1.98002,0.96004 -3.64502,2.32504 -4.995,4.095 -1.32001,1.74004 -2.32501,3.84004 -3.015,6.3 -0.66001,2.43003 -0.99001,5.11503 -0.99,8.055 -10e-6,6.66002 1.21499,11.56501 3.645,14.715 2.45998,3.12001 5.99998,4.68001 10.62,4.68"
-         style="font-size:90px;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Light"
-         id="path3018" />
-      <path
-         d="m 521.52107,427.1809 c 3.20997,5e-5 6.07497,0.55505 8.595,1.665 2.54997,1.08005 4.69496,2.62504 6.435,4.635 1.73996,2.01004 3.05996,4.44004 3.96,7.29 0.92996,2.82003 1.39496,5.98503 1.395,9.495 -4e-5,3.51002 -0.46504,6.67502 -1.395,9.495 -0.90004,2.82001 -2.22004,5.23501 -3.96,7.245 -1.74004,2.01001 -3.88503,3.55501 -6.435,4.635 -2.52003,1.08 -5.38503,1.62 -8.595,1.62 -3.21002,0 -6.09002,-0.54 -8.64,-1.62 -2.52001,-1.07999 -4.66501,-2.62499 -6.435,-4.635 -1.74001,-2.00999 -3.07501,-4.42499 -4.005,-7.245 -0.9,-2.81998 -1.35,-5.98498 -1.35,-9.495 0,-3.50997 0.45,-6.67497 1.35,-9.495 0.92999,-2.84996 2.26499,-5.27996 4.005,-7.29 1.76999,-2.00996 3.91499,-3.55495 6.435,-4.635 2.54998,-1.10995 5.42998,-1.66495 8.64,-1.665 m 0,42.705 c 2.66997,1e-5 4.99497,-0.44999 6.975,-1.35 2.00997,-0.92999 3.67497,-2.24999 4.995,-3.96 1.34996,-1.70999 2.35496,-3.76498 3.015,-6.165 0.65996,-2.42998 0.98996,-5.14498 0.99,-8.145 -4e-5,-2.96997 -0.33004,-5.66997 -0.99,-8.1 -0.66004,-2.42996 -1.66504,-4.49996 -3.015,-6.21 -1.32003,-1.73996 -2.98503,-3.07496 -4.995,-4.005 -1.98003,-0.92996 -4.30503,-1.39495 -6.975,-1.395 -2.67002,5e-5 -5.01002,0.46504 -7.02,1.395 -1.98001,0.93004 -3.64501,2.26504 -4.995,4.005 -1.32001,1.71004 -2.32501,3.78004 -3.015,6.21 -0.66001,2.43003 -0.99001,5.13003 -0.99,8.1 -1e-5,3.00002 0.32999,5.71502 0.99,8.145 0.68999,2.40002 1.69499,4.45501 3.015,6.165 1.34999,1.71001 3.01499,3.03001 4.995,3.96 2.00998,0.90001 4.34998,1.35001 7.02,1.35"
-         style="font-size:90px;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Light"
-         id="path3020" />
-      <path
-         d="m 584.16951,433.8859 c -0.15004,0.15004 -0.30004,0.28504 -0.45,0.405 -0.12004,0.09 -0.30004,0.13504 -0.54,0.135 -0.30004,4e-5 -0.70504,-0.19496 -1.215,-0.585 -0.51004,-0.41996 -1.20003,-0.86996 -2.07,-1.35 -0.87003,-0.47996 -1.96503,-0.91496 -3.285,-1.305 -1.29003,-0.41995 -2.86503,-0.62995 -4.725,-0.63 -2.58002,5e-5 -4.87502,0.46504 -6.885,1.395 -1.98002,0.90004 -3.66002,2.20504 -5.04,3.915 -1.38001,1.71004 -2.43001,3.78004 -3.15,6.21 -0.69001,2.43003 -1.03501,5.16003 -1.035,8.19 -10e-6,3.15002 0.35999,5.94002 1.08,8.37 0.74999,2.43001 1.79999,4.48501 3.15,6.165 1.34998,1.65001 2.98498,2.91001 4.905,3.78 1.91998,0.87001 4.04998,1.30501 6.39,1.305 2.15997,1e-5 3.95997,-0.25499 5.4,-0.765 1.46997,-0.50999 2.66997,-1.06499 3.6,-1.665 0.95996,-0.59999 1.70996,-1.15499 2.25,-1.665 0.53996,-0.50999 0.98996,-0.76499 1.35,-0.765 0.35996,1e-5 0.65996,0.15001 0.9,0.45 l 1.125,1.44 c -0.69004,0.90001 -1.56004,1.74001 -2.61,2.52 -1.05004,0.78001 -2.23504,1.45501 -3.555,2.025 -1.32003,0.57 -2.76003,1.005 -4.32,1.305 -1.53003,0.33 -3.13503,0.495 -4.815,0.495 -2.85002,0 -5.46002,-0.51 -7.83,-1.53 -2.34001,-1.04999 -4.36501,-2.54999 -6.075,-4.5 -1.68001,-1.97999 -3.00001,-4.39499 -3.96,-7.245 -0.93001,-2.84998 -1.39501,-6.08998 -1.395,-9.72 -10e-6,-3.41997 0.44999,-6.53997 1.35,-9.36 0.89999,-2.81996 2.21999,-5.24996 3.96,-7.29 1.73999,-2.03996 3.85499,-3.61495 6.345,-4.725 2.51998,-1.13995 5.39998,-1.70995 8.64,-1.71 2.90997,5e-5 5.48997,0.46505 7.74,1.395 2.24996,0.93005 4.21496,2.19005 5.895,3.78 l -1.125,1.53"
-         style="font-size:90px;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Lato;-inkscape-font-specification:Lato Light"
-         id="path3022" />
-    </g>
-  </g>
-</svg>
diff --git a/documentation/images/coverage-badge-documentation.svg b/documentation/images/coverage-badge-documentation.svg
deleted file mode 100644
index 94eca357..00000000
--- a/documentation/images/coverage-badge-documentation.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="135" height="20" xmlns="http://www.w3.org/2000/svg">
-    <g>
-        <rect id="svg_1" height="20" width="130" y="0" x="0" stroke-width="1.5" stroke="#5d5d5d" fill="#5d5d5d" rx="7" ry="7"/>
-        <rect id="svg_2" height="20" width="40" y="0" x="92" stroke-width="1.5" stroke="#d8604b" fill="#d8604b" rx="7" ry="7"/>
-        <rect id="svg_3" height="20" width="22" y="0" x="92" stroke-width="1.5" stroke="#d8604b" fill="#d8604b"/>
-        <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_4" y="14" x="6" stroke-width="0" stroke="#5d5d5d" fill="#ffffff">documentation</text>
-        <text xml:space="preserve" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_5" y="14" x="112" stroke-width="0" stroke="#5d5d5d" fill="#ffffff" style="text-anchor: middle">13%</text>
-    </g>
-</svg>
diff --git a/documentation/images/favicon.ico b/documentation/images/favicon.ico
deleted file mode 100644
index 4144ee46..00000000
Binary files a/documentation/images/favicon.ico and /dev/null differ
diff --git a/documentation/index.html b/documentation/index.html
deleted file mode 100644
index 2d68e81e..00000000
--- a/documentation/index.html
+++ /dev/null
@@ -1,139 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
-	   <link rel="stylesheet" href="./styles/style.css">
-        <link rel="stylesheet" href="./styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="./" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content getting-started">
-                   <div class="content-data">
-
-<p align="center">
-  <img width="150px" src="https://user-images.githubusercontent.com/8130692/36171173-ad0da54c-1112-11e8-85bf-843c5f70efdc.png" style="max-width:100%;">
-</p>
-<h1 align="center">Angular Gallery</h1>
-
-<p align="center">Simplifies the process of creating beautiful image galleries for the web and mobile devices.</p>
-
-
-<p><a href="https://ngx-gallery.netlify.app"><img src="https://img.shields.io/badge/demo-online-ed1c46.svg" alt="npm" class="img-responsive"></a>
-<a href="https://stackblitz.com/edit/ngx-gallery"><img src="https://img.shields.io/badge/stackblitz-online-orange.svg" alt="npm" class="img-responsive"></a>
-<a href="https://www.npmjs.com/package/ng-gallery"><img src="https://img.shields.io/npm/v/ng-gallery.svg?maxAge=2592000?style=plastic" alt="npm" class="img-responsive"></a>
-<a href="https://github.com/MurhafSousli/ngx-gallery/actions?query=workflow%3Atests"><img src="https://github.com/MurhafSousli/ngx-gallery/workflows/tests/badge.svg" alt="tests" class="img-responsive"></a>
-<a href="https://www.npmjs.com/package/ng-gallery"><img src="https://img.shields.io/npm/dt/ng-gallery.svg?maxAge=2592000?style=plastic" alt="npm" class="img-responsive"></a>
-<a href="/LICENSE"><img src="https://img.shields.io/npm/l/express.svg?maxAge=2592000" alt="npm" class="img-responsive"></a></p>
-<hr>
-<h3 id="the-documentation-is-available-at-the-wiki-page-📚">The documentation is available at the <a href="https://github.com/MurhafSousli/ngx-gallery/wiki">wiki page</a> 📚</h3>
-<hr>
-<h2 id="support">Support</h2>
-<p><a href="https://www.patreon.com/bePatron?u=5594898"><img src="https://c5.patreon.com/external/logo/become_a_patron_button.png" alt="npm" class="img-responsive"></a></p>
-<h2 id="issues">Issues</h2>
-<p>If you identify any errors in this module, or have an idea for an improvement, please open an <a href="https://github.com/MurhafSousli/ngx-gallery/issues">issue</a>.</p>
-<h2 id="author">Author</h2>
-<p><strong><a href="http://murhafsousli.com">Murhaf Sousli</a></strong></p>
-<ul>
-<li><a href="https://github.com/MurhafSousli">github/murhafsousli</a></li>
-<li><a href="https://twitter.com/MurhafSousli">twitter/murhafsousli</a></li>
-</ul>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 0;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'getting-started';
-            var COMPODOC_CURRENT_PAGE_URL = 'index.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="./js/libs/custom-elements.min.js"></script>
-       <script src="./js/libs/lit-html.js"></script>
-
-       <script src="./js/menu-wc.js" defer></script>
-       <script nomodule src="./js/menu-wc_es5.js" defer></script>
-
-       <script src="./js/libs/bootstrap-native.js"></script>
-
-       <script src="./js/libs/es6-shim.min.js"></script>
-       <script src="./js/libs/EventDispatcher.js"></script>
-       <script src="./js/libs/promise.min.js"></script>
-       <script src="./js/libs/zepto.min.js"></script>
-
-       <script src="./js/compodoc.js"></script>
-
-       <script src="./js/tabs.js"></script>
-       <script src="./js/menu.js"></script>
-       <script src="./js/libs/clipboard.min.js"></script>
-       <script src="./js/libs/prism.js"></script>
-       <script src="./js/sourceCode.js"></script>
-          <script src="./js/search/search.js"></script>
-          <script src="./js/search/lunr.min.js"></script>
-          <script src="./js/search/search-lunr.js"></script>
-          <script src="./js/search/search_index.js"></script>
-       <script src="./js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/injectables/Gallery.html b/documentation/injectables/Gallery.html
deleted file mode 100644
index 6d0b8d4e..00000000
--- a/documentation/injectables/Gallery.html
+++ /dev/null
@@ -1,717 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content injectable">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Injectables</li>
-  <li >Gallery</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/services/gallery.service.ts</code>
-        </p>
-
-
-
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#_instances" >_instances</a>
-                            </li>
-                            <li>
-                                <a href="#config" >config</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#debugConsole" >debugConsole</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#deleteInstance" >deleteInstance</a>
-                            </li>
-                            <li>
-                                <a href="#destroyAll" >destroyAll</a>
-                            </li>
-                            <li>
-                                <a href="#ref" >ref</a>
-                            </li>
-                            <li>
-                                <a href="#resetAll" >resetAll</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(config: <a href="../injectables/Gallery.html" target="_self">GalleryConfig</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="16" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery.service.ts:16</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>config</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="debugConsole"></a>
-                    <span class="name">
-                        <span ><b>debugConsole</b></span>
-                        <a href="#debugConsole"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>debugConsole(...data: any[])</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="56"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery.service.ts:56</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Logger for debugging</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>data</td>
-                                    <td>
-                                            <code>any[]</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="deleteInstance"></a>
-                    <span class="name">
-                        <span class="modifier">Private</span>
-                        <span ><b>deleteInstance</b></span>
-                        <a href="#deleteInstance"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>deleteInstance(id: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="65"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery.service.ts:65</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>A destroyer function for each gallery instance</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>id</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>() &#x3D;&gt; void</code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="destroyAll"></a>
-                    <span class="name">
-                        <span ><b>destroyAll</b></span>
-                        <a href="#destroyAll"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>destroyAll()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="42"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery.service.ts:42</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Destroy all gallery instances</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ref"></a>
-                    <span class="name">
-                        <span ><b>ref</b></span>
-                        <a href="#ref"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ref(id: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>, config?: <a href="../injectables/Gallery.html" target="_self">GalleryConfig</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="27"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery.service.ts:27</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Get or create gallery by ID</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Default value</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>id</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                        <code>&#x27;root&#x27;</code>
-                                    </td>
-
-                                </tr>
-                                <tr>
-                                    <td>config</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-                                    <td>
-                                    </td>
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryRef</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="resetAll"></a>
-                    <span class="name">
-                        <span ><b>resetAll</b></span>
-                        <a href="#resetAll"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>resetAll()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="49"
-                            class="link-to-prism">projects/ng-gallery/src/lib/services/gallery.service.ts:49</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Reset all gallery instances</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_instances"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>_instances</b></span>
-                        <a href="#_instances"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Map&lt;string, GalleryRef&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery.service.ts:13</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Store gallery instances</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="config"></a>
-                    <span class="name">
-                        <span ><b>config</b></span>
-                        <a href="#config"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="16" class="link-to-prism">projects/ng-gallery/src/lib/services/gallery.service.ts:16</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Global config</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Inject, Injectable, Optional } from &#x27;@angular/core&#x27;;
-
-import { GalleryRef } from &#x27;./gallery-ref&#x27;;
-import { GalleryConfig, GALLERY_CONFIG } from &#x27;../models/config.model&#x27;;
-import { defaultConfig } from &#x27;../utils/gallery.default&#x27;;
-
-@Injectable({
-  providedIn: &#x27;root&#x27;
-})
-export class Gallery {
-
-  /** Store gallery instances */
-  private readonly _instances &#x3D; new Map&lt;string, GalleryRef&gt;();
-
-  /** Global config */
-  config: GalleryConfig;
-
-  constructor(@Optional() @Inject(GALLERY_CONFIG) config: GalleryConfig) {
-    this.config &#x3D; config ? { ...defaultConfig, ...config } : defaultConfig;
-  }
-
-  /**
-   * Get or create gallery by ID
-   * @param id
-   * @param config
-   */
-  ref(id &#x3D; &#x27;root&#x27;, config?: GalleryConfig): GalleryRef {
-    if (this._instances.has(id)) {
-      const galleryRef &#x3D; this._instances.get(id);
-      if (config) {
-        galleryRef.setConfig({ ...this.config, ...config });
-      }
-      return galleryRef;
-    } else {
-      return this._instances.set(id, new GalleryRef({ ...this.config, ...config }, this.deleteInstance(id))).get(id);
-    }
-  }
-
-  /**
-   * Destroy all gallery instances
-   */
-  destroyAll() {
-    this._instances.forEach((ref: GalleryRef) &#x3D;&gt; ref.destroy());
-  }
-
-  /**
-   * Reset all gallery instances
-   */
-  resetAll() {
-    this._instances.forEach((ref: GalleryRef) &#x3D;&gt; ref.reset());
-  }
-
-  /**
-   * Logger for debugging
-   */
-  debugConsole(...data: any[]): void {
-    if (this.config.debug) {
-      console.log(...data)
-    }
-  }
-
-  /**
-   * A destroyer function for each gallery instance
-   */
-  private deleteInstance(id: string) {
-    return () &#x3D;&gt; {
-      if (this._instances.has(id)) {
-        this._instances.delete(id);
-      }
-    };
-  }
-
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'injectable';
-            var COMPODOC_CURRENT_PAGE_URL = 'Gallery.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/injectables/ImgManager.html b/documentation/injectables/ImgManager.html
deleted file mode 100644
index bafd2e74..00000000
--- a/documentation/injectables/ImgManager.html
+++ /dev/null
@@ -1,546 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content injectable">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Injectables</li>
-  <li >ImgManager</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/utils/img-manager.ts</code>
-        </p>
-
-
-
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#images" >images</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#trigger$" >trigger$</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#addItem" >addItem</a>
-                            </li>
-                            <li>
-                                <a href="#deleteItem" >deleteItem</a>
-                            </li>
-                            <li>
-                                <a href="#getActiveItem" >getActiveItem</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="addItem"></a>
-                    <span class="name">
-                        <span ><b>addItem</b></span>
-                        <a href="#addItem"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>addItem(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, payload: <a href="../interfaces/ImageRegistry.html" target="_self">ImageRegistry</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="35"
-                            class="link-to-prism">projects/ng-gallery/src/lib/utils/img-manager.ts:35</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>index</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>payload</td>
-                                    <td>
-                                                <code><a href="../interfaces/ImageRegistry.html" target="_self" >ImageRegistry</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="deleteItem"></a>
-                    <span class="name">
-                        <span ><b>deleteItem</b></span>
-                        <a href="#deleteItem"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>deleteItem(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="40"
-                            class="link-to-prism">projects/ng-gallery/src/lib/utils/img-manager.ts:40</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>index</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getActiveItem"></a>
-                    <span class="name">
-                        <span ><b>getActiveItem</b></span>
-                        <a href="#getActiveItem"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getActiveItem(state$: <a href="../injectables/Gallery.html" target="_self">Observable&lt;GalleryState&gt;</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="18"
-                            class="link-to-prism">projects/ng-gallery/src/lib/utils/img-manager.ts:18</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>state$</td>
-                                    <td>
-                                                <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryState&gt;</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>Observable&lt;HTMLImageElement&gt;</code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="images"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>images</b></span>
-                        <a href="#images"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../interfaces/ImageRegistry.html" target="_self" >Map&lt;number | ImageRegistry&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Map&lt;number, ImageRegistry&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="16" class="link-to-prism">projects/ng-gallery/src/lib/utils/img-manager.ts:16</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="trigger$"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>trigger$</b></span>
-                        <a href="#trigger$"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/functions.html#B" target="_self" >BehaviorSubject&lt;void&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new BehaviorSubject&lt;void&gt;(null)</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">projects/ng-gallery/src/lib/utils/img-manager.ts:14</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Injectable } from &#x27;@angular/core&#x27;;
-import { Observable, BehaviorSubject, filter, map, switchMap, EMPTY } from &#x27;rxjs&#x27;;
-import { GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { ItemState } from &#x27;../components/templates/items.model&#x27;;
-
-interface ImageRegistry {
-  state: Observable&lt;ItemState&gt;;
-  target: HTMLImageElement;
-}
-
-@Injectable()
-export class ImgManager {
-
-  private readonly trigger$: BehaviorSubject&lt;void&gt; &#x3D; new BehaviorSubject&lt;void&gt;(null);
-
-  private readonly images: Map&lt;number, ImageRegistry&gt; &#x3D; new Map&lt;number, ImageRegistry&gt;();
-
-  getActiveItem(state$: Observable&lt;GalleryState&gt;): Observable&lt;HTMLImageElement&gt; {
-    return this.trigger$.pipe(
-      switchMap(() &#x3D;&gt; state$.pipe(
-        switchMap((state: GalleryState) &#x3D;&gt; {
-          const img: ImageRegistry &#x3D; this.images.get(state.currIndex);
-          if (img) {
-            return img.state.pipe(
-              filter((state: ItemState) &#x3D;&gt; state !&#x3D;&#x3D; &#x27;loading&#x27;),
-              map(() &#x3D;&gt; img.target)
-            )
-          }
-          return EMPTY;
-        })
-      ))
-    );
-  }
-
-  addItem(index: number, payload: ImageRegistry): void {
-    this.images.set(index, payload);
-    this.trigger$.next();
-  }
-
-  deleteItem(index: number): void {
-    if (this.images.has(index)) {
-      this.images.delete(index);
-      this.trigger$.next();
-    }
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'injectable';
-            var COMPODOC_CURRENT_PAGE_URL = 'ImgManager.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/injectables/Lightbox.html b/documentation/injectables/Lightbox.html
deleted file mode 100644
index e8607d46..00000000
--- a/documentation/injectables/Lightbox.html
+++ /dev/null
@@ -1,786 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content injectable">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Injectables</li>
-  <li >Lightbox</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/lightbox/src/lightbox.service.ts</code>
-        </p>
-
-
-
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_config" >_config</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#_overlayRef" >_overlayRef</a>
-                            </li>
-                            <li>
-                                <a href="#closed" >closed</a>
-                            </li>
-                            <li>
-                                <a href="#opened" >opened</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#close" >close</a>
-                            </li>
-                            <li>
-                                <a href="#open" >open</a>
-                            </li>
-                            <li>
-                                <a href="#setConfig" >setConfig</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(config: <a href="../injectables/Lightbox.html" target="_self">LightboxConfig</a>, _gallery: <a href="../injectables/Gallery.html" target="_self">Gallery</a>, _overlay: Overlay, _sanitizer: <a href="https://angular.io/api/platform-browser/DomSanitizer" target="_blank">DomSanitizer</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.service.ts:28</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>config</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Lightbox.html" target="_self" >LightboxConfig</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_gallery</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/Gallery.html" target="_self" >Gallery</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_overlay</td>
-                                                  
-                                                        <td>
-                                                                    <code>Overlay</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>_sanitizer</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="https://angular.io/api/platform-browser/DomSanitizer" target="_blank" >DomSanitizer</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="close"></a>
-                    <span class="name">
-                        <span ><b>close</b></span>
-                        <a href="#close"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>close()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="110"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.service.ts:110</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Close Lightbox Overlay</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="open"></a>
-                    <span class="name">
-                        <span ><b>open</b></span>
-                        <a href="#open"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>open(i: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, id: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>, config?: <a href="../injectables/Lightbox.html" target="_self">LightboxConfig</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="48"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.service.ts:48</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Open Lightbox Overlay</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Default value</td>
-                                    <td>Description</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>i</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                        <code>0</code>
-                                    </td>
-
-                                    <td>
-                                        <ul>
-<li>Current Index</li>
-</ul>
-
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>id</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-                                    <td>
-                                        <code>&#x27;lightbox&#x27;</code>
-                                    </td>
-
-                                    <td>
-                                        <ul>
-<li>Gallery ID</li>
-</ul>
-
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>config</td>
-                                    <td>
-                                                <code><a href="../injectables/Lightbox.html" target="_self" >LightboxConfig</a></code>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-                                    <td>
-                                    </td>
-
-                                    <td>
-                                        <ul>
-<li>Lightbox Config</li>
-</ul>
-
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="setConfig"></a>
-                    <span class="name">
-                        <span ><b>setConfig</b></span>
-                        <a href="#setConfig"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>setConfig(config: <a href="../injectables/Lightbox.html" target="_self">LightboxConfig</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="38"
-                            class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.service.ts:38</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Set Lightbox Config</p>
-</div>
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Description</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>config</td>
-                                    <td>
-                                                <code><a href="../injectables/Lightbox.html" target="_self" >LightboxConfig</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                    <td>
-                                        <ul>
-<li>LightboxConfig</li>
-</ul>
-
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_config"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_config</b></span>
-                        <a href="#_config"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Lightbox.html" target="_self" >LightboxConfig</a></code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.service.ts:22</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Global config</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_overlayRef"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                        <span ><b>_overlayRef</b></span>
-                        <a href="#_overlayRef"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>OverlayRef</code>
-
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="19" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.service.ts:19</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Gallery overlay ref</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="closed"></a>
-                    <span class="name">
-                        <span ><b>closed</b></span>
-                        <a href="#closed"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Subject&lt;string&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.service.ts:28</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits when lightbox is closed</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="opened"></a>
-                    <span class="name">
-                        <span ><b>opened</b></span>
-                        <a href="#opened"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Subject&lt;string&gt;()</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">projects/ng-gallery/lightbox/src/lightbox.service.ts:25</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Stream that emits when lightbox is opened</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { ComponentRef, Inject, Injectable, Optional } from &#x27;@angular/core&#x27;;
-import { DomSanitizer } from &#x27;@angular/platform-browser&#x27;;
-import { ComponentPortal } from &#x27;@angular/cdk/portal&#x27;;
-import { Overlay, OverlayRef, OverlayConfig } from &#x27;@angular/cdk/overlay&#x27;;
-import { LEFT_ARROW, RIGHT_ARROW, ESCAPE } from &#x27;@angular/cdk/keycodes&#x27;;
-import { Gallery } from &#x27;ng-gallery&#x27;;
-import { Subject } from &#x27;rxjs&#x27;;
-
-import { LightboxConfig, LIGHTBOX_CONFIG } from &#x27;./lightbox.model&#x27;;
-import { defaultConfig } from &#x27;./lightbox.default&#x27;;
-import { LightboxComponent } from &#x27;./lightbox.component&#x27;;
-
-@Injectable({
-  providedIn: &#x27;root&#x27;
-})
-export class Lightbox {
-
-  /** Gallery overlay ref */
-  private _overlayRef: OverlayRef;
-
-  /** Global config */
-  private _config: LightboxConfig;
-
-  /** Stream that emits when lightbox is opened */
-  opened &#x3D; new Subject&lt;string&gt;();
-
-  /** Stream that emits when lightbox is closed */
-  closed &#x3D; new Subject&lt;string&gt;();
-
-  constructor(@Optional() @Inject(LIGHTBOX_CONFIG) config: LightboxConfig, private _gallery: Gallery, private _overlay: Overlay, private _sanitizer: DomSanitizer) {
-    this._config &#x3D; config ? { ...defaultConfig, ...config } : defaultConfig;
-  }
-
-  /**
-   * Set Lightbox Config
-   * @param config - LightboxConfig
-   */
-  setConfig(config: LightboxConfig) {
-    this._config &#x3D; { ...this._config, ...config };
-  }
-
-  /**
-   * Open Lightbox Overlay
-   * @param i - Current Index
-   * @param id - Gallery ID
-   * @param config - Lightbox Config
-   */
-  open(i &#x3D; 0, id &#x3D; &#x27;lightbox&#x27;, config?: LightboxConfig) {
-
-    const _config: LightboxConfig &#x3D; config ? { ...this._config, ...config } : this._config;
-
-    const overlayConfig: OverlayConfig &#x3D; {
-      backdropClass: _config.backdropClass,
-      panelClass: _config.panelClass,
-      hasBackdrop: _config.hasBackdrop,
-      positionStrategy: this._overlay.position().global().centerHorizontally().centerVertically(),
-      scrollStrategy: this._overlay.scrollStrategies.block(),
-      disposeOnNavigation: true
-    };
-
-    const galleryRef &#x3D; this._gallery.ref(id);
-    galleryRef.set(i);
-
-    this._overlayRef &#x3D; this._overlay.create(overlayConfig);
-
-    // overlay opened event
-    this._overlayRef.attachments().subscribe(() &#x3D;&gt; this.opened.next(id));
-
-    // overlay closed event
-    this._overlayRef.detachments().subscribe(() &#x3D;&gt; this.closed.next(id));
-
-    // Attach gallery to the overlay
-    const galleryPortal &#x3D; new ComponentPortal(LightboxComponent);
-    const lightboxRef: ComponentRef&lt;LightboxComponent&gt; &#x3D; this._overlayRef.attach(galleryPortal);
-
-    lightboxRef.instance.id &#x3D; id;
-    lightboxRef.instance.overlayRef &#x3D; this._overlayRef;
-    lightboxRef.instance.closeIcon &#x3D; this._sanitizer.bypassSecurityTrustHtml(this._config.closeIcon);
-    lightboxRef.instance.role &#x3D; this._config.role;
-    lightboxRef.instance.ariaLabel &#x3D; this._config.ariaLabel;
-    lightboxRef.instance.ariaLabelledBy &#x3D; this._config.ariaLabelledBy;
-    lightboxRef.instance.ariaDescribedBy &#x3D; this._config.ariaDescribedBy;
-    lightboxRef.instance.startAnimationTime &#x3D; this._config.startAnimationTime;
-    lightboxRef.instance.exitAnimationTime &#x3D; this._config.exitAnimationTime;
-
-    if (_config.hasBackdrop) {
-      this._overlayRef.backdropClick().subscribe(() &#x3D;&gt; this.close());
-    }
-
-    // Add keyboard shortcuts
-    if (_config.keyboardShortcuts) {
-      this._overlayRef.keydownEvents().subscribe((event: any) &#x3D;&gt; {
-        switch (event.keyCode) {
-          case LEFT_ARROW:
-            galleryRef.prev();
-            break;
-          case RIGHT_ARROW:
-            galleryRef.next();
-            break;
-          case ESCAPE:
-            this.close();
-        }
-      });
-    }
-  }
-
-  /**
-   * Close Lightbox Overlay
-   */
-  close() {
-    if (this._overlayRef.hasAttached()) {
-      this._overlayRef.detach();
-    }
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'injectable';
-            var COMPODOC_CURRENT_PAGE_URL = 'Lightbox.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/injectables/Pixabay.html b/documentation/injectables/Pixabay.html
deleted file mode 100644
index 46f3a92f..00000000
--- a/documentation/injectables/Pixabay.html
+++ /dev/null
@@ -1,382 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content injectable">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Injectables</li>
-  <li >Pixabay</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/stories/pixabay/pixabay.service.ts</code>
-        </p>
-
-
-
-
-
-            <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#API_KEY" >API_KEY</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#getHDImages" >getHDImages</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-            <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(_http: <a href="../undefineds/C.html" target="_self">HttpClient</a>)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">projects/ng-gallery/src/stories/pixabay/pixabay.service.ts:14</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>_http</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../miscellaneous/functions.html#C" target="_self" >HttpClient</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-
-            <section>
-    
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getHDImages"></a>
-                    <span class="name">
-                        <span ><b>getHDImages</b></span>
-                        <a href="#getHDImages"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getHDImages(key: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="19"
-                            class="link-to-prism">projects/ng-gallery/src/stories/pixabay/pixabay.service.ts:19</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>key</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="../injectables/Gallery.html" target="_self" >Observable&lt;GalleryItem[]&gt;</a></code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-            <section>
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="API_KEY"></a>
-                    <span class="name">
-                            <span class="modifier">Private</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>API_KEY</b></span>
-                        <a href="#API_KEY"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;560162-704dd2880c027f22c62ab7941&#x27;</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">projects/ng-gallery/src/stories/pixabay/pixabay.service.ts:14</a></div>
-                        </td>
-                    </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Injectable } from &#x27;@angular/core&#x27;;
-import { HttpClient } from &#x27;@angular/common/http&#x27;;
-import { Observable, shareReplay, map } from &#x27;rxjs&#x27;;
-
-import { ImageItem, GalleryItem } from &#x27;ng-gallery&#x27;;
-
-import { Hit2, PixabayHDModel } from &#x27;./pixabay.model&#x27;;
-
-@Injectable({
-  providedIn: &#x27;root&#x27;
-})
-export class Pixabay {
-
-  private readonly API_KEY: string &#x3D; &#x27;560162-704dd2880c027f22c62ab7941&#x27;;
-
-  constructor(private _http: HttpClient) {
-  }
-
-  getHDImages(key: string): Observable&lt;GalleryItem[]&gt; {
-    const URL &#x3D; &#x60;https://pixabay.com/api/?key&#x3D;${ this.API_KEY }&amp;q&#x3D;${ encodeURIComponent(key) }&amp;response_group&#x3D;high_resolution&amp;editors_choice&#x3D;true&amp;per_page&#x3D;18&amp;image_type&#x3D;photo&#x60;;
-    return this._http.get(URL).pipe(
-      map((res: PixabayHDModel) &#x3D;&gt; {
-        return res.hits.map((item: Hit2, i: number) &#x3D;&gt; new ImageItem({ src: item.largeImageURL, thumb: item.previewURL, alt: &#x60;photo-${ i }&#x60; }));
-      }),
-      shareReplay(1)
-    );
-  }
-}
-</code></pre>
-    </div>
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'injectable';
-            var COMPODOC_CURRENT_PAGE_URL = 'Pixabay.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/BezierEasingOptions.html b/documentation/interfaces/BezierEasingOptions.html
deleted file mode 100644
index 5af1a696..00000000
--- a/documentation/interfaces/BezierEasingOptions.html
+++ /dev/null
@@ -1,357 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  BezierEasingOptions</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                        <a href="#x1" 
->
-                                            x1
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#x2" 
->
-                                            x2
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#y1" 
->
-                                            y1
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#y2" 
->
-                                            y2
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="x1"></a>
-                                        <span class="name "><b>x1</b>
-                                            <a href="#x1">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>x1:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="x2"></a>
-                                        <span class="name "><b>x2</b>
-                                            <a href="#x2">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>x2:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="y1"></a>
-                                        <span class="name "><b>y1</b>
-                                            <a href="#y1">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>y1:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="y2"></a>
-                                        <span class="name "><b>y2</b>
-                                            <a href="#y2">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>y2:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { InjectionToken } from &#x27;@angular/core&#x27;;
-import { _XAxis, _YAxis } from &#x27;@angular/cdk/scrolling&#x27;;
-
-export const SMOOTH_SCROLL_OPTIONS: InjectionToken&lt;SmoothScrollOptions&gt; &#x3D; new InjectionToken&lt;SmoothScrollOptions&gt;(&#x27;SMOOTH_SCROLL_OPTIONS&#x27;);
-
-export type SmoothScrollToOptions &#x3D; _XAxis &amp; _YAxis &amp; SmoothScrollOptions;
-
-export interface SmoothScrollOptions {
-  duration?: number;
-  easing?: BezierEasingOptions;
-}
-
-export interface SmoothScrollStep {
-  scrollable: HTMLElement;
-  startTime: number;
-  startX: number;
-  startY: number;
-  x: number;
-  y: number;
-  duration: number;
-  easing: (k: number) &#x3D;&gt; number;
-  currentX?: number;
-  currentY?: number;
-}
-
-export interface BezierEasingOptions {
-  x1: number;
-  y1: number;
-  x2: number;
-  y2: number;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'BezierEasingOptions.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/GalleryConfig.html b/documentation/interfaces/GalleryConfig.html
deleted file mode 100644
index be6ae556..00000000
--- a/documentation/interfaces/GalleryConfig.html
+++ /dev/null
@@ -1,2155 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  GalleryConfig</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/models/config.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#autoHeight"
->
-                                            autoHeight
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#autoplay"
->
-                                            autoplay
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#boxTemplate"
->
-                                            boxTemplate
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#counter"
->
-                                            counter
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#counterPosition"
->
-                                            counterPosition
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#debug"
->
-                                            debug
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#disableThumb"
->
-                                            disableThumb
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#dots"
->
-                                            dots
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#bulletsPosition"
->
-                                            bulletsPosition
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#dotsSize"
->
-                                            dotsSize
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#imageSize"
->
-                                            imageSize
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#imageTemplate"
->
-                                            imageTemplate
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#itemAutosize"
->
-                                            itemAutosize
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#itemTemplate"
->
-                                            itemTemplate
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#loadingAttr"
->
-                                            loadingAttr
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#loadingError"
->
-                                            loadingError
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#loadingIcon"
->
-                                            loadingIcon
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#loadingStrategy"
->
-                                            loadingStrategy
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#loop"
->
-                                            loop
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#mouseSlidingDisabled"
->
-                                            mouseSlidingDisabled
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#nav"
->
-                                            nav
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#navIcon"
->
-                                            navIcon
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#navScrollBehavior"
->
-                                            navScrollBehavior
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#playerInterval"
->
-                                            playerInterval
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#resizeDebounceTime"
->
-                                            resizeDebounceTime
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#scrollBehavior"
->
-                                            scrollBehavior
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#slidingDirection"
->
-                                            slidingDirection
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#slidingDisabled"
->
-                                            slidingDisabled
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#slidingDuration"
->
-                                            slidingDuration
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#slidingEase"
->
-                                            slidingEase
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumb"
->
-                                            thumb
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbAutosize"
->
-                                            thumbAutosize
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbDetached"
->
-                                            thumbDetached
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbHeight"
->
-                                            thumbHeight
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbImageSize"
->
-                                            thumbImageSize
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbLoadingError"
->
-                                            thumbLoadingError
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbLoadingIcon"
->
-                                            thumbLoadingIcon
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbMouseSlidingDisabled"
->
-                                            thumbMouseSlidingDisabled
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbPosition"
->
-                                            thumbPosition
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbSlidingDisabled"
->
-                                            thumbSlidingDisabled
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbTemplate"
->
-                                            thumbTemplate
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbView"
->
-                                            thumbView
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#thumbWidth"
->
-                                            thumbWidth
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="autoHeight"></a>
-                                        <span class="name "><b>autoHeight</b>
-                                            <a href="#autoHeight">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>autoHeight:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="autoplay"></a>
-                                        <span class="name "><b>autoplay</b>
-                                            <a href="#autoplay">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>autoplay:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="boxTemplate"></a>
-                                        <span class="name "><b>boxTemplate</b>
-                                            <a href="#boxTemplate">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>boxTemplate:     <code>TemplateRef&lt;any&gt;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>TemplateRef&lt;any&gt;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="counter"></a>
-                                        <span class="name "><b>counter</b>
-                                            <a href="#counter">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>counter:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="counterPosition"></a>
-                                        <span class="name "><b>counterPosition</b>
-                                            <a href="#counterPosition">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>counterPosition:     <code>&quot;top&quot; | &quot;bottom&quot;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>&quot;top&quot; | &quot;bottom&quot;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="debug"></a>
-                                        <span class="name "><b>debug</b>
-                                            <a href="#debug">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>debug:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="disableThumb"></a>
-                                        <span class="name "><b>disableThumb</b>
-                                            <a href="#disableThumb">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>disableThumb:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="dots"></a>
-                                        <span class="name "><b>dots</b>
-                                            <a href="#dots">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>dots:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="bulletsPosition"></a>
-                                        <span class="name "><b>bulletsPosition</b>
-                                            <a href="#bulletsPosition">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>bulletsPosition:     <code>&quot;top&quot; | &quot;bottom&quot;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>&quot;top&quot; | &quot;bottom&quot;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="dotsSize"></a>
-                                        <span class="name "><b>dotsSize</b>
-                                            <a href="#dotsSize">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>dotsSize:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="imageSize"></a>
-                                        <span class="name "><b>imageSize</b>
-                                            <a href="#imageSize">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>imageSize:     <code>&quot;cover&quot; | &quot;contain&quot;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>&quot;cover&quot; | &quot;contain&quot;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="imageTemplate"></a>
-                                        <span class="name "><b>imageTemplate</b>
-                                            <a href="#imageTemplate">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>imageTemplate:     <code>TemplateRef&lt;any&gt;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>TemplateRef&lt;any&gt;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="itemAutosize"></a>
-                                        <span class="name "><b>itemAutosize</b>
-                                            <a href="#itemAutosize">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>itemAutosize:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="itemTemplate"></a>
-                                        <span class="name "><b>itemTemplate</b>
-                                            <a href="#itemTemplate">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>itemTemplate:     <code>TemplateRef&lt;any&gt;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>TemplateRef&lt;any&gt;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="loadingAttr"></a>
-                                        <span class="name "><b>loadingAttr</b>
-                                            <a href="#loadingAttr">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>loadingAttr:     <code>&quot;eager&quot; | &quot;lazy&quot;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>&quot;eager&quot; | &quot;lazy&quot;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="loadingError"></a>
-                                        <span class="name "><b>loadingError</b>
-                                            <a href="#loadingError">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>loadingError:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="loadingIcon"></a>
-                                        <span class="name "><b>loadingIcon</b>
-                                            <a href="#loadingIcon">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>loadingIcon:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="loadingStrategy"></a>
-                                        <span class="name "><b>loadingStrategy</b>
-                                            <a href="#loadingStrategy">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>loadingStrategy:     <code>&quot;preload&quot; | &quot;lazy&quot; | &quot;default&quot;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>&quot;preload&quot; | &quot;lazy&quot; | &quot;default&quot;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="loop"></a>
-                                        <span class="name "><b>loop</b>
-                                            <a href="#loop">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>loop:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="mouseSlidingDisabled"></a>
-                                        <span class="name "><b>mouseSlidingDisabled</b>
-                                            <a href="#mouseSlidingDisabled">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>mouseSlidingDisabled:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="nav"></a>
-                                        <span class="name "><b>nav</b>
-                                            <a href="#nav">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>nav:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="navIcon"></a>
-                                        <span class="name "><b>navIcon</b>
-                                            <a href="#navIcon">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>navIcon:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="navScrollBehavior"></a>
-                                        <span class="name "><b>navScrollBehavior</b>
-                                            <a href="#navScrollBehavior">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>navScrollBehavior:         <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="playerInterval"></a>
-                                        <span class="name "><b>playerInterval</b>
-                                            <a href="#playerInterval">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>playerInterval:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="resizeDebounceTime"></a>
-                                        <span class="name "><b>resizeDebounceTime</b>
-                                            <a href="#resizeDebounceTime">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>resizeDebounceTime:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="scrollBehavior"></a>
-                                        <span class="name "><b>scrollBehavior</b>
-                                            <a href="#scrollBehavior">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>scrollBehavior:         <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="slidingDirection"></a>
-                                        <span class="name "><b>slidingDirection</b>
-                                            <a href="#slidingDirection">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>slidingDirection:     <code>&quot;horizontal&quot; | &quot;vertical&quot;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>&quot;horizontal&quot; | &quot;vertical&quot;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="slidingDisabled"></a>
-                                        <span class="name "><b>slidingDisabled</b>
-                                            <a href="#slidingDisabled">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>slidingDisabled:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="slidingDuration"></a>
-                                        <span class="name "><b>slidingDuration</b>
-                                            <a href="#slidingDuration">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>slidingDuration:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="slidingEase"></a>
-                                        <span class="name "><b>slidingEase</b>
-                                            <a href="#slidingEase">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>slidingEase:         <code><a href="../interfaces/BezierEasingOptions.html" target="_self" >BezierEasingOptions</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../interfaces/BezierEasingOptions.html" target="_self" >BezierEasingOptions</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumb"></a>
-                                        <span class="name "><b>thumb</b>
-                                            <a href="#thumb">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumb:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbAutosize"></a>
-                                        <span class="name "><b>thumbAutosize</b>
-                                            <a href="#thumbAutosize">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbAutosize:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbDetached"></a>
-                                        <span class="name "><b>thumbDetached</b>
-                                            <a href="#thumbDetached">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbDetached:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbHeight"></a>
-                                        <span class="name "><b>thumbHeight</b>
-                                            <a href="#thumbHeight">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbHeight:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbImageSize"></a>
-                                        <span class="name "><b>thumbImageSize</b>
-                                            <a href="#thumbImageSize">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbImageSize:     <code>&quot;cover&quot; | &quot;contain&quot;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>&quot;cover&quot; | &quot;contain&quot;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbLoadingError"></a>
-                                        <span class="name "><b>thumbLoadingError</b>
-                                            <a href="#thumbLoadingError">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbLoadingError:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbLoadingIcon"></a>
-                                        <span class="name "><b>thumbLoadingIcon</b>
-                                            <a href="#thumbLoadingIcon">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbLoadingIcon:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbMouseSlidingDisabled"></a>
-                                        <span class="name "><b>thumbMouseSlidingDisabled</b>
-                                            <a href="#thumbMouseSlidingDisabled">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbMouseSlidingDisabled:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbPosition"></a>
-                                        <span class="name "><b>thumbPosition</b>
-                                            <a href="#thumbPosition">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbPosition:     <code>&quot;top&quot; | &quot;left&quot; | &quot;right&quot; | &quot;bottom&quot;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>&quot;top&quot; | &quot;left&quot; | &quot;right&quot; | &quot;bottom&quot;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbSlidingDisabled"></a>
-                                        <span class="name "><b>thumbSlidingDisabled</b>
-                                            <a href="#thumbSlidingDisabled">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbSlidingDisabled:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbTemplate"></a>
-                                        <span class="name "><b>thumbTemplate</b>
-                                            <a href="#thumbTemplate">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbTemplate:     <code>TemplateRef&lt;any&gt;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>TemplateRef&lt;any&gt;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbView"></a>
-                                        <span class="name "><b>thumbView</b>
-                                            <a href="#thumbView">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbView:     <code>&quot;default&quot; | &quot;contain&quot;</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>&quot;default&quot; | &quot;contain&quot;</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="thumbWidth"></a>
-                                        <span class="name "><b>thumbWidth</b>
-                                            <a href="#thumbWidth">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>thumbWidth:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { InjectionToken, TemplateRef } from &#x27;@angular/core&#x27;;
-import { BezierEasingOptions } from &#x27;../smooth-scroll&#x27;;
-
-export const GALLERY_CONFIG &#x3D; new InjectionToken&lt;GalleryConfig&gt;(&#x27;GALLERY_CONFIG&#x27;);
-
-export interface GalleryConfig {
-  scrollBehavior?: ScrollBehavior;
-  navScrollBehavior?: ScrollBehavior;
-  nav?: boolean;
-  dots?: boolean;
-  loop?: boolean;
-  thumb?: boolean;
-  navIcon?: string;
-  counter?: boolean;
-  dotsSize?: number;
-  autoplay?: boolean;
-  thumbWidth?: number;
-  thumbHeight?: number;
-  loadingIcon?: string;
-  loadingError?: string;
-  thumbLoadingIcon?: string;
-  thumbLoadingError?: string;
-  disableThumb?: boolean;
-  slidingDuration?: number;
-  slidingEase?: BezierEasingOptions;
-  slidingDisabled?: boolean;
-  thumbSlidingDisabled?: boolean;
-  mouseSlidingDisabled?: boolean;
-  thumbMouseSlidingDisabled?: boolean;
-  resizeDebounceTime?: number;
-  playerInterval?: number;
-  boxTemplate?: TemplateRef&lt;any&gt;;
-  itemTemplate?: TemplateRef&lt;any&gt;;
-  imageTemplate?: TemplateRef&lt;any&gt;;
-  thumbTemplate?: TemplateRef&lt;any&gt;;
-  thumbDetached?: boolean;
-  imageSize?: &#x27;cover&#x27; | &#x27;contain&#x27;;
-  thumbImageSize?: &#x27;cover&#x27; | &#x27;contain&#x27;;
-  bulletsPosition?: &#x27;top&#x27; | &#x27;bottom&#x27;;
-  counterPosition?: &#x27;top&#x27; | &#x27;bottom&#x27;;
-  slidingDirection?: &#x27;horizontal&#x27; | &#x27;vertical&#x27;;
-  loadingStrategy?: &#x27;preload&#x27; | &#x27;lazy&#x27; | &#x27;default&#x27;;
-  loadingAttr?: &#x27;eager&#x27; | &#x27;lazy&#x27;;
-  thumbPosition?: &#x27;top&#x27; | &#x27;left&#x27; | &#x27;right&#x27; | &#x27;bottom&#x27;;
-  thumbView?: &#x27;default&#x27; | &#x27;contain&#x27;;
-  thumbAutosize?: boolean;
-  itemAutosize?: boolean;
-  autoHeight?: boolean;
-  debug?: boolean;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryConfig.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/GalleryError.html b/documentation/interfaces/GalleryError.html
deleted file mode 100644
index d99dc908..00000000
--- a/documentation/interfaces/GalleryError.html
+++ /dev/null
@@ -1,270 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  GalleryError</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/models/gallery.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                        <a href="#error" 
->
-                                            error
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#itemIndex" 
->
-                                            itemIndex
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="error"></a>
-                                        <span class="name "><b>error</b>
-                                            <a href="#error">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>error:     <code>ErrorEvent</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>ErrorEvent</code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="itemIndex"></a>
-                                        <span class="name "><b>itemIndex</b>
-                                            <a href="#itemIndex">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>itemIndex:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { GalleryAction, GalleryItemType } from &#x27;./constants&#x27;;
-import { GalleryItemData } from &#x27;../components/templates/items.model&#x27;;
-
-export interface GalleryState {
-  action?: GalleryAction;
-  items?: GalleryItem[];
-  behavior?: ScrollBehavior;
-  currIndex?: number;
-  hasNext?: boolean;
-  hasPrev?: boolean;
-  isPlaying?: boolean;
-}
-
-export interface GalleryItem {
-  data?: GalleryItemData;
-  type?: GalleryItemType;
-}
-
-export interface GalleryError {
-  itemIndex: number;
-  error: ErrorEvent;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryError.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/GalleryItem.html b/documentation/interfaces/GalleryItem.html
deleted file mode 100644
index 80ee2fc7..00000000
--- a/documentation/interfaces/GalleryItem.html
+++ /dev/null
@@ -1,282 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  GalleryItem</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/models/gallery.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#data" 
->
-                                            data
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#type" 
->
-                                            type
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="data"></a>
-                                        <span class="name "><b>data</b>
-                                            <a href="#data">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>data:         <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemData</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemData</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="type"></a>
-                                        <span class="name "><b>type</b>
-                                            <a href="#type">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>type:         <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemType</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemType</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { GalleryAction, GalleryItemType } from &#x27;./constants&#x27;;
-import { GalleryItemData } from &#x27;../components/templates/items.model&#x27;;
-
-export interface GalleryState {
-  action?: GalleryAction;
-  items?: GalleryItem[];
-  behavior?: ScrollBehavior;
-  currIndex?: number;
-  hasNext?: boolean;
-  hasPrev?: boolean;
-  isPlaying?: boolean;
-}
-
-export interface GalleryItem {
-  data?: GalleryItemData;
-  type?: GalleryItemType;
-}
-
-export interface GalleryError {
-  itemIndex: number;
-  error: ErrorEvent;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryItem.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/GalleryItemContext.html b/documentation/interfaces/GalleryItemContext.html
deleted file mode 100644
index 796fdd5b..00000000
--- a/documentation/interfaces/GalleryItemContext.html
+++ /dev/null
@@ -1,571 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  GalleryItemContext</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#$implicit" 
->
-                                            $implicit
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#active" 
->
-                                            active
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#count" 
->
-                                            count
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#first" 
->
-                                            first
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#index" 
->
-                                            index
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#last" 
->
-                                            last
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#type" 
->
-                                            type
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="$implicit"></a>
-                                        <span class="name "><b>$implicit</b>
-                                            <a href="#$implicit">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>$implicit:     <code>T</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>T</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-description"><p>Data for the row that this cell is located within.</p>
-</div>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="active"></a>
-                                        <span class="name "><b>active</b>
-                                            <a href="#active">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>active:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-description"><p>True if this item is the active one.</p>
-</div>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="count"></a>
-                                        <span class="name "><b>count</b>
-                                            <a href="#count">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>count:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-description"><p>The number of total items.</p>
-</div>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="first"></a>
-                                        <span class="name "><b>first</b>
-                                            <a href="#first">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>first:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-description"><p>True if this item is first.</p>
-</div>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="index"></a>
-                                        <span class="name "><b>index</b>
-                                            <a href="#index">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>index:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-description"><p>Index of the item.</p>
-</div>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="last"></a>
-                                        <span class="name "><b>last</b>
-                                            <a href="#last">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>last:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-description"><p>True if this item is last.</p>
-</div>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="type"></a>
-                                        <span class="name "><b>type</b>
-                                            <a href="#type">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>type:         <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemType</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemType</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                            <tr>
-                                <td class="col-md-4">
-                                    <div class="io-description"><p>The type of the item.</p>
-</div>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, TemplateRef } from &#x27;@angular/core&#x27;;
-import { GalleryItemData } from &#x27;../components/templates/items.model&#x27;;
-import { GalleryItemType } from &#x27;../models/constants&#x27;;
-
-@Directive({
-  standalone: true,
-  selector: &#x27;[galleryItemDef]&#x27;
-})
-export class GalleryItemDef {
-  constructor(public templateRef: TemplateRef&lt;GalleryItemContext&lt;GalleryItemDef&gt;&gt;) {
-  }
-
-  // Make sure the template checker knows the type of the context with which the
-  // template of this directive will be rendered
-  static ngTemplateContextGuard(
-    directive: GalleryItemDef,
-    context: unknown
-  ): context is GalleryItemContext&lt;GalleryItemData&gt; {
-    return true;
-  }
-}
-
-export interface GalleryItemContext&lt;T&gt; {
-  /** Data for the row that this cell is located within. */
-  $implicit?: T;
-
-  /** Index of the item. */
-  index?: number;
-
-  /** The type of the item. */
-  type?: GalleryItemType;
-
-  /** True if this item is the active one. */
-  active?: boolean;
-
-  /** The number of total items. */
-  count?: number;
-
-  /** True if this item is first. */
-  first?: boolean;
-
-  /** True if this item is last. */
-  last?: boolean;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryItemContext.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/GalleryState.html b/documentation/interfaces/GalleryState.html
deleted file mode 100644
index 29c7bdd5..00000000
--- a/documentation/interfaces/GalleryState.html
+++ /dev/null
@@ -1,507 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  GalleryState</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/models/gallery.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#action" 
->
-                                            action
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#behavior" 
->
-                                            behavior
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#currIndex" 
->
-                                            currIndex
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#hasNext" 
->
-                                            hasNext
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#hasPrev" 
->
-                                            hasPrev
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#isPlaying" 
->
-                                            isPlaying
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#items" 
->
-                                            items
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="action"></a>
-                                        <span class="name "><b>action</b>
-                                            <a href="#action">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>action:         <code><a href="../injectables/Gallery.html" target="_self" >GalleryAction</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryAction</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="behavior"></a>
-                                        <span class="name "><b>behavior</b>
-                                            <a href="#behavior">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>behavior:         <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../miscellaneous/functions.html#B" target="_self" >ScrollBehavior</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="currIndex"></a>
-                                        <span class="name "><b>currIndex</b>
-                                            <a href="#currIndex">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>currIndex:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="hasNext"></a>
-                                        <span class="name "><b>hasNext</b>
-                                            <a href="#hasNext">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>hasNext:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="hasPrev"></a>
-                                        <span class="name "><b>hasPrev</b>
-                                            <a href="#hasPrev">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>hasPrev:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="isPlaying"></a>
-                                        <span class="name "><b>isPlaying</b>
-                                            <a href="#isPlaying">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>isPlaying:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="items"></a>
-                                        <span class="name "><b>items</b>
-                                            <a href="#items">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>items:         <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem[]</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItem[]</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { GalleryAction, GalleryItemType } from &#x27;./constants&#x27;;
-import { GalleryItemData } from &#x27;../components/templates/items.model&#x27;;
-
-export interface GalleryState {
-  action?: GalleryAction;
-  items?: GalleryItem[];
-  behavior?: ScrollBehavior;
-  currIndex?: number;
-  hasNext?: boolean;
-  hasPrev?: boolean;
-  isPlaying?: boolean;
-}
-
-export interface GalleryItem {
-  data?: GalleryItemData;
-  type?: GalleryItemType;
-}
-
-export interface GalleryError {
-  itemIndex: number;
-  error: ErrorEvent;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryState.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/GalleryStateContext.html b/documentation/interfaces/GalleryStateContext.html
deleted file mode 100644
index 4a669adc..00000000
--- a/documentation/interfaces/GalleryStateContext.html
+++ /dev/null
@@ -1,288 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  GalleryStateContext</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#config" 
->
-                                            config
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#state" 
->
-                                            state
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="config"></a>
-                                        <span class="name "><b>config</b>
-                                            <a href="#config">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>config:         <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="state"></a>
-                                        <span class="name "><b>state</b>
-                                            <a href="#state">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>state:         <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, TemplateRef } from &#x27;@angular/core&#x27;;
-import { GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { GalleryConfig } from &#x27;../models/config.model&#x27;;
-
-
-@Directive({
-  standalone: true,
-  selector: &#x27;[galleryBoxDef]&#x27;
-})
-export class GalleryBoxDef {
-
-  constructor(public templateRef: TemplateRef&lt;GalleryStateContext&gt;) {
-  }
-
-  // Make sure the template checker knows the type of the context with which the
-  // template of this directive will be rendered
-  static ngTemplateContextGuard(
-    directive: GalleryBoxDef,
-    context: unknown
-  ): context is GalleryStateContext {
-    return true;
-  }
-}
-
-export interface GalleryStateContext {
-  state?: GalleryState;
-  config?: GalleryConfig;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryStateContext.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/Hit.html b/documentation/interfaces/Hit.html
deleted file mode 100644
index ad5d1eee..00000000
--- a/documentation/interfaces/Hit.html
+++ /dev/null
@@ -1,1043 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  Hit</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/stories/pixabay/pixabay.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                        <a href="#comments" 
->
-                                            comments
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#downloads" 
->
-                                            downloads
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#favorites" 
->
-                                            favorites
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#id" 
->
-                                            id
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#imageHeight" 
->
-                                            imageHeight
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#imageSize" 
->
-                                            imageSize
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#imageWidth" 
->
-                                            imageWidth
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#likes" 
->
-                                            likes
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#pageURL" 
->
-                                            pageURL
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#previewHeight" 
->
-                                            previewHeight
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#previewURL" 
->
-                                            previewURL
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#previewWidth" 
->
-                                            previewWidth
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#tags" 
->
-                                            tags
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#type" 
->
-                                            type
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#user" 
->
-                                            user
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#user_id" 
->
-                                            user_id
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#userImageURL" 
->
-                                            userImageURL
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#views" 
->
-                                            views
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#webformatHeight" 
->
-                                            webformatHeight
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#webformatURL" 
->
-                                            webformatURL
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#webformatWidth" 
->
-                                            webformatWidth
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="comments"></a>
-                                        <span class="name "><b>comments</b>
-                                            <a href="#comments">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>comments:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="downloads"></a>
-                                        <span class="name "><b>downloads</b>
-                                            <a href="#downloads">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>downloads:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="favorites"></a>
-                                        <span class="name "><b>favorites</b>
-                                            <a href="#favorites">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>favorites:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="id"></a>
-                                        <span class="name "><b>id</b>
-                                            <a href="#id">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>id:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="imageHeight"></a>
-                                        <span class="name "><b>imageHeight</b>
-                                            <a href="#imageHeight">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>imageHeight:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="imageSize"></a>
-                                        <span class="name "><b>imageSize</b>
-                                            <a href="#imageSize">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>imageSize:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="imageWidth"></a>
-                                        <span class="name "><b>imageWidth</b>
-                                            <a href="#imageWidth">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>imageWidth:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="likes"></a>
-                                        <span class="name "><b>likes</b>
-                                            <a href="#likes">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>likes:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="pageURL"></a>
-                                        <span class="name "><b>pageURL</b>
-                                            <a href="#pageURL">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>pageURL:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="previewHeight"></a>
-                                        <span class="name "><b>previewHeight</b>
-                                            <a href="#previewHeight">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>previewHeight:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="previewURL"></a>
-                                        <span class="name "><b>previewURL</b>
-                                            <a href="#previewURL">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>previewURL:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="previewWidth"></a>
-                                        <span class="name "><b>previewWidth</b>
-                                            <a href="#previewWidth">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>previewWidth:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="tags"></a>
-                                        <span class="name "><b>tags</b>
-                                            <a href="#tags">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>tags:     <code>string[]</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>string[]</code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="type"></a>
-                                        <span class="name "><b>type</b>
-                                            <a href="#type">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>type:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="user"></a>
-                                        <span class="name "><b>user</b>
-                                            <a href="#user">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>user:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="user_id"></a>
-                                        <span class="name "><b>user_id</b>
-                                            <a href="#user_id">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>user_id:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="userImageURL"></a>
-                                        <span class="name "><b>userImageURL</b>
-                                            <a href="#userImageURL">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>userImageURL:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="views"></a>
-                                        <span class="name "><b>views</b>
-                                            <a href="#views">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>views:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="webformatHeight"></a>
-                                        <span class="name "><b>webformatHeight</b>
-                                            <a href="#webformatHeight">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>webformatHeight:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="webformatURL"></a>
-                                        <span class="name "><b>webformatURL</b>
-                                            <a href="#webformatURL">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>webformatURL:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="webformatWidth"></a>
-                                        <span class="name "><b>webformatWidth</b>
-                                            <a href="#webformatWidth">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>webformatWidth:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">export interface PixabayModel {
-  total: number;
-  totalHits: number;
-  hits: Hit[];
-}
-
-export interface Hit {
-  id: number;
-  pageURL: string;
-  type: string;
-  tags: string[];
-  previewURL: string;
-  previewWidth: number;
-  previewHeight: number;
-  webformatURL: string;
-  webformatWidth: number;
-  webformatHeight: number;
-  imageWidth: number;
-  imageHeight: number;
-  imageSize: number;
-  views: number;
-  downloads: number;
-  favorites: number;
-  likes: number;
-  comments: number;
-  user_id: number;
-  user: string;
-  userImageURL: string;
-}
-export interface PixabayHDModel {
-  total: number;
-  totalHits: number;
-  hits: Hit2[];
-}
-
-export interface Hit2 {
-  id_hash: string;
-  type: string;
-  previewURL: string;
-  previewWidth: number;
-  previewHeight: number;
-  webformatURL: string;
-  webformatWidth: number;
-  webformatHeight: number;
-  largeImageURL: string;
-  fullHDURL: string;
-  imageWidth: number;
-  imageHeight: number;
-  imageSize: number;
-  imageURL: string;
-  user_id: number;
-  user: string;
-  userImageURL: string;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'Hit.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/Hit2.html b/documentation/interfaces/Hit2.html
deleted file mode 100644
index c227cdfd..00000000
--- a/documentation/interfaces/Hit2.html
+++ /dev/null
@@ -1,887 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  Hit2</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/stories/pixabay/pixabay.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                        <a href="#fullHDURL" 
->
-                                            fullHDURL
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#id_hash" 
->
-                                            id_hash
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#imageHeight" 
->
-                                            imageHeight
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#imageSize" 
->
-                                            imageSize
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#imageURL" 
->
-                                            imageURL
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#imageWidth" 
->
-                                            imageWidth
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#largeImageURL" 
->
-                                            largeImageURL
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#previewHeight" 
->
-                                            previewHeight
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#previewURL" 
->
-                                            previewURL
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#previewWidth" 
->
-                                            previewWidth
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#type" 
->
-                                            type
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#user" 
->
-                                            user
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#user_id" 
->
-                                            user_id
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#userImageURL" 
->
-                                            userImageURL
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#webformatHeight" 
->
-                                            webformatHeight
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#webformatURL" 
->
-                                            webformatURL
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#webformatWidth" 
->
-                                            webformatWidth
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="fullHDURL"></a>
-                                        <span class="name "><b>fullHDURL</b>
-                                            <a href="#fullHDURL">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>fullHDURL:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="id_hash"></a>
-                                        <span class="name "><b>id_hash</b>
-                                            <a href="#id_hash">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>id_hash:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="imageHeight"></a>
-                                        <span class="name "><b>imageHeight</b>
-                                            <a href="#imageHeight">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>imageHeight:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="imageSize"></a>
-                                        <span class="name "><b>imageSize</b>
-                                            <a href="#imageSize">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>imageSize:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="imageURL"></a>
-                                        <span class="name "><b>imageURL</b>
-                                            <a href="#imageURL">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>imageURL:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="imageWidth"></a>
-                                        <span class="name "><b>imageWidth</b>
-                                            <a href="#imageWidth">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>imageWidth:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="largeImageURL"></a>
-                                        <span class="name "><b>largeImageURL</b>
-                                            <a href="#largeImageURL">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>largeImageURL:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="previewHeight"></a>
-                                        <span class="name "><b>previewHeight</b>
-                                            <a href="#previewHeight">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>previewHeight:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="previewURL"></a>
-                                        <span class="name "><b>previewURL</b>
-                                            <a href="#previewURL">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>previewURL:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="previewWidth"></a>
-                                        <span class="name "><b>previewWidth</b>
-                                            <a href="#previewWidth">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>previewWidth:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="type"></a>
-                                        <span class="name "><b>type</b>
-                                            <a href="#type">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>type:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="user"></a>
-                                        <span class="name "><b>user</b>
-                                            <a href="#user">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>user:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="user_id"></a>
-                                        <span class="name "><b>user_id</b>
-                                            <a href="#user_id">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>user_id:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="userImageURL"></a>
-                                        <span class="name "><b>userImageURL</b>
-                                            <a href="#userImageURL">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>userImageURL:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="webformatHeight"></a>
-                                        <span class="name "><b>webformatHeight</b>
-                                            <a href="#webformatHeight">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>webformatHeight:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="webformatURL"></a>
-                                        <span class="name "><b>webformatURL</b>
-                                            <a href="#webformatURL">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>webformatURL:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="webformatWidth"></a>
-                                        <span class="name "><b>webformatWidth</b>
-                                            <a href="#webformatWidth">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>webformatWidth:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">export interface PixabayModel {
-  total: number;
-  totalHits: number;
-  hits: Hit[];
-}
-
-export interface Hit {
-  id: number;
-  pageURL: string;
-  type: string;
-  tags: string[];
-  previewURL: string;
-  previewWidth: number;
-  previewHeight: number;
-  webformatURL: string;
-  webformatWidth: number;
-  webformatHeight: number;
-  imageWidth: number;
-  imageHeight: number;
-  imageSize: number;
-  views: number;
-  downloads: number;
-  favorites: number;
-  likes: number;
-  comments: number;
-  user_id: number;
-  user: string;
-  userImageURL: string;
-}
-export interface PixabayHDModel {
-  total: number;
-  totalHits: number;
-  hits: Hit2[];
-}
-
-export interface Hit2 {
-  id_hash: string;
-  type: string;
-  previewURL: string;
-  previewWidth: number;
-  previewHeight: number;
-  webformatURL: string;
-  webformatWidth: number;
-  webformatHeight: number;
-  largeImageURL: string;
-  fullHDURL: string;
-  imageWidth: number;
-  imageHeight: number;
-  imageSize: number;
-  imageURL: string;
-  user_id: number;
-  user: string;
-  userImageURL: string;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'Hit2.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/ImageRegistry.html b/documentation/interfaces/ImageRegistry.html
deleted file mode 100644
index c30330a3..00000000
--- a/documentation/interfaces/ImageRegistry.html
+++ /dev/null
@@ -1,294 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  ImageRegistry</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/utils/img-manager.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                        <a href="#state" 
->
-                                            state
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#target" 
->
-                                            target
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="state"></a>
-                                        <span class="name "><b>state</b>
-                                            <a href="#state">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>state:         <code><a href="../miscellaneous/typealiases.html#ItemState" target="_self" >Observable&lt;ItemState&gt;</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#ItemState" target="_self" >Observable&lt;ItemState&gt;</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="target"></a>
-                                        <span class="name "><b>target</b>
-                                            <a href="#target">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>target:     <code>HTMLImageElement</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>HTMLImageElement</code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Injectable } from &#x27;@angular/core&#x27;;
-import { Observable, BehaviorSubject, filter, map, switchMap, EMPTY } from &#x27;rxjs&#x27;;
-import { GalleryState } from &#x27;../models/gallery.model&#x27;;
-import { ItemState } from &#x27;../components/templates/items.model&#x27;;
-
-interface ImageRegistry {
-  state: Observable&lt;ItemState&gt;;
-  target: HTMLImageElement;
-}
-
-@Injectable()
-export class ImgManager {
-
-  private readonly trigger$: BehaviorSubject&lt;void&gt; &#x3D; new BehaviorSubject&lt;void&gt;(null);
-
-  private readonly images: Map&lt;number, ImageRegistry&gt; &#x3D; new Map&lt;number, ImageRegistry&gt;();
-
-  getActiveItem(state$: Observable&lt;GalleryState&gt;): Observable&lt;HTMLImageElement&gt; {
-    return this.trigger$.pipe(
-      switchMap(() &#x3D;&gt; state$.pipe(
-        switchMap((state: GalleryState) &#x3D;&gt; {
-          const img: ImageRegistry &#x3D; this.images.get(state.currIndex);
-          if (img) {
-            return img.state.pipe(
-              filter((state: ItemState) &#x3D;&gt; state !&#x3D;&#x3D; &#x27;loading&#x27;),
-              map(() &#x3D;&gt; img.target)
-            )
-          }
-          return EMPTY;
-        })
-      ))
-    );
-  }
-
-  addItem(index: number, payload: ImageRegistry): void {
-    this.images.set(index, payload);
-    this.trigger$.next();
-  }
-
-  deleteItem(index: number): void {
-    if (this.images.has(index)) {
-      this.images.delete(index);
-      this.trigger$.next();
-    }
-  }
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'ImageRegistry.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/LightboxConfig.html b/documentation/interfaces/LightboxConfig.html
deleted file mode 100644
index bd218332..00000000
--- a/documentation/interfaces/LightboxConfig.html
+++ /dev/null
@@ -1,682 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  LightboxConfig</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/lightbox/src/lightbox.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#ariaDescribedBy" 
->
-                                            ariaDescribedBy
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#ariaLabel" 
->
-                                            ariaLabel
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#ariaLabelledBy" 
->
-                                            ariaLabelledBy
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#backdropClass" 
->
-                                            backdropClass
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#closeIcon" 
->
-                                            closeIcon
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#exitAnimationTime" 
->
-                                            exitAnimationTime
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#hasBackdrop" 
->
-                                            hasBackdrop
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#keyboardShortcuts" 
->
-                                            keyboardShortcuts
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#panelClass" 
->
-                                            panelClass
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#role" 
->
-                                            role
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#startAnimationTime" 
->
-                                            startAnimationTime
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="ariaDescribedBy"></a>
-                                        <span class="name "><b>ariaDescribedBy</b>
-                                            <a href="#ariaDescribedBy">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>ariaDescribedBy:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="ariaLabel"></a>
-                                        <span class="name "><b>ariaLabel</b>
-                                            <a href="#ariaLabel">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>ariaLabel:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="ariaLabelledBy"></a>
-                                        <span class="name "><b>ariaLabelledBy</b>
-                                            <a href="#ariaLabelledBy">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>ariaLabelledBy:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="backdropClass"></a>
-                                        <span class="name "><b>backdropClass</b>
-                                            <a href="#backdropClass">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>backdropClass:     <code>string | string[]</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>string | string[]</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="closeIcon"></a>
-                                        <span class="name "><b>closeIcon</b>
-                                            <a href="#closeIcon">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>closeIcon:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="exitAnimationTime"></a>
-                                        <span class="name "><b>exitAnimationTime</b>
-                                            <a href="#exitAnimationTime">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>exitAnimationTime:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="hasBackdrop"></a>
-                                        <span class="name "><b>hasBackdrop</b>
-                                            <a href="#hasBackdrop">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>hasBackdrop:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="keyboardShortcuts"></a>
-                                        <span class="name "><b>keyboardShortcuts</b>
-                                            <a href="#keyboardShortcuts">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>keyboardShortcuts:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="panelClass"></a>
-                                        <span class="name "><b>panelClass</b>
-                                            <a href="#panelClass">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>panelClass:     <code>string | string[]</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>string | string[]</code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="role"></a>
-                                        <span class="name "><b>role</b>
-                                            <a href="#role">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>role:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="startAnimationTime"></a>
-                                        <span class="name "><b>startAnimationTime</b>
-                                            <a href="#startAnimationTime">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>startAnimationTime:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { InjectionToken } from &#x27;@angular/core&#x27;;
-
-export const LIGHTBOX_CONFIG &#x3D; new InjectionToken&lt;LightboxConfig&gt;(&#x27;LIGHTBOX_CONFIG&#x27;);
-
-export interface LightboxConfig {
-  backdropClass?: string | string[];
-  panelClass?: string | string[];
-  hasBackdrop?: boolean;
-  keyboardShortcuts?: boolean;
-  closeIcon?: string;
-  role?: string;
-  ariaLabelledBy?: string;
-  ariaLabel?: string;
-  ariaDescribedBy?: string;
-  startAnimationTime?: number;
-  exitAnimationTime?: number;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'LightboxConfig.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/PixabayHDModel.html b/documentation/interfaces/PixabayHDModel.html
deleted file mode 100644
index 6a41d884..00000000
--- a/documentation/interfaces/PixabayHDModel.html
+++ /dev/null
@@ -1,341 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  PixabayHDModel</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/stories/pixabay/pixabay.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                        <a href="#hits" 
->
-                                            hits
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#total" 
->
-                                            total
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#totalHits" 
->
-                                            totalHits
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="hits"></a>
-                                        <span class="name "><b>hits</b>
-                                            <a href="#hits">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>hits:     <code>Hit2[]</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>Hit2[]</code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="total"></a>
-                                        <span class="name "><b>total</b>
-                                            <a href="#total">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>total:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="totalHits"></a>
-                                        <span class="name "><b>totalHits</b>
-                                            <a href="#totalHits">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>totalHits:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">export interface PixabayModel {
-  total: number;
-  totalHits: number;
-  hits: Hit[];
-}
-
-export interface Hit {
-  id: number;
-  pageURL: string;
-  type: string;
-  tags: string[];
-  previewURL: string;
-  previewWidth: number;
-  previewHeight: number;
-  webformatURL: string;
-  webformatWidth: number;
-  webformatHeight: number;
-  imageWidth: number;
-  imageHeight: number;
-  imageSize: number;
-  views: number;
-  downloads: number;
-  favorites: number;
-  likes: number;
-  comments: number;
-  user_id: number;
-  user: string;
-  userImageURL: string;
-}
-export interface PixabayHDModel {
-  total: number;
-  totalHits: number;
-  hits: Hit2[];
-}
-
-export interface Hit2 {
-  id_hash: string;
-  type: string;
-  previewURL: string;
-  previewWidth: number;
-  previewHeight: number;
-  webformatURL: string;
-  webformatWidth: number;
-  webformatHeight: number;
-  largeImageURL: string;
-  fullHDURL: string;
-  imageWidth: number;
-  imageHeight: number;
-  imageSize: number;
-  imageURL: string;
-  user_id: number;
-  user: string;
-  userImageURL: string;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'PixabayHDModel.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/PixabayModel.html b/documentation/interfaces/PixabayModel.html
deleted file mode 100644
index afca5f8d..00000000
--- a/documentation/interfaces/PixabayModel.html
+++ /dev/null
@@ -1,341 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  PixabayModel</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/stories/pixabay/pixabay.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                        <a href="#hits" 
->
-                                            hits
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#total" 
->
-                                            total
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#totalHits" 
->
-                                            totalHits
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="hits"></a>
-                                        <span class="name "><b>hits</b>
-                                            <a href="#hits">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>hits:         <code><a href="../interfaces/Hit.html" target="_self" >Hit[]</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../interfaces/Hit.html" target="_self" >Hit[]</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="total"></a>
-                                        <span class="name "><b>total</b>
-                                            <a href="#total">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>total:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="totalHits"></a>
-                                        <span class="name "><b>totalHits</b>
-                                            <a href="#totalHits">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>totalHits:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">export interface PixabayModel {
-  total: number;
-  totalHits: number;
-  hits: Hit[];
-}
-
-export interface Hit {
-  id: number;
-  pageURL: string;
-  type: string;
-  tags: string[];
-  previewURL: string;
-  previewWidth: number;
-  previewHeight: number;
-  webformatURL: string;
-  webformatWidth: number;
-  webformatHeight: number;
-  imageWidth: number;
-  imageHeight: number;
-  imageSize: number;
-  views: number;
-  downloads: number;
-  favorites: number;
-  likes: number;
-  comments: number;
-  user_id: number;
-  user: string;
-  userImageURL: string;
-}
-export interface PixabayHDModel {
-  total: number;
-  totalHits: number;
-  hits: Hit2[];
-}
-
-export interface Hit2 {
-  id_hash: string;
-  type: string;
-  previewURL: string;
-  previewWidth: number;
-  previewHeight: number;
-  webformatURL: string;
-  webformatWidth: number;
-  webformatHeight: number;
-  largeImageURL: string;
-  fullHDURL: string;
-  imageWidth: number;
-  imageHeight: number;
-  imageSize: number;
-  imageURL: string;
-  user_id: number;
-  user: string;
-  userImageURL: string;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'PixabayModel.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/SliderState.html b/documentation/interfaces/SliderState.html
deleted file mode 100644
index 0fa0d33b..00000000
--- a/documentation/interfaces/SliderState.html
+++ /dev/null
@@ -1,257 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  SliderState</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/models/slider.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                        <a href="#instant" 
->
-                                            instant
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#style" 
->
-                                            style
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="instant"></a>
-                                        <span class="name "><b>instant</b>
-                                            <a href="#instant">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>instant:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="style"></a>
-                                        <span class="name "><b>style</b>
-                                            <a href="#style">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>style:         <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">export interface SliderState {
-  style: any;
-  instant: boolean;
-}
-
-export interface WorkerState {
-  value: number;
-  instant: boolean;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'SliderState.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/SmoothScrollOptions.html b/documentation/interfaces/SmoothScrollOptions.html
deleted file mode 100644
index fbb8a2bd..00000000
--- a/documentation/interfaces/SmoothScrollOptions.html
+++ /dev/null
@@ -1,291 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  SmoothScrollOptions</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#duration" 
->
-                                            duration
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#easing" 
->
-                                            easing
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="duration"></a>
-                                        <span class="name "><b>duration</b>
-                                            <a href="#duration">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>duration:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="easing"></a>
-                                        <span class="name "><b>easing</b>
-                                            <a href="#easing">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>easing:         <code><a href="../interfaces/BezierEasingOptions.html" target="_self" >BezierEasingOptions</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="../interfaces/BezierEasingOptions.html" target="_self" >BezierEasingOptions</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { InjectionToken } from &#x27;@angular/core&#x27;;
-import { _XAxis, _YAxis } from &#x27;@angular/cdk/scrolling&#x27;;
-
-export const SMOOTH_SCROLL_OPTIONS: InjectionToken&lt;SmoothScrollOptions&gt; &#x3D; new InjectionToken&lt;SmoothScrollOptions&gt;(&#x27;SMOOTH_SCROLL_OPTIONS&#x27;);
-
-export type SmoothScrollToOptions &#x3D; _XAxis &amp; _YAxis &amp; SmoothScrollOptions;
-
-export interface SmoothScrollOptions {
-  duration?: number;
-  easing?: BezierEasingOptions;
-}
-
-export interface SmoothScrollStep {
-  scrollable: HTMLElement;
-  startTime: number;
-  startX: number;
-  startY: number;
-  x: number;
-  y: number;
-  duration: number;
-  easing: (k: number) &#x3D;&gt; number;
-  currentX?: number;
-  currentY?: number;
-}
-
-export interface BezierEasingOptions {
-  x1: number;
-  y1: number;
-  x2: number;
-  y2: number;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'SmoothScrollOptions.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/SmoothScrollStep.html b/documentation/interfaces/SmoothScrollStep.html
deleted file mode 100644
index cfd9e792..00000000
--- a/documentation/interfaces/SmoothScrollStep.html
+++ /dev/null
@@ -1,603 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  SmoothScrollStep</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#currentX" 
->
-                                            currentX
-                                        </a>
-                                </li>
-                                <li>
-                                            <span class="modifier">Optional</span>
-                                        <a href="#currentY" 
->
-                                            currentY
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#duration" 
->
-                                            duration
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#easing" 
->
-                                            easing
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#scrollable" 
->
-                                            scrollable
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#startTime" 
->
-                                            startTime
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#startX" 
->
-                                            startX
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#startY" 
->
-                                            startY
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#x" 
->
-                                            x
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#y" 
->
-                                            y
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="currentX"></a>
-                                        <span class="name "><b>currentX</b>
-                                            <a href="#currentX">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>currentX:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="currentY"></a>
-                                        <span class="name "><b>currentY</b>
-                                            <a href="#currentY">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>currentY:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Optional</i>
-                                        </td>
-                                    </tr>
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="duration"></a>
-                                        <span class="name "><b>duration</b>
-                                            <a href="#duration">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>duration:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="easing"></a>
-                                        <span class="name "><b>easing</b>
-                                            <a href="#easing">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>easing:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="scrollable"></a>
-                                        <span class="name "><b>scrollable</b>
-                                            <a href="#scrollable">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>scrollable:     <code>HTMLElement</code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>    <code>HTMLElement</code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="startTime"></a>
-                                        <span class="name "><b>startTime</b>
-                                            <a href="#startTime">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>startTime:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="startX"></a>
-                                        <span class="name "><b>startX</b>
-                                            <a href="#startX">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>startX:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="startY"></a>
-                                        <span class="name "><b>startY</b>
-                                            <a href="#startY">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>startY:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="x"></a>
-                                        <span class="name "><b>x</b>
-                                            <a href="#x">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>x:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="y"></a>
-                                        <span class="name "><b>y</b>
-                                            <a href="#y">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>y:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { InjectionToken } from &#x27;@angular/core&#x27;;
-import { _XAxis, _YAxis } from &#x27;@angular/cdk/scrolling&#x27;;
-
-export const SMOOTH_SCROLL_OPTIONS: InjectionToken&lt;SmoothScrollOptions&gt; &#x3D; new InjectionToken&lt;SmoothScrollOptions&gt;(&#x27;SMOOTH_SCROLL_OPTIONS&#x27;);
-
-export type SmoothScrollToOptions &#x3D; _XAxis &amp; _YAxis &amp; SmoothScrollOptions;
-
-export interface SmoothScrollOptions {
-  duration?: number;
-  easing?: BezierEasingOptions;
-}
-
-export interface SmoothScrollStep {
-  scrollable: HTMLElement;
-  startTime: number;
-  startX: number;
-  startY: number;
-  x: number;
-  y: number;
-  duration: number;
-  easing: (k: number) &#x3D;&gt; number;
-  currentX?: number;
-  currentY?: number;
-}
-
-export interface BezierEasingOptions {
-  x1: number;
-  y1: number;
-  x2: number;
-  y2: number;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'SmoothScrollStep.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/interfaces/WorkerState.html b/documentation/interfaces/WorkerState.html
deleted file mode 100644
index f62bae5b..00000000
--- a/documentation/interfaces/WorkerState.html
+++ /dev/null
@@ -1,257 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content interface">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Interfaces</li>
-  <li
-  >
-  WorkerState</li>
-</ol>
-
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/models/slider.model.ts</code>
-        </p>
-
-
-
-
-        <section>
-            <h3 id="index">Index</h3>
-            <table class="table table-sm table-bordered index-table">
-                <tbody>
-                    <tr>
-                        <td class="col-md-4">
-                            <h6><b>Properties</b></h6>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <ul class="index-list">
-                                <li>
-                                        <a href="#instant" 
->
-                                            instant
-                                        </a>
-                                </li>
-                                <li>
-                                        <a href="#value" 
->
-                                            value
-                                        </a>
-                                </li>
-                            </ul>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </section>
-
-
-
-            <section>
-                <h3 id="inputs">Properties</h3>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="instant"></a>
-                                        <span class="name "><b>instant</b>
-                                            <a href="#instant">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>instant:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-                    <table class="table table-sm table-bordered">
-                        <tbody>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <a name="value"></a>
-                                        <span class="name "><b>value</b>
-                                            <a href="#value">
-                                                <span class="icon ion-ios-link"></span>
-                                            </a>
-                                        </span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-md-4">
-                                        <code>value:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-</code>
-                                    </td>
-                                </tr>
-
-
-                                    <tr>
-                                        <td class="col-md-4">
-                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                                        </td>
-                                    </tr>
-
-
-
-
-
-                        </tbody>
-                    </table>
-            </section>
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">export interface SliderState {
-  style: any;
-  instant: boolean;
-}
-
-export interface WorkerState {
-  value: number;
-  instant: boolean;
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
-            var COMPODOC_CURRENT_PAGE_URL = 'WorkerState.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/js/compodoc.js b/documentation/js/compodoc.js
deleted file mode 100644
index 8cc41d33..00000000
--- a/documentation/js/compodoc.js
+++ /dev/null
@@ -1,14 +0,0 @@
-var compodoc = {
-    EVENTS: {
-        READY: 'compodoc.ready',
-        SEARCH_READY: 'compodoc.search.ready'
-    }
-};
-
-Object.assign( compodoc, EventDispatcher.prototype );
-
-document.addEventListener('DOMContentLoaded', function() {
-    compodoc.dispatchEvent({
-        type: compodoc.EVENTS.READY
-    });
-});
diff --git a/documentation/js/lazy-load-graphs.js b/documentation/js/lazy-load-graphs.js
deleted file mode 100644
index 2ef47cab..00000000
--- a/documentation/js/lazy-load-graphs.js
+++ /dev/null
@@ -1,44 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-    var lazyGraphs = [].slice.call(document.querySelectorAll('[lazy]'));
-    var active = false;
-
-    var lazyLoad = function() {
-        if (active === false) {
-            active = true;
-
-            setTimeout(function() {
-                lazyGraphs.forEach(function(lazyGraph) {
-                    if (
-                        lazyGraph.getBoundingClientRect().top <= window.innerHeight &&
-                        lazyGraph.getBoundingClientRect().bottom >= 0 &&
-                        getComputedStyle(lazyGraph).display !== 'none'
-                    ) {
-                        lazyGraph.data = lazyGraph.getAttribute('lazy');
-                        lazyGraph.removeAttribute('lazy');
-
-                        lazyGraphs = lazyGraphs.filter(function(image) { return image !== lazyGraph});
-
-                        if (lazyGraphs.length === 0) {
-                            document.removeEventListener('scroll', lazyLoad);
-                            window.removeEventListener('resize', lazyLoad);
-                            window.removeEventListener('orientationchange', lazyLoad);
-                        }
-                    }
-                });
-
-                active = false;
-            }, 200);
-        }
-    };
-
-    // initial load
-    lazyLoad();
-
-    var container = document.querySelector('.container-fluid.modules');
-    if (container) {
-        container.addEventListener('scroll', lazyLoad);
-        window.addEventListener('resize', lazyLoad);
-        window.addEventListener('orientationchange', lazyLoad);
-    }
-
-});
diff --git a/documentation/js/libs/EventDispatcher.js b/documentation/js/libs/EventDispatcher.js
deleted file mode 100644
index f112877d..00000000
--- a/documentation/js/libs/EventDispatcher.js
+++ /dev/null
@@ -1,5 +0,0 @@
-/**
- * @author mrdoob / http://mrdoob.com/
- */
-
-var EventDispatcher=function(){};Object.assign(EventDispatcher.prototype,{addEventListener:function(i,t){void 0===this._listeners&&(this._listeners={});var e=this._listeners;void 0===e[i]&&(e[i]=[]),-1===e[i].indexOf(t)&&e[i].push(t)},hasEventListener:function(i,t){if(void 0===this._listeners)return!1;var e=this._listeners;return void 0!==e[i]&&-1!==e[i].indexOf(t)},removeEventListener:function(i,t){if(void 0!==this._listeners){var e=this._listeners[i];if(void 0!==e){var s=e.indexOf(t);-1!==s&&e.splice(s,1)}}},dispatchEvent:function(i){if(void 0!==this._listeners){var t=this._listeners[i.type];if(void 0!==t){i.target=this;var e=[],s=0,n=t.length;for(s=0;s<n;s++)e[s]=t[s];for(s=0;s<n;s++)e[s].call(this,i)}}}});
\ No newline at end of file
diff --git a/documentation/js/libs/bootstrap-native.js b/documentation/js/libs/bootstrap-native.js
deleted file mode 100644
index 717cd6e1..00000000
--- a/documentation/js/libs/bootstrap-native.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// Native Javascript for Bootstrap 3 v1.1.0 | © dnp_theme | MIT-License
-!function(t,e){if("function"==typeof define&&define.amd)define([],e);else if("object"==typeof module&&module.exports)module.exports=e();else{var o=e();t.Affix=o.Affix,t.Alert=o.Alert,t.Button=o.Button,t.Carousel=o.Carousel,t.Collapse=o.Collapse,t.Dropdown=o.Dropdown,t.Modal=o.Modal,t.Popover=o.Popover,t.ScrollSpy=o.ScrollSpy,t.Tab=o.Tab,t.Tooltip=o.Tooltip}}(this,function(){for(var t=function(t,e){t.classList?t.classList.add(e):(t.className+=" "+e,t.offsetWidth)},e=function(t,e){t.classList?t.classList.remove(e):t.className=t.className.replace(e,"").replace(/^\s+|\s+$/g,"")},o=null!=new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})").exec(navigator.userAgent)&&parseFloat(RegExp.$1),n=function(t,e){for(var o=e.charAt(0);t&&t!==document;t=t.parentNode){if("."===o&&void 0!==document.querySelector(e))return t;if("#"===o&&t.id===e.substr(1))return t}return!1},i=(document,function(i,a){a=a||{},this.btn="object"==typeof i?i:document.querySelector(i),this.accordion=null,this.collapse=null,this.duration=300,this.options={},this.options.duration=o&&o<10?0:a.duration||this.duration;var r=this,s=function(t){var e=t&&(t.currentStyle||window.getComputedStyle(t)),o=/px/.test(e.borderTopWidth)?Math.round(e.borderTopWidth.replace("px","")):0,n=/px/.test(e.marginTop)?Math.round(e.marginTop.replace("px","")):0,i=/px/.test(e.marginBottom)?Math.round(e.marginBottom.replace("px","")):0,a=/em/.test(e.marginTop)?Math.round(e.marginTop.replace("em","")*parseInt(e.fontSize)):0,r=/em/.test(e.marginBottom)?Math.round(e.marginBottom.replace("em","")*parseInt(e.fontSize)):0;return t.clientHeight+parseInt(o)+parseInt(n)+parseInt(i)+parseInt(a)+parseInt(r)};this.toggle=function(t){t.preventDefault(),/\bin/.test(r.collapse.className)?r.close():r.open()},this.close=function(){this._close(this.collapse),t(this.btn,"collapsed")},this.open=function(){if(this._open(this.collapse),e(this.btn,"collapsed"),null!==this.accordion){var t=this.accordion.querySelectorAll(".collapse.in"),o=t.length,n=0;for(n;n<o;n++)t[n]!==this.collapse&&this._close(t[n])}},this._open=function(o){this.removeEvent(),t(o,"in"),o.setAttribute("aria-expanded","true"),t(o,"collapsing"),setTimeout(function(){o.style.height=r.getMaxHeight(o)+"px",o.style.overflowY="hidden"},0),setTimeout(function(){o.style.height="",o.style.overflowY="",e(o,"collapsing"),r.addEvent()},this.options.duration)},this._close=function(o){this.removeEvent(),o.setAttribute("aria-expanded","false"),o.style.height=this.getMaxHeight(o)+"px",setTimeout(function(){o.style.height="0px",o.style.overflowY="hidden",t(o,"collapsing")},0),setTimeout(function(){e(o,"collapsing"),e(o,"in"),o.style.overflowY="",o.style.height="",r.addEvent()},this.options.duration)},this.getMaxHeight=function(t){for(var e=0,o=0,n=t.children.length;o<n;o++)e+=s(t.children[o]);return e},this.removeEvent=function(){this.btn.removeEventListener("click",this.toggle,!1)},this.addEvent=function(){this.btn.addEventListener("click",this.toggle,!1)},this.getTarget=function(){var t=this.btn,e=t.href&&t.getAttribute("href").replace("#",""),o=t.getAttribute("data-target")&&t.getAttribute("data-target"),n=e||o&&/#/.test(o)&&o.replace("#",""),i=o&&"."===o.charAt(0)&&o;return n&&document.getElementById(n)||i&&document.querySelector(i)},this.addEvent(),this.collapse=this.getTarget(),this.accordion=this.btn.getAttribute("data-parent")&&n(this.btn,this.btn.getAttribute("data-parent"))}),a=document.querySelectorAll('[data-toggle="collapse"]'),r=0,s=a.length;r<s;r++){var l=a[r];(g={}).duration=l.getAttribute("data-duration"),new i(l,g)}for(var c=function(n,i){i=i||{},this.tab="object"==typeof n?n:document.querySelector(n),this.tabs=this.tab.parentNode.parentNode,this.dropdown=this.tabs.querySelector(".dropdown"),/\bdropdown-menu/.test(this.tabs.className)&&(this.dropdown=this.tabs.parentNode,this.tabs=this.tabs.parentNode.parentNode),this.options=i,this.duration=150,this.options.duration=o&&o<10?0:i.duration||this.duration;var a=this;this.handle=function(o){(o=o||window.e).preventDefault();var n=o.target,i=document.getElementById("c-"+n.getAttribute("href").replace("#","")),r=a.getActiveTab(),s=a.getActiveContent();/\bactive/.test(n.parentNode.className)||(e(r,"active"),t(n.parentNode,"active"),a.dropdown&&(/\bdropdown-menu/.test(a.tab.parentNode.parentNode.className)?/\bactive/.test(a.dropdown.className)||t(a.dropdown,"active"):/\bactive/.test(a.dropdown.className)&&e(a.dropdown,"active")),e(s,"in"),setTimeout(function(){e(s,"active"),t(i,"active")},a.options.duration),setTimeout(function(){t(i,"in")},2*a.options.duration))},this.getActiveTab=function(){var t=this.tabs.querySelectorAll(".active");return 1!==t.length||/\bdropdown/.test(t[0].className)?t.length>1?t[t.length-1]:void 0:t[0]},this.getActiveContent=function(){var t=this.getActiveTab().getElementsByTagName("A")[0].getAttribute("href").replace("#","");return t&&document.getElementById("c-"+t)},this.tab.addEventListener("click",this.handle,!1)},d=document.querySelectorAll("[data-toggle='tab'], [data-toggle='pill']"),u=0,h=d.length;u<h;u++){var p=d[u],g={};g.duration=p.getAttribute("data-duration")&&p.getAttribute("data-duration")||!1,new c(p,g)}return{Tab:c,Collapse:i}});
\ No newline at end of file
diff --git a/documentation/js/libs/clipboard.min.js b/documentation/js/libs/clipboard.min.js
deleted file mode 100644
index b00ee515..00000000
--- a/documentation/js/libs/clipboard.min.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/*!
- * clipboard.js v2.0.0
- * https://zenorocha.github.io/clipboard.js
- * 
- * Licensed MIT © Zeno Rocha
- */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(t,e,n){var o,r,i;!function(a,c){r=[t,n(7)],o=c,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(t){return t&&t.__esModule?t:{default:t}}(e),r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),a=function(){function t(e){n(this,t),this.resolveOptions(e),this.initSelection()}return i(t,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,o.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,o.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var t=void 0;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":r(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),t}();t.exports=a})},function(t,e,n){function o(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!c.string(e))throw new TypeError("Second argument must be a String");if(!c.fn(n))throw new TypeError("Third argument must be a Function");if(c.node(t))return r(t,e,n);if(c.nodeList(t))return i(t,e,n);if(c.string(t))return a(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function r(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}function i(t,e,n){return Array.prototype.forEach.call(t,function(t){t.addEventListener(e,n)}),{destroy:function(){Array.prototype.forEach.call(t,function(t){t.removeEventListener(e,n)})}}}function a(t,e,n){return u(document.body,t,e,n)}var c=n(6),u=n(5);t.exports=o},function(t,e){function n(){}n.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){function o(){r.off(t,o),e.apply(n,arguments)}var r=this;return o._=e,this.on(t,o,n)},emit:function(t){var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;for(o;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,a=o.length;i<a;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=n},function(t,e,n){var o,r,i;!function(a,c){r=[t,n(0),n(2),n(1)],o=c,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n,o){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function u(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}var l=r(e),s=r(n),f=r(o),d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),p=function(t){function e(t,n){i(this,e);var o=a(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return o.resolveOptions(n),o.listenClick(t),o}return c(e,t),h(e,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===d(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,f.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new l.default({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return u("action",t)}},{key:"defaultTarget",value:function(t){var e=u("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return u("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach(function(t){n=n&&!!document.queryCommandSupported(t)}),n}}]),e}(s.default);t.exports=p})},function(t,e){function n(t,e){for(;t&&t.nodeType!==o;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}var o=9;if("undefined"!=typeof Element&&!Element.prototype.matches){var r=Element.prototype;r.matches=r.matchesSelector||r.mozMatchesSelector||r.msMatchesSelector||r.oMatchesSelector||r.webkitMatchesSelector}t.exports=n},function(t,e,n){function o(t,e,n,o,r){var a=i.apply(this,arguments);return t.addEventListener(n,a,r),{destroy:function(){t.removeEventListener(n,a,r)}}}function r(t,e,n,r,i){return"function"==typeof t.addEventListener?o.apply(null,arguments):"function"==typeof n?o.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return o(t,e,n,r,i)}))}function i(t,e,n,o){return function(n){n.delegateTarget=a(n.target,e),n.delegateTarget&&o.call(t,n)}}var a=n(4);t.exports=r},function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e){function n(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}return e}t.exports=n}])});
\ No newline at end of file
diff --git a/documentation/js/libs/custom-elements-es5-adapter.js b/documentation/js/libs/custom-elements-es5-adapter.js
deleted file mode 100644
index 3a694b8f..00000000
--- a/documentation/js/libs/custom-elements-es5-adapter.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
-@license @nocompile
-Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-*/
-(function () {
-  'use strict';
-
-  (function(){if(void 0===window.Reflect||void 0===window.customElements||window.customElements.hasOwnProperty('polyfillWrapFlushCallback'))return;const a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)},HTMLElement.prototype=a.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,a);})();
-
-}());
diff --git a/documentation/js/libs/custom-elements.min.js b/documentation/js/libs/custom-elements.min.js
deleted file mode 100644
index 9b64a23c..00000000
--- a/documentation/js/libs/custom-elements.min.js
+++ /dev/null
@@ -1,38 +0,0 @@
-(function(){
-  'use strict';var h=new function(){};var aa=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function m(b){var a=aa.has(b);b=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(b);return!a&&b}function n(b){var a=b.isConnected;if(void 0!==a)return a;for(;b&&!(b.__CE_isImportDocument||b instanceof Document);)b=b.parentNode||(window.ShadowRoot&&b instanceof ShadowRoot?b.host:void 0);return!(!b||!(b.__CE_isImportDocument||b instanceof Document))}
-  function p(b,a){for(;a&&a!==b&&!a.nextSibling;)a=a.parentNode;return a&&a!==b?a.nextSibling:null}
-  function t(b,a,c){c=c?c:new Set;for(var d=b;d;){if(d.nodeType===Node.ELEMENT_NODE){var e=d;a(e);var f=e.localName;if("link"===f&&"import"===e.getAttribute("rel")){d=e.import;if(d instanceof Node&&!c.has(d))for(c.add(d),d=d.firstChild;d;d=d.nextSibling)t(d,a,c);d=p(b,e);continue}else if("template"===f){d=p(b,e);continue}if(e=e.__CE_shadowRoot)for(e=e.firstChild;e;e=e.nextSibling)t(e,a,c)}d=d.firstChild?d.firstChild:p(b,d)}}function u(b,a,c){b[a]=c};function v(){this.a=new Map;this.s=new Map;this.f=[];this.b=!1}function ba(b,a,c){b.a.set(a,c);b.s.set(c.constructor,c)}function w(b,a){b.b=!0;b.f.push(a)}function x(b,a){b.b&&t(a,function(a){return y(b,a)})}function y(b,a){if(b.b&&!a.__CE_patched){a.__CE_patched=!0;for(var c=0;c<b.f.length;c++)b.f[c](a)}}function z(b,a){var c=[];t(a,function(b){return c.push(b)});for(a=0;a<c.length;a++){var d=c[a];1===d.__CE_state?b.connectedCallback(d):A(b,d)}}
-  function B(b,a){var c=[];t(a,function(b){return c.push(b)});for(a=0;a<c.length;a++){var d=c[a];1===d.__CE_state&&b.disconnectedCallback(d)}}
-  function C(b,a,c){c=c?c:{};var d=c.w||new Set,e=c.i||function(a){return A(b,a)},f=[];t(a,function(a){if("link"===a.localName&&"import"===a.getAttribute("rel")){var c=a.import;c instanceof Node&&(c.__CE_isImportDocument=!0,c.__CE_hasRegistry=!0);c&&"complete"===c.readyState?c.__CE_documentLoadHandled=!0:a.addEventListener("load",function(){var c=a.import;if(!c.__CE_documentLoadHandled){c.__CE_documentLoadHandled=!0;var f=new Set(d);f.delete(c);C(b,c,{w:f,i:e})}})}else f.push(a)},d);if(b.b)for(a=0;a<
-  f.length;a++)y(b,f[a]);for(a=0;a<f.length;a++)e(f[a])}
-  function A(b,a){if(void 0===a.__CE_state){var c=a.ownerDocument;if(c.defaultView||c.__CE_isImportDocument&&c.__CE_hasRegistry)if(c=b.a.get(a.localName)){c.constructionStack.push(a);var d=c.constructor;try{try{if(new d!==a)throw Error("The custom element constructor did not produce the element being upgraded.");}finally{c.constructionStack.pop()}}catch(r){throw a.__CE_state=2,r;}a.__CE_state=1;a.__CE_definition=c;if(c.attributeChangedCallback)for(c=c.observedAttributes,d=0;d<c.length;d++){var e=c[d],
-  f=a.getAttribute(e);null!==f&&b.attributeChangedCallback(a,e,null,f,null)}n(a)&&b.connectedCallback(a)}}}v.prototype.connectedCallback=function(b){var a=b.__CE_definition;a.connectedCallback&&a.connectedCallback.call(b)};v.prototype.disconnectedCallback=function(b){var a=b.__CE_definition;a.disconnectedCallback&&a.disconnectedCallback.call(b)};
-  v.prototype.attributeChangedCallback=function(b,a,c,d,e){var f=b.__CE_definition;f.attributeChangedCallback&&-1<f.observedAttributes.indexOf(a)&&f.attributeChangedCallback.call(b,a,c,d,e)};function D(b,a){this.c=b;this.a=a;this.b=void 0;C(this.c,this.a);"loading"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}))}function E(b){b.b&&b.b.disconnect()}D.prototype.f=function(b){var a=this.a.readyState;"interactive"!==a&&"complete"!==a||E(this);for(a=0;a<b.length;a++)for(var c=b[a].addedNodes,d=0;d<c.length;d++)C(this.c,c[d])};function ca(){var b=this;this.b=this.a=void 0;this.f=new Promise(function(a){b.b=a;b.a&&a(b.a)})}function F(b){if(b.a)throw Error("Already resolved.");b.a=void 0;b.b&&b.b(void 0)};function G(b){this.j=!1;this.c=b;this.o=new Map;this.l=function(b){return b()};this.g=!1;this.m=[];this.u=new D(b,document)}
-  G.prototype.define=function(b,a){var c=this;if(!(a instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!m(b))throw new SyntaxError("The element name '"+b+"' is not valid.");if(this.c.a.get(b))throw Error("A custom element with name '"+b+"' has already been defined.");if(this.j)throw Error("A custom element is already being defined.");this.j=!0;var d,e,f,r,k;try{var g=function(b){var a=l[b];if(void 0!==a&&!(a instanceof Function))throw Error("The '"+b+"' callback must be a function.");
-  return a},l=a.prototype;if(!(l instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");d=g("connectedCallback");e=g("disconnectedCallback");f=g("adoptedCallback");r=g("attributeChangedCallback");k=a.observedAttributes||[]}catch(q){return}finally{this.j=!1}a={localName:b,constructor:a,connectedCallback:d,disconnectedCallback:e,adoptedCallback:f,attributeChangedCallback:r,observedAttributes:k,constructionStack:[]};ba(this.c,b,a);this.m.push(a);this.g||
-  (this.g=!0,this.l(function(){return da(c)}))};G.prototype.i=function(b){C(this.c,b)};function da(b){if(!1!==b.g){b.g=!1;for(var a=b.m,c=[],d=new Map,e=0;e<a.length;e++)d.set(a[e].localName,[]);C(b.c,document,{i:function(a){if(void 0===a.__CE_state){var e=a.localName,f=d.get(e);f?f.push(a):b.c.a.get(e)&&c.push(a)}}});for(e=0;e<c.length;e++)A(b.c,c[e]);for(;0<a.length;){for(var f=a.shift(),e=f.localName,f=d.get(f.localName),r=0;r<f.length;r++)A(b.c,f[r]);(e=b.o.get(e))&&F(e)}}}
-  G.prototype.get=function(b){if(b=this.c.a.get(b))return b.constructor};G.prototype.whenDefined=function(b){if(!m(b))return Promise.reject(new SyntaxError("'"+b+"' is not a valid custom element name."));var a=this.o.get(b);if(a)return a.f;a=new ca;this.o.set(b,a);this.c.a.get(b)&&!this.m.some(function(a){return a.localName===b})&&F(a);return a.f};G.prototype.v=function(b){E(this.u);var a=this.l;this.l=function(c){return b(function(){return a(c)})}};window.CustomElementRegistry=G;
-  G.prototype.define=G.prototype.define;G.prototype.upgrade=G.prototype.i;G.prototype.get=G.prototype.get;G.prototype.whenDefined=G.prototype.whenDefined;G.prototype.polyfillWrapFlushCallback=G.prototype.v;var H=window.Document.prototype.createElement,I=window.Document.prototype.createElementNS,ea=window.Document.prototype.importNode,fa=window.Document.prototype.prepend,ga=window.Document.prototype.append,ha=window.DocumentFragment.prototype.prepend,ia=window.DocumentFragment.prototype.append,J=window.Node.prototype.cloneNode,K=window.Node.prototype.appendChild,L=window.Node.prototype.insertBefore,M=window.Node.prototype.removeChild,N=window.Node.prototype.replaceChild,O=Object.getOwnPropertyDescriptor(window.Node.prototype,
-  "textContent"),P=window.Element.prototype.attachShadow,Q=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),R=window.Element.prototype.getAttribute,S=window.Element.prototype.setAttribute,T=window.Element.prototype.removeAttribute,U=window.Element.prototype.getAttributeNS,ja=window.Element.prototype.setAttributeNS,ka=window.Element.prototype.removeAttributeNS,la=window.Element.prototype.insertAdjacentElement,ma=window.Element.prototype.insertAdjacentHTML,na=window.Element.prototype.prepend,
-  oa=window.Element.prototype.append,V=window.Element.prototype.before,pa=window.Element.prototype.after,qa=window.Element.prototype.replaceWith,ra=window.Element.prototype.remove,sa=window.HTMLElement,W=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),ta=window.HTMLElement.prototype.insertAdjacentElement,ua=window.HTMLElement.prototype.insertAdjacentHTML;function va(){var b=X;window.HTMLElement=function(){function a(){var a=this.constructor,d=b.s.get(a);if(!d)throw Error("The custom element being constructed was not registered with `customElements`.");var e=d.constructionStack;if(!e.length)return e=H.call(document,d.localName),Object.setPrototypeOf(e,a.prototype),e.__CE_state=1,e.__CE_definition=d,y(b,e),e;var d=e.length-1,f=e[d];if(f===h)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");
-  e[d]=h;Object.setPrototypeOf(f,a.prototype);y(b,f);return f}a.prototype=sa.prototype;return a}()};function Y(b,a,c){function d(a){return function(c){for(var e=[],d=0;d<arguments.length;++d)e[d-0]=arguments[d];for(var d=[],f=[],l=0;l<e.length;l++){var q=e[l];q instanceof Element&&n(q)&&f.push(q);if(q instanceof DocumentFragment)for(q=q.firstChild;q;q=q.nextSibling)d.push(q);else d.push(q)}a.apply(this,e);for(e=0;e<f.length;e++)B(b,f[e]);if(n(this))for(e=0;e<d.length;e++)f=d[e],f instanceof Element&&z(b,f)}}c.h&&(a.prepend=d(c.h));c.append&&(a.append=d(c.append))};function wa(){var b=X;u(Document.prototype,"createElement",function(a){if(this.__CE_hasRegistry){var c=b.a.get(a);if(c)return new c.constructor}a=H.call(this,a);y(b,a);return a});u(Document.prototype,"importNode",function(a,c){a=ea.call(this,a,c);this.__CE_hasRegistry?C(b,a):x(b,a);return a});u(Document.prototype,"createElementNS",function(a,c){if(this.__CE_hasRegistry&&(null===a||"http://www.w3.org/1999/xhtml"===a)){var d=b.a.get(c);if(d)return new d.constructor}a=I.call(this,a,c);y(b,a);return a});
-  Y(b,Document.prototype,{h:fa,append:ga})};function xa(){var b=X;function a(a,d){Object.defineProperty(a,"textContent",{enumerable:d.enumerable,configurable:!0,get:d.get,set:function(a){if(this.nodeType===Node.TEXT_NODE)d.set.call(this,a);else{var e=void 0;if(this.firstChild){var c=this.childNodes,k=c.length;if(0<k&&n(this))for(var e=Array(k),g=0;g<k;g++)e[g]=c[g]}d.set.call(this,a);if(e)for(a=0;a<e.length;a++)B(b,e[a])}}})}u(Node.prototype,"insertBefore",function(a,d){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);
-  a=L.call(this,a,d);if(n(this))for(d=0;d<e.length;d++)z(b,e[d]);return a}e=n(a);d=L.call(this,a,d);e&&B(b,a);n(this)&&z(b,a);return d});u(Node.prototype,"appendChild",function(a){if(a instanceof DocumentFragment){var c=Array.prototype.slice.apply(a.childNodes);a=K.call(this,a);if(n(this))for(var e=0;e<c.length;e++)z(b,c[e]);return a}c=n(a);e=K.call(this,a);c&&B(b,a);n(this)&&z(b,a);return e});u(Node.prototype,"cloneNode",function(a){a=J.call(this,a);this.ownerDocument.__CE_hasRegistry?C(b,a):x(b,a);
-  return a});u(Node.prototype,"removeChild",function(a){var c=n(a),e=M.call(this,a);c&&B(b,a);return e});u(Node.prototype,"replaceChild",function(a,d){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);a=N.call(this,a,d);if(n(this))for(B(b,d),d=0;d<e.length;d++)z(b,e[d]);return a}var e=n(a),f=N.call(this,a,d),c=n(this);c&&B(b,d);e&&B(b,a);c&&z(b,a);return f});O&&O.get?a(Node.prototype,O):w(b,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){for(var a=[],b=
-  0;b<this.childNodes.length;b++)a.push(this.childNodes[b].textContent);return a.join("")},set:function(a){for(;this.firstChild;)M.call(this,this.firstChild);K.call(this,document.createTextNode(a))}})})};function ya(b){var a=Element.prototype;function c(a){return function(e){for(var c=[],d=0;d<arguments.length;++d)c[d-0]=arguments[d];for(var d=[],k=[],g=0;g<c.length;g++){var l=c[g];l instanceof Element&&n(l)&&k.push(l);if(l instanceof DocumentFragment)for(l=l.firstChild;l;l=l.nextSibling)d.push(l);else d.push(l)}a.apply(this,c);for(c=0;c<k.length;c++)B(b,k[c]);if(n(this))for(c=0;c<d.length;c++)k=d[c],k instanceof Element&&z(b,k)}}V&&(a.before=c(V));V&&(a.after=c(pa));qa&&u(a,"replaceWith",function(a){for(var e=
-  [],c=0;c<arguments.length;++c)e[c-0]=arguments[c];for(var c=[],d=[],k=0;k<e.length;k++){var g=e[k];g instanceof Element&&n(g)&&d.push(g);if(g instanceof DocumentFragment)for(g=g.firstChild;g;g=g.nextSibling)c.push(g);else c.push(g)}k=n(this);qa.apply(this,e);for(e=0;e<d.length;e++)B(b,d[e]);if(k)for(B(b,this),e=0;e<c.length;e++)d=c[e],d instanceof Element&&z(b,d)});ra&&u(a,"remove",function(){var a=n(this);ra.call(this);a&&B(b,this)})};function za(){var b=X;function a(a,c){Object.defineProperty(a,"innerHTML",{enumerable:c.enumerable,configurable:!0,get:c.get,set:function(a){var e=this,d=void 0;n(this)&&(d=[],t(this,function(a){a!==e&&d.push(a)}));c.set.call(this,a);if(d)for(var f=0;f<d.length;f++){var r=d[f];1===r.__CE_state&&b.disconnectedCallback(r)}this.ownerDocument.__CE_hasRegistry?C(b,this):x(b,this);return a}})}function c(a,c){u(a,"insertAdjacentElement",function(a,e){var d=n(e);a=c.call(this,a,e);d&&B(b,e);n(a)&&z(b,e);
-  return a})}function d(a,c){function e(a,e){for(var c=[];a!==e;a=a.nextSibling)c.push(a);for(e=0;e<c.length;e++)C(b,c[e])}u(a,"insertAdjacentHTML",function(a,b){a=a.toLowerCase();if("beforebegin"===a){var d=this.previousSibling;c.call(this,a,b);e(d||this.parentNode.firstChild,this)}else if("afterbegin"===a)d=this.firstChild,c.call(this,a,b),e(this.firstChild,d);else if("beforeend"===a)d=this.lastChild,c.call(this,a,b),e(d||this.firstChild,null);else if("afterend"===a)d=this.nextSibling,c.call(this,
-  a,b),e(this.nextSibling,d);else throw new SyntaxError("The value provided ("+String(a)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");})}P&&u(Element.prototype,"attachShadow",function(a){return this.__CE_shadowRoot=a=P.call(this,a)});Q&&Q.get?a(Element.prototype,Q):W&&W.get?a(HTMLElement.prototype,W):w(b,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){return J.call(this,!0).innerHTML},set:function(a){var b="template"===this.localName,e=b?this.content:this,
-  c=I.call(document,this.namespaceURI,this.localName);for(c.innerHTML=a;0<e.childNodes.length;)M.call(e,e.childNodes[0]);for(a=b?c.content:c;0<a.childNodes.length;)K.call(e,a.childNodes[0])}})});u(Element.prototype,"setAttribute",function(a,c){if(1!==this.__CE_state)return S.call(this,a,c);var e=R.call(this,a);S.call(this,a,c);c=R.call(this,a);b.attributeChangedCallback(this,a,e,c,null)});u(Element.prototype,"setAttributeNS",function(a,c,d){if(1!==this.__CE_state)return ja.call(this,a,c,d);var e=U.call(this,
-  a,c);ja.call(this,a,c,d);d=U.call(this,a,c);b.attributeChangedCallback(this,c,e,d,a)});u(Element.prototype,"removeAttribute",function(a){if(1!==this.__CE_state)return T.call(this,a);var c=R.call(this,a);T.call(this,a);null!==c&&b.attributeChangedCallback(this,a,c,null,null)});u(Element.prototype,"removeAttributeNS",function(a,c){if(1!==this.__CE_state)return ka.call(this,a,c);var d=U.call(this,a,c);ka.call(this,a,c);var e=U.call(this,a,c);d!==e&&b.attributeChangedCallback(this,c,d,e,a)});ta?c(HTMLElement.prototype,
-  ta):la?c(Element.prototype,la):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");ua?d(HTMLElement.prototype,ua):ma?d(Element.prototype,ma):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched.");Y(b,Element.prototype,{h:na,append:oa});ya(b)};/*
-  
-   Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
-   This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-   The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-   The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-   Code distributed by Google as part of the polymer project is also
-   subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-  */
-  var Z=window.customElements;if(!Z||Z.forcePolyfill||"function"!=typeof Z.define||"function"!=typeof Z.get){var X=new v;va();wa();Y(X,DocumentFragment.prototype,{h:ha,append:ia});xa();za();document.__CE_hasRegistry=!0;var customElements=new G(X);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:customElements})};
-  }).call(self);
diff --git a/documentation/js/libs/d3.v3.min.js b/documentation/js/libs/d3.v3.min.js
deleted file mode 100644
index dbe58500..00000000
--- a/documentation/js/libs/d3.v3.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// From d3-flextree
-!function(){function n(n){return n&&(n.ownerDocument||n.document||n).documentElement}function t(n){return n&&(n.ownerDocument&&n.ownerDocument.defaultView||n.document&&n||n.defaultView)}function e(n,t){return n<t?-1:n>t?1:n>=t?0:NaN}function r(n){return null===n?NaN:+n}function i(n){return!isNaN(n)}function u(n){return{left:function(t,e,r,i){for(arguments.length<3&&(r=0),arguments.length<4&&(i=t.length);r<i;){var u=r+i>>>1;n(t[u],e)<0?r=u+1:i=u}return r},right:function(t,e,r,i){for(arguments.length<3&&(r=0),arguments.length<4&&(i=t.length);r<i;){var u=r+i>>>1;n(t[u],e)>0?i=u:r=u+1}return r}}}function o(n){return n.length}function a(n){for(var t=1;n*t%1;)t*=10;return t}function l(n,t){for(var e in t)Object.defineProperty(n.prototype,e,{value:t[e],enumerable:!1})}function c(){this._=Object.create(null)}function f(n){return(n+="")===ho||n[0]===po?po+n:n}function s(n){return(n+="")[0]===po?n.slice(1):n}function h(n){return f(n)in this._}function p(n){return(n=f(n))in this._&&delete this._[n]}function g(){var n=[];for(var t in this._)n.push(s(t));return n}function d(){var n=0;for(var t in this._)++n;return n}function v(){for(var n in this._)return!1;return!0}function y(){this._=Object.create(null)}function m(n){return n}function x(n,t,e){return function(){var r=e.apply(t,arguments);return r===t?n:r}}function M(n,t){if(t in n)return t;t=t.charAt(0).toUpperCase()+t.slice(1);for(var e=0,r=go.length;e<r;++e){var i=go[e]+t;if(i in n)return i}}function _(){}function b(){}function w(n){function t(){for(var t,r=e,i=-1,u=r.length;++i<u;)(t=r[i].on)&&t.apply(this,arguments);return n}var e=[],r=new c;return t.on=function(t,i){var u,o=r.get(t);return arguments.length<2?o&&o.on:(o&&(o.on=null,e=e.slice(0,u=e.indexOf(o)).concat(e.slice(u+1)),r.remove(t)),i&&e.push(r.set(t,{on:i})),n)},t}function S(){to.event.preventDefault()}function k(){for(var n,t=to.event;n=t.sourceEvent;)t=n;return t}function N(n){for(var t=new b,e=0,r=arguments.length;++e<r;)t[arguments[e]]=w(t);return t.of=function(e,r){return function(i){try{var u=i.sourceEvent=to.event;i.target=n,to.event=i,t[i.type].apply(e,r)}finally{to.event=u}}},t}function E(n){return yo(n,_o),n}function A(n){return"function"==typeof n?n:function(){return mo(n,this)}}function C(n){return"function"==typeof n?n:function(){return xo(n,this)}}function z(n,t){function e(){this.removeAttribute(n)}function r(){this.removeAttributeNS(n.space,n.local)}function i(){this.setAttribute(n,t)}function u(){this.setAttributeNS(n.space,n.local,t)}function o(){var e=t.apply(this,arguments);null==e?this.removeAttribute(n):this.setAttribute(n,e)}function a(){var e=t.apply(this,arguments);null==e?this.removeAttributeNS(n.space,n.local):this.setAttributeNS(n.space,n.local,e)}return n=to.ns.qualify(n),null==t?n.local?r:e:"function"==typeof t?n.local?a:o:n.local?u:i}function L(n){return n.trim().replace(/\s+/g," ")}function q(n){return new RegExp("(?:^|\\s+)"+to.requote(n)+"(?:\\s+|$)","g")}function T(n){return(n+"").trim().split(/^|\s+/)}function R(n,t){function e(){for(var e=-1;++e<i;)n[e](this,t)}function r(){for(var e=-1,r=t.apply(this,arguments);++e<i;)n[e](this,r)}var i=(n=T(n).map(D)).length;return"function"==typeof t?r:e}function D(n){var t=q(n);return function(e,r){if(i=e.classList)return r?i.add(n):i.remove(n);var i=e.getAttribute("class")||"";r?(t.lastIndex=0,t.test(i)||e.setAttribute("class",L(i+" "+n))):e.setAttribute("class",L(i.replace(t," ")))}}function P(n,t,e){function r(){this.style.removeProperty(n)}function i(){this.style.setProperty(n,t,e)}function u(){var r=t.apply(this,arguments);null==r?this.style.removeProperty(n):this.style.setProperty(n,r,e)}return null==t?r:"function"==typeof t?u:i}function j(n,t){function e(){delete this[n]}function r(){this[n]=t}function i(){var e=t.apply(this,arguments);null==e?delete this[n]:this[n]=e}return null==t?e:"function"==typeof t?i:r}function U(n){function t(){var t=this.ownerDocument,e=this.namespaceURI;return e===bo&&t.documentElement.namespaceURI===bo?t.createElement(n):t.createElementNS(e,n)}function e(){return this.ownerDocument.createElementNS(n.space,n.local)}return"function"==typeof n?n:(n=to.ns.qualify(n)).local?e:t}function F(){var n=this.parentNode;n&&n.removeChild(this)}function H(n){return{__data__:n}}function O(n){return function(){return Mo(this,n)}}function Y(n){return arguments.length||(n=e),function(t,e){return t&&e?n(t.__data__,e.__data__):!t-!e}}function I(n,t){for(var e=0,r=n.length;e<r;e++)for(var i,u=n[e],o=0,a=u.length;o<a;o++)(i=u[o])&&t(i,o,e);return n}function Z(n){return yo(n,So),n}function V(n){var t,e;return function(r,i,u){var o,a=n[u].update,l=a.length;for(u!=e&&(e=u,t=0),i>=t&&(t=i+1);!(o=a[t])&&++t<l;);return o}}function X(n,t,e){function r(){var t=this[o];t&&(this.removeEventListener(n,t,t.$),delete this[o])}function i(){var i=l(t,ro(arguments));r.call(this),this.addEventListener(n,this[o]=i,i.$=e),i._=t}function u(){var t,e=new RegExp("^__on([^.]+)"+to.requote(n)+"$");for(var r in this)if(t=r.match(e)){var i=this[r];this.removeEventListener(t[1],i,i.$),delete this[r]}}var o="__on"+n,a=n.indexOf("."),l=$;a>0&&(n=n.slice(0,a));var c=ko.get(n);return c&&(n=c,l=B),a?t?i:r:t?_:u}function $(n,t){return function(e){var r=to.event;to.event=e,t[0]=this.__data__;try{n.apply(this,t)}finally{to.event=r}}}function B(n,t){var e=$(n,t);return function(n){var t=this,r=n.relatedTarget;r&&(r===t||8&r.compareDocumentPosition(t))||e.call(t,n)}}function W(e){var r=".dragsuppress-"+ ++Eo,i="click"+r,u=to.select(t(e)).on("touchmove"+r,S).on("dragstart"+r,S).on("selectstart"+r,S);if(null==No&&(No=!("onselectstart"in e)&&M(e.style,"userSelect")),No){var o=n(e).style,a=o[No];o[No]="none"}return function(n){if(u.on(r,null),No&&(o[No]=a),n){var t=function(){u.on(i,null)};u.on(i,function(){S(),t()},!0),setTimeout(t,0)}}}function J(n,e){e.changedTouches&&(e=e.changedTouches[0]);var r=n.ownerSVGElement||n;if(r.createSVGPoint){var i=r.createSVGPoint();if(Ao<0){var u=t(n);if(u.scrollX||u.scrollY){var o=(r=to.select("body").append("svg").style({position:"absolute",top:0,left:0,margin:0,padding:0,border:"none"},"important"))[0][0].getScreenCTM();Ao=!(o.f||o.e),r.remove()}}return Ao?(i.x=e.pageX,i.y=e.pageY):(i.x=e.clientX,i.y=e.clientY),i=i.matrixTransform(n.getScreenCTM().inverse()),[i.x,i.y]}var a=n.getBoundingClientRect();return[e.clientX-a.left-n.clientLeft,e.clientY-a.top-n.clientTop]}function G(){return to.event.changedTouches[0].identifier}function K(n){return n>0?1:n<0?-1:0}function Q(n,t,e){return(t[0]-n[0])*(e[1]-n[1])-(t[1]-n[1])*(e[0]-n[0])}function nn(n){return n>1?0:n<-1?Lo:Math.acos(n)}function tn(n){return n>1?Ro:n<-1?-Ro:Math.asin(n)}function en(n){return((n=Math.exp(n))-1/n)/2}function rn(n){return((n=Math.exp(n))+1/n)/2}function un(n){return((n=Math.exp(2*n))-1)/(n+1)}function on(n){return(n=Math.sin(n/2))*n}function an(){}function ln(n,t,e){return this instanceof ln?(this.h=+n,this.s=+t,void(this.l=+e)):arguments.length<2?n instanceof ln?new ln(n.h,n.s,n.l):bn(""+n,wn,ln):new ln(n,t,e)}function cn(n,t,e){function r(n){return n>360?n-=360:n<0&&(n+=360),n<60?u+(o-u)*n/60:n<180?o:n<240?u+(o-u)*(240-n)/60:u}function i(n){return Math.round(255*r(n))}var u,o;return n=isNaN(n)?0:(n%=360)<0?n+360:n,t=isNaN(t)?0:t<0?0:t>1?1:t,e=e<0?0:e>1?1:e,o=e<=.5?e*(1+t):e+t-e*t,u=2*e-o,new mn(i(n+120),i(n),i(n-120))}function fn(n,t,e){return this instanceof fn?(this.h=+n,this.c=+t,void(this.l=+e)):arguments.length<2?n instanceof fn?new fn(n.h,n.c,n.l):n instanceof hn?gn(n.l,n.a,n.b):gn((n=Sn((n=to.rgb(n)).r,n.g,n.b)).l,n.a,n.b):new fn(n,t,e)}function sn(n,t,e){return isNaN(n)&&(n=0),isNaN(t)&&(t=0),new hn(e,Math.cos(n*=Do)*t,Math.sin(n)*t)}function hn(n,t,e){return this instanceof hn?(this.l=+n,this.a=+t,void(this.b=+e)):arguments.length<2?n instanceof hn?new hn(n.l,n.a,n.b):n instanceof fn?sn(n.h,n.c,n.l):Sn((n=mn(n)).r,n.g,n.b):new hn(n,t,e)}function pn(n,t,e){var r=(n+16)/116,i=r+t/500,u=r-e/200;return i=dn(i)*Zo,r=dn(r)*Vo,u=dn(u)*Xo,new mn(yn(3.2404542*i-1.5371385*r-.4985314*u),yn(-.969266*i+1.8760108*r+.041556*u),yn(.0556434*i-.2040259*r+1.0572252*u))}function gn(n,t,e){return n>0?new fn(Math.atan2(e,t)*Po,Math.sqrt(t*t+e*e),n):new fn(NaN,NaN,n)}function dn(n){return n>.206893034?n*n*n:(n-4/29)/7.787037}function vn(n){return n>.008856?Math.pow(n,1/3):7.787037*n+4/29}function yn(n){return Math.round(255*(n<=.00304?12.92*n:1.055*Math.pow(n,1/2.4)-.055))}function mn(n,t,e){return this instanceof mn?(this.r=~~n,this.g=~~t,void(this.b=~~e)):arguments.length<2?n instanceof mn?new mn(n.r,n.g,n.b):bn(""+n,mn,cn):new mn(n,t,e)}function xn(n){return new mn(n>>16,n>>8&255,255&n)}function Mn(n){return xn(n)+""}function _n(n){return n<16?"0"+Math.max(0,n).toString(16):Math.min(255,n).toString(16)}function bn(n,t,e){var r,i,u,o=0,a=0,l=0;if(r=/([a-z]+)\((.*)\)/.exec(n=n.toLowerCase()))switch(i=r[2].split(","),r[1]){case"hsl":return e(parseFloat(i[0]),parseFloat(i[1])/100,parseFloat(i[2])/100);case"rgb":return t(Nn(i[0]),Nn(i[1]),Nn(i[2]))}return(u=Wo.get(n))?t(u.r,u.g,u.b):(null==n||"#"!==n.charAt(0)||isNaN(u=parseInt(n.slice(1),16))||(4===n.length?(o=(3840&u)>>4,o|=o>>4,a=240&u,a|=a>>4,l=15&u,l|=l<<4):7===n.length&&(o=(16711680&u)>>16,a=(65280&u)>>8,l=255&u)),t(o,a,l))}function wn(n,t,e){var r,i,u=Math.min(n/=255,t/=255,e/=255),o=Math.max(n,t,e),a=o-u,l=(o+u)/2;return a?(i=l<.5?a/(o+u):a/(2-o-u),r=n==o?(t-e)/a+(t<e?6:0):t==o?(e-n)/a+2:(n-t)/a+4,r*=60):(r=NaN,i=l>0&&l<1?0:r),new ln(r,i,l)}function Sn(n,t,e){var r=vn((.4124564*(n=kn(n))+.3575761*(t=kn(t))+.1804375*(e=kn(e)))/Zo),i=vn((.2126729*n+.7151522*t+.072175*e)/Vo);return hn(116*i-16,500*(r-i),200*(i-vn((.0193339*n+.119192*t+.9503041*e)/Xo)))}function kn(n){return(n/=255)<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function Nn(n){var t=parseFloat(n);return"%"===n.charAt(n.length-1)?Math.round(2.55*t):t}function En(n){return"function"==typeof n?n:function(){return n}}function An(n){return function(t,e,r){return 2===arguments.length&&"function"==typeof e&&(r=e,e=null),Cn(t,e,n,r)}}function Cn(n,t,e,r){function i(){var n,t=l.status;if(!t&&Ln(l)||t>=200&&t<300||304===t){try{n=e.call(u,l)}catch(n){return void o.error.call(u,n)}o.load.call(u,n)}else o.error.call(u,l)}var u={},o=to.dispatch("beforesend","progress","load","error"),a={},l=new XMLHttpRequest,c=null;return!this.XDomainRequest||"withCredentials"in l||!/^(http(s)?:)?\/\//.test(n)||(l=new XDomainRequest),"onload"in l?l.onload=l.onerror=i:l.onreadystatechange=function(){l.readyState>3&&i()},l.onprogress=function(n){var t=to.event;to.event=n;try{o.progress.call(u,l)}finally{to.event=t}},u.header=function(n,t){return n=(n+"").toLowerCase(),arguments.length<2?a[n]:(null==t?delete a[n]:a[n]=t+"",u)},u.mimeType=function(n){return arguments.length?(t=null==n?null:n+"",u):t},u.responseType=function(n){return arguments.length?(c=n,u):c},u.response=function(n){return e=n,u},["get","post"].forEach(function(n){u[n]=function(){return u.send.apply(u,[n].concat(ro(arguments)))}}),u.send=function(e,r,i){if(2===arguments.length&&"function"==typeof r&&(i=r,r=null),l.open(e,n,!0),null==t||"accept"in a||(a.accept=t+",*/*"),l.setRequestHeader)for(var f in a)l.setRequestHeader(f,a[f]);return null!=t&&l.overrideMimeType&&l.overrideMimeType(t),null!=c&&(l.responseType=c),null!=i&&u.on("error",i).on("load",function(n){i(null,n)}),o.beforesend.call(u,l),l.send(null==r?null:r),u},u.abort=function(){return l.abort(),u},to.rebind(u,o,"on"),null==r?u:u.get(zn(r))}function zn(n){return 1===n.length?function(t,e){n(null==t?e:null)}:n}function Ln(n){var t=n.responseType;return t&&"text"!==t?n.response:n.responseText}function qn(n,t,e){var r=arguments.length;r<2&&(t=0),r<3&&(e=Date.now());var i={c:n,t:e+t,n:null};return Go?Go.n=i:Jo=i,Go=i,Ko||(Qo=clearTimeout(Qo),Ko=1,na(Tn)),i}function Tn(){var n=Rn(),t=Dn()-n;t>24?(isFinite(t)&&(clearTimeout(Qo),Qo=setTimeout(Tn,t)),Ko=0):(Ko=1,na(Tn))}function Rn(){for(var n=Date.now(),t=Jo;t;)n>=t.t&&t.c(n-t.t)&&(t.c=null),t=t.n;return n}function Dn(){for(var n,t=Jo,e=1/0;t;)t.c?(t.t<e&&(e=t.t),t=(n=t).n):t=n?n.n=t.n:Jo=t.n;return Go=n,e}function Pn(n,t){return t-(n?Math.ceil(Math.log(n)/Math.LN10):1)}function jn(n,t){var e=Math.pow(10,3*so(8-t));return{scale:t>8?function(n){return n/e}:function(n){return n*e},symbol:n}}function Un(n){var t=n.decimal,e=n.thousands,r=n.grouping,i=n.currency,u=r&&e?function(n,t){for(var i=n.length,u=[],o=0,a=r[0],l=0;i>0&&a>0&&(l+a+1>t&&(a=Math.max(1,t-l)),u.push(n.substring(i-=a,i+a)),!((l+=a+1)>t));)a=r[o=(o+1)%r.length];return u.reverse().join(e)}:m;return function(n){var e=ea.exec(n),r=e[1]||" ",o=e[2]||">",a=e[3]||"-",l=e[4]||"",c=e[5],f=+e[6],s=e[7],h=e[8],p=e[9],g=1,d="",v="",y=!1,m=!0;switch(h&&(h=+h.substring(1)),(c||"0"===r&&"="===o)&&(c=r="0",o="="),p){case"n":s=!0,p="g";break;case"%":g=100,v="%",p="f";break;case"p":g=100,v="%",p="r";break;case"b":case"o":case"x":case"X":"#"===l&&(d="0"+p.toLowerCase());case"c":m=!1;case"d":y=!0,h=0;break;case"s":g=-1,p="r"}"$"===l&&(d=i[0],v=i[1]),"r"!=p||h||(p="g"),null!=h&&("g"==p?h=Math.max(1,Math.min(21,h)):"e"!=p&&"f"!=p||(h=Math.max(0,Math.min(20,h)))),p=ra.get(p)||Fn;var x=c&&s;return function(n){var e=v;if(y&&n%1)return"";var i=n<0||0===n&&1/n<0?(n=-n,"-"):"-"===a?"":a;if(g<0){var l=to.formatPrefix(n,h);n=l.scale(n),e=l.symbol+v}else n*=g;var M,_,b=(n=p(n,h)).lastIndexOf(".");if(b<0){var w=m?n.lastIndexOf("e"):-1;w<0?(M=n,_=""):(M=n.substring(0,w),_=n.substring(w))}else M=n.substring(0,b),_=t+n.substring(b+1);!c&&s&&(M=u(M,1/0));var S=d.length+M.length+_.length+(x?0:i.length),k=S<f?new Array(S=f-S+1).join(r):"";return x&&(M=u(k+M,k.length?f-_.length:1/0)),i+=d,n=M+_,("<"===o?i+n+k:">"===o?k+i+n:"^"===o?k.substring(0,S>>=1)+i+n+k.substring(S):i+(x?n:k+n))+e}}}function Fn(n){return n+""}function Hn(){this._=new Date(arguments.length>1?Date.UTC.apply(this,arguments):arguments[0])}function On(n,t,e){function r(t){var e=n(t),r=u(e,1);return t-e<r-t?e:r}function i(e){return t(e=n(new ua(e-1)),1),e}function u(n,e){return t(n=new ua(+n),e),n}function o(n,r,u){var o=i(n),a=[];if(u>1)for(;o<r;)e(o)%u||a.push(new Date(+o)),t(o,1);else for(;o<r;)a.push(new Date(+o)),t(o,1);return a}function a(n,t,e){try{ua=Hn;var r=new Hn;return r._=n,o(r,t,e)}finally{ua=Date}}n.floor=n,n.round=r,n.ceil=i,n.offset=u,n.range=o;var l=n.utc=Yn(n);return l.floor=l,l.round=Yn(r),l.ceil=Yn(i),l.offset=Yn(u),l.range=a,n}function Yn(n){return function(t,e){try{ua=Hn;var r=new Hn;return r._=t,n(r,e)._}finally{ua=Date}}}function In(n){function t(n){function t(t){for(var e,i,u,o=[],a=-1,l=0;++a<r;)37===n.charCodeAt(a)&&(o.push(n.slice(l,a)),null!=(i=aa[e=n.charAt(++a)])&&(e=n.charAt(++a)),(u=A[e])&&(e=u(t,null==i?"e"===e?" ":"0":i)),o.push(e),l=a+1);return o.push(n.slice(l,a)),o.join("")}var r=n.length;return t.parse=function(t){var r={y:1900,m:0,d:1,H:0,M:0,S:0,L:0,Z:null};if(e(r,n,t,0)!=t.length)return null;"p"in r&&(r.H=r.H%12+12*r.p);var i=null!=r.Z&&ua!==Hn,u=new(i?Hn:ua);return"j"in r?u.setFullYear(r.y,0,r.j):"W"in r||"U"in r?("w"in r||(r.w="W"in r?1:0),u.setFullYear(r.y,0,1),u.setFullYear(r.y,0,"W"in r?(r.w+6)%7+7*r.W-(u.getDay()+5)%7:r.w+7*r.U-(u.getDay()+6)%7)):u.setFullYear(r.y,r.m,r.d),u.setHours(r.H+(r.Z/100|0),r.M+r.Z%100,r.S,r.L),i?u._:u},t.toString=function(){return n},t}function e(n,t,e,r){for(var i,u,o,a=0,l=t.length,c=e.length;a<l;){if(r>=c)return-1;if(37===(i=t.charCodeAt(a++))){if(o=t.charAt(a++),!(u=C[o in aa?t.charAt(a++):o])||(r=u(n,e,r))<0)return-1}else if(i!=e.charCodeAt(r++))return-1}return r}function r(n,t,e){b.lastIndex=0;var r=b.exec(t.slice(e));return r?(n.w=w.get(r[0].toLowerCase()),e+r[0].length):-1}function i(n,t,e){M.lastIndex=0;var r=M.exec(t.slice(e));return r?(n.w=_.get(r[0].toLowerCase()),e+r[0].length):-1}function u(n,t,e){N.lastIndex=0;var r=N.exec(t.slice(e));return r?(n.m=E.get(r[0].toLowerCase()),e+r[0].length):-1}function o(n,t,e){S.lastIndex=0;var r=S.exec(t.slice(e));return r?(n.m=k.get(r[0].toLowerCase()),e+r[0].length):-1}function a(n,t,r){return e(n,A.c.toString(),t,r)}function l(n,t,r){return e(n,A.x.toString(),t,r)}function c(n,t,r){return e(n,A.X.toString(),t,r)}function f(n,t,e){var r=x.get(t.slice(e,e+=2).toLowerCase());return null==r?-1:(n.p=r,e)}var s=n.dateTime,h=n.date,p=n.time,g=n.periods,d=n.days,v=n.shortDays,y=n.months,m=n.shortMonths;t.utc=function(n){function e(n){try{var t=new(ua=Hn);return t._=n,r(t)}finally{ua=Date}}var r=t(n);return e.parse=function(n){try{ua=Hn;var t=r.parse(n);return t&&t._}finally{ua=Date}},e.toString=r.toString,e},t.multi=t.utc.multi=ct;var x=to.map(),M=Vn(d),_=Xn(d),b=Vn(v),w=Xn(v),S=Vn(y),k=Xn(y),N=Vn(m),E=Xn(m);g.forEach(function(n,t){x.set(n.toLowerCase(),t)});var A={a:function(n){return v[n.getDay()]},A:function(n){return d[n.getDay()]},b:function(n){return m[n.getMonth()]},B:function(n){return y[n.getMonth()]},c:t(s),d:function(n,t){return Zn(n.getDate(),t,2)},e:function(n,t){return Zn(n.getDate(),t,2)},H:function(n,t){return Zn(n.getHours(),t,2)},I:function(n,t){return Zn(n.getHours()%12||12,t,2)},j:function(n,t){return Zn(1+ia.dayOfYear(n),t,3)},L:function(n,t){return Zn(n.getMilliseconds(),t,3)},m:function(n,t){return Zn(n.getMonth()+1,t,2)},M:function(n,t){return Zn(n.getMinutes(),t,2)},p:function(n){return g[+(n.getHours()>=12)]},S:function(n,t){return Zn(n.getSeconds(),t,2)},U:function(n,t){return Zn(ia.sundayOfYear(n),t,2)},w:function(n){return n.getDay()},W:function(n,t){return Zn(ia.mondayOfYear(n),t,2)},x:t(h),X:t(p),y:function(n,t){return Zn(n.getFullYear()%100,t,2)},Y:function(n,t){return Zn(n.getFullYear()%1e4,t,4)},Z:at,"%":function(){return"%"}},C={a:r,A:i,b:u,B:o,c:a,d:tt,e:tt,H:rt,I:rt,j:et,L:ot,m:nt,M:it,p:f,S:ut,U:Bn,w:$n,W:Wn,x:l,X:c,y:Gn,Y:Jn,Z:Kn,"%":lt};return t}function Zn(n,t,e){var r=n<0?"-":"",i=(r?-n:n)+"",u=i.length;return r+(u<e?new Array(e-u+1).join(t)+i:i)}function Vn(n){return new RegExp("^(?:"+n.map(to.requote).join("|")+")","i")}function Xn(n){for(var t=new c,e=-1,r=n.length;++e<r;)t.set(n[e].toLowerCase(),e);return t}function $n(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e,e+1));return r?(n.w=+r[0],e+r[0].length):-1}function Bn(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e));return r?(n.U=+r[0],e+r[0].length):-1}function Wn(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e));return r?(n.W=+r[0],e+r[0].length):-1}function Jn(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e,e+4));return r?(n.y=+r[0],e+r[0].length):-1}function Gn(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e,e+2));return r?(n.y=Qn(+r[0]),e+r[0].length):-1}function Kn(n,t,e){return/^[+-]\d{4}$/.test(t=t.slice(e,e+5))?(n.Z=-t,e+5):-1}function Qn(n){return n+(n>68?1900:2e3)}function nt(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e,e+2));return r?(n.m=r[0]-1,e+r[0].length):-1}function tt(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e,e+2));return r?(n.d=+r[0],e+r[0].length):-1}function et(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e,e+3));return r?(n.j=+r[0],e+r[0].length):-1}function rt(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e,e+2));return r?(n.H=+r[0],e+r[0].length):-1}function it(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e,e+2));return r?(n.M=+r[0],e+r[0].length):-1}function ut(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e,e+2));return r?(n.S=+r[0],e+r[0].length):-1}function ot(n,t,e){la.lastIndex=0;var r=la.exec(t.slice(e,e+3));return r?(n.L=+r[0],e+r[0].length):-1}function at(n){var t=n.getTimezoneOffset(),e=t>0?"-":"+",r=so(t)/60|0,i=so(t)%60;return e+Zn(r,"0",2)+Zn(i,"0",2)}function lt(n,t,e){ca.lastIndex=0;var r=ca.exec(t.slice(e,e+1));return r?e+r[0].length:-1}function ct(n){for(var t=n.length,e=-1;++e<t;)n[e][0]=this(n[e][0]);return function(t){for(var e=0,r=n[e];!r[1](t);)r=n[++e];return r[0](t)}}function ft(){}function st(n,t,e){var r=e.s=n+t,i=r-n,u=r-i;e.t=n-u+(t-i)}function ht(n,t){n&&pa.hasOwnProperty(n.type)&&pa[n.type](n,t)}function pt(n,t,e){var r,i=-1,u=n.length-e;for(t.lineStart();++i<u;)r=n[i],t.point(r[0],r[1],r[2]);t.lineEnd()}function gt(n,t){var e=-1,r=n.length;for(t.polygonStart();++e<r;)pt(n[e],t,1);t.polygonEnd()}function dt(){function n(n,t){t=t*Do/2+Lo/4;var e=(n*=Do)-r,o=e>=0?1:-1,a=o*e,l=Math.cos(t),c=Math.sin(t),f=u*c,s=i*l+f*Math.cos(a),h=f*o*Math.sin(a);da.add(Math.atan2(h,s)),r=n,i=l,u=c}var t,e,r,i,u;va.point=function(o,a){va.point=n,r=(t=o)*Do,i=Math.cos(a=(e=a)*Do/2+Lo/4),u=Math.sin(a)},va.lineEnd=function(){n(t,e)}}function vt(n){var t=n[0],e=n[1],r=Math.cos(e);return[r*Math.cos(t),r*Math.sin(t),Math.sin(e)]}function yt(n,t){return n[0]*t[0]+n[1]*t[1]+n[2]*t[2]}function mt(n,t){return[n[1]*t[2]-n[2]*t[1],n[2]*t[0]-n[0]*t[2],n[0]*t[1]-n[1]*t[0]]}function xt(n,t){n[0]+=t[0],n[1]+=t[1],n[2]+=t[2]}function Mt(n,t){return[n[0]*t,n[1]*t,n[2]*t]}function _t(n){var t=Math.sqrt(n[0]*n[0]+n[1]*n[1]+n[2]*n[2]);n[0]/=t,n[1]/=t,n[2]/=t}function bt(n){return[Math.atan2(n[1],n[0]),tn(n[2])]}function wt(n,t){return so(n[0]-t[0])<Co&&so(n[1]-t[1])<Co}function St(n,t){n*=Do;var e=Math.cos(t*=Do);kt(e*Math.cos(n),e*Math.sin(n),Math.sin(t))}function kt(n,t,e){xa+=(n-xa)/++ya,Ma+=(t-Ma)/ya,_a+=(e-_a)/ya}function Nt(){function n(n,i){n*=Do;var u=Math.cos(i*=Do),o=u*Math.cos(n),a=u*Math.sin(n),l=Math.sin(i),c=Math.atan2(Math.sqrt((c=e*l-r*a)*c+(c=r*o-t*l)*c+(c=t*a-e*o)*c),t*o+e*a+r*l);ma+=c,ba+=c*(t+(t=o)),wa+=c*(e+(e=a)),Sa+=c*(r+(r=l)),kt(t,e,r)}var t,e,r;Aa.point=function(i,u){i*=Do;var o=Math.cos(u*=Do);t=o*Math.cos(i),e=o*Math.sin(i),r=Math.sin(u),Aa.point=n,kt(t,e,r)}}function Et(){Aa.point=St}function At(){function n(n,t){n*=Do;var e=Math.cos(t*=Do),o=e*Math.cos(n),a=e*Math.sin(n),l=Math.sin(t),c=i*l-u*a,f=u*o-r*l,s=r*a-i*o,h=Math.sqrt(c*c+f*f+s*s),p=r*o+i*a+u*l,g=h&&-nn(p)/h,d=Math.atan2(h,p);ka+=g*c,Na+=g*f,Ea+=g*s,ma+=d,ba+=d*(r+(r=o)),wa+=d*(i+(i=a)),Sa+=d*(u+(u=l)),kt(r,i,u)}var t,e,r,i,u;Aa.point=function(o,a){t=o,e=a,Aa.point=n,o*=Do;var l=Math.cos(a*=Do);r=l*Math.cos(o),i=l*Math.sin(o),u=Math.sin(a),kt(r,i,u)},Aa.lineEnd=function(){n(t,e),Aa.lineEnd=Et,Aa.point=St}}function Ct(n,t){function e(e,r){return e=n(e,r),t(e[0],e[1])}return n.invert&&t.invert&&(e.invert=function(e,r){return(e=t.invert(e,r))&&n.invert(e[0],e[1])}),e}function zt(){return!0}function Lt(n,t,e,r,i){var u=[],o=[];if(n.forEach(function(n){if(!((t=n.length-1)<=0)){var t,e=n[0],r=n[t];if(wt(e,r)){i.lineStart();for(var a=0;a<t;++a)i.point((e=n[a])[0],e[1]);return void i.lineEnd()}var l=new Tt(e,n,null,!0),c=new Tt(e,null,l,!1);l.o=c,u.push(l),o.push(c),c=new Tt(r,null,l=new Tt(r,n,null,!1),!0),l.o=c,u.push(l),o.push(c)}}),o.sort(t),qt(u),qt(o),u.length){for(var a=0,l=e,c=o.length;a<c;++a)o[a].e=l=!l;for(var f,s,h=u[0];;){for(var p=h,g=!0;p.v;)if((p=p.n)===h)return;f=p.z,i.lineStart();do{if(p.v=p.o.v=!0,p.e){if(g)for(var a=0,c=f.length;a<c;++a)i.point((s=f[a])[0],s[1]);else r(p.x,p.n.x,1,i);p=p.n}else{if(g)for(a=(f=p.p.z).length-1;a>=0;--a)i.point((s=f[a])[0],s[1]);else r(p.x,p.p.x,-1,i);p=p.p}f=(p=p.o).z,g=!g}while(!p.v);i.lineEnd()}}}function qt(n){if(t=n.length){for(var t,e,r=0,i=n[0];++r<t;)i.n=e=n[r],e.p=i,i=e;i.n=e=n[0],e.p=i}}function Tt(n,t,e,r){this.x=n,this.z=t,this.o=e,this.e=r,this.v=!1,this.n=this.p=null}function Rt(n,t,e,r){return function(i,u){function o(t,e){var r=i(t,e);n(t=r[0],e=r[1])&&u.point(t,e)}function a(n,t){var e=i(n,t);v.point(e[0],e[1])}function l(){m.point=a,v.lineStart()}function c(){m.point=o,v.lineEnd()}function f(n,t){d.push([n,t]);var e=i(n,t);M.point(e[0],e[1])}function s(){M.lineStart(),d=[]}function h(){f(d[0][0],d[0][1]),M.lineEnd();var n,t=M.clean(),e=x.buffer(),r=e.length;if(d.pop(),g.push(d),d=null,r)if(1&t){var i,o=-1;if((r=(n=e[0]).length-1)>0){for(_||(u.polygonStart(),_=!0),u.lineStart();++o<r;)u.point((i=n[o])[0],i[1]);u.lineEnd()}}else r>1&&2&t&&e.push(e.pop().concat(e.shift())),p.push(e.filter(Dt))}var p,g,d,v=t(u),y=i.invert(r[0],r[1]),m={point:o,lineStart:l,lineEnd:c,polygonStart:function(){m.point=f,m.lineStart=s,m.lineEnd=h,p=[],g=[]},polygonEnd:function(){m.point=o,m.lineStart=l,m.lineEnd=c,p=to.merge(p);var n=Ot(y,g);p.length?(_||(u.polygonStart(),_=!0),Lt(p,jt,n,e,u)):n&&(_||(u.polygonStart(),_=!0),u.lineStart(),e(null,null,1,u),u.lineEnd()),_&&(u.polygonEnd(),_=!1),p=g=null},sphere:function(){u.polygonStart(),u.lineStart(),e(null,null,1,u),u.lineEnd(),u.polygonEnd()}},x=Pt(),M=t(x),_=!1;return m}}function Dt(n){return n.length>1}function Pt(){var n,t=[];return{lineStart:function(){t.push(n=[])},point:function(t,e){n.push([t,e])},lineEnd:_,buffer:function(){var e=t;return t=[],n=null,e},rejoin:function(){t.length>1&&t.push(t.pop().concat(t.shift()))}}}function jt(n,t){return((n=n.x)[0]<0?n[1]-Ro-Co:Ro-n[1])-((t=t.x)[0]<0?t[1]-Ro-Co:Ro-t[1])}function Ut(n){var t,e=NaN,r=NaN,i=NaN;return{lineStart:function(){n.lineStart(),t=1},point:function(u,o){var a=u>0?Lo:-Lo,l=so(u-e);so(l-Lo)<Co?(n.point(e,r=(r+o)/2>0?Ro:-Ro),n.point(i,r),n.lineEnd(),n.lineStart(),n.point(a,r),n.point(u,r),t=0):i!==a&&l>=Lo&&(so(e-i)<Co&&(e-=i*Co),so(u-a)<Co&&(u-=a*Co),r=Ft(e,r,u,o),n.point(i,r),n.lineEnd(),n.lineStart(),n.point(a,r),t=0),n.point(e=u,r=o),i=a},lineEnd:function(){n.lineEnd(),e=r=NaN},clean:function(){return 2-t}}}function Ft(n,t,e,r){var i,u,o=Math.sin(n-e);return so(o)>Co?Math.atan((Math.sin(t)*(u=Math.cos(r))*Math.sin(e)-Math.sin(r)*(i=Math.cos(t))*Math.sin(n))/(i*u*o)):(t+r)/2}function Ht(n,t,e,r){var i;if(null==n)i=e*Ro,r.point(-Lo,i),r.point(0,i),r.point(Lo,i),r.point(Lo,0),r.point(Lo,-i),r.point(0,-i),r.point(-Lo,-i),r.point(-Lo,0),r.point(-Lo,i);else if(so(n[0]-t[0])>Co){var u=n[0]<t[0]?Lo:-Lo;i=e*u/2,r.point(-u,i),r.point(0,i),r.point(u,i)}else r.point(t[0],t[1])}function Ot(n,t){var e=n[0],r=n[1],i=[Math.sin(e),-Math.cos(e),0],u=0,o=0;da.reset();for(var a=0,l=t.length;a<l;++a){var c=t[a],f=c.length;if(f)for(var s=c[0],h=s[0],p=s[1]/2+Lo/4,g=Math.sin(p),d=Math.cos(p),v=1;;){v===f&&(v=0);var y=(n=c[v])[0],m=n[1]/2+Lo/4,x=Math.sin(m),M=Math.cos(m),_=y-h,b=_>=0?1:-1,w=b*_,S=w>Lo,k=g*x;if(da.add(Math.atan2(k*b*Math.sin(w),d*M+k*Math.cos(w))),u+=S?_+b*qo:_,S^h>=e^y>=e){var N=mt(vt(s),vt(n));_t(N);var E=mt(i,N);_t(E);var A=(S^_>=0?-1:1)*tn(E[2]);(r>A||r===A&&(N[0]||N[1]))&&(o+=S^_>=0?1:-1)}if(!v++)break;h=y,g=x,d=M,s=n}}return(u<-Co||u<Co&&da<-Co)^1&o}function Yt(n){function t(n,t){return Math.cos(n)*Math.cos(t)>u}function e(n){var e,u,l,c,f;return{lineStart:function(){c=l=!1,f=1},point:function(s,h){var p,g=[s,h],d=t(s,h),v=o?d?0:i(s,h):d?i(s+(s<0?Lo:-Lo),h):0;if(!e&&(c=l=d)&&n.lineStart(),d!==l&&(p=r(e,g),(wt(e,p)||wt(g,p))&&(g[0]+=Co,g[1]+=Co,d=t(g[0],g[1]))),d!==l)f=0,d?(n.lineStart(),p=r(g,e),n.point(p[0],p[1])):(p=r(e,g),n.point(p[0],p[1]),n.lineEnd()),e=p;else if(a&&e&&o^d){var y;v&u||!(y=r(g,e,!0))||(f=0,o?(n.lineStart(),n.point(y[0][0],y[0][1]),n.point(y[1][0],y[1][1]),n.lineEnd()):(n.point(y[1][0],y[1][1]),n.lineEnd(),n.lineStart(),n.point(y[0][0],y[0][1])))}!d||e&&wt(e,g)||n.point(g[0],g[1]),e=g,l=d,u=v},lineEnd:function(){l&&n.lineEnd(),e=null},clean:function(){return f|(c&&l)<<1}}}function r(n,t,e){var r=[1,0,0],i=mt(vt(n),vt(t)),o=yt(i,i),a=i[0],l=o-a*a;if(!l)return!e&&n;var c=u*o/l,f=-u*a/l,s=mt(r,i),h=Mt(r,c);xt(h,Mt(i,f));var p=s,g=yt(h,p),d=yt(p,p),v=g*g-d*(yt(h,h)-1);if(!(v<0)){var y=Math.sqrt(v),m=Mt(p,(-g-y)/d);if(xt(m,h),m=bt(m),!e)return m;var x,M=n[0],_=t[0],b=n[1],w=t[1];_<M&&(x=M,M=_,_=x);var S=_-M,k=so(S-Lo)<Co,N=k||S<Co;if(!k&&w<b&&(x=b,b=w,w=x),N?k?b+w>0^m[1]<(so(m[0]-M)<Co?b:w):b<=m[1]&&m[1]<=w:S>Lo^(M<=m[0]&&m[0]<=_)){var E=Mt(p,(-g+y)/d);return xt(E,h),[m,bt(E)]}}}function i(t,e){var r=o?n:Lo-n,i=0;return t<-r?i|=1:t>r&&(i|=2),e<-r?i|=4:e>r&&(i|=8),i}var u=Math.cos(n),o=u>0,a=so(u)>Co;return Rt(t,e,de(n,6*Do),o?[0,-n]:[-Lo,n-Lo])}function It(n,t,e,r){return function(i){var u,o=i.a,a=i.b,l=o.x,c=o.y,f=0,s=1,h=a.x-l,p=a.y-c;if(u=n-l,h||!(u>0)){if(u/=h,h<0){if(u<f)return;u<s&&(s=u)}else if(h>0){if(u>s)return;u>f&&(f=u)}if(u=e-l,h||!(u<0)){if(u/=h,h<0){if(u>s)return;u>f&&(f=u)}else if(h>0){if(u<f)return;u<s&&(s=u)}if(u=t-c,p||!(u>0)){if(u/=p,p<0){if(u<f)return;u<s&&(s=u)}else if(p>0){if(u>s)return;u>f&&(f=u)}if(u=r-c,p||!(u<0)){if(u/=p,p<0){if(u>s)return;u>f&&(f=u)}else if(p>0){if(u<f)return;u<s&&(s=u)}return f>0&&(i.a={x:l+f*h,y:c+f*p}),s<1&&(i.b={x:l+s*h,y:c+s*p}),i}}}}}}function Zt(n,t,e,r){function i(r,i){return so(r[0]-n)<Co?i>0?0:3:so(r[0]-e)<Co?i>0?2:1:so(r[1]-t)<Co?i>0?1:0:i>0?3:2}function u(n,t){return o(n.x,t.x)}function o(n,t){var e=i(n,1),r=i(t,1);return e!==r?e-r:0===e?t[1]-n[1]:1===e?n[0]-t[0]:2===e?n[1]-t[1]:t[0]-n[0]}return function(a){function l(n){for(var t=0,e=v.length,r=n[1],i=0;i<e;++i)for(var u,o=1,a=v[i],l=a.length,c=a[0];o<l;++o)u=a[o],c[1]<=r?u[1]>r&&Q(c,u,n)>0&&++t:u[1]<=r&&Q(c,u,n)<0&&--t,c=u;return 0!==t}function c(u,a,l,c){var f=0,s=0;if(null==u||(f=i(u,l))!==(s=i(a,l))||o(u,a)<0^l>0)do{c.point(0===f||3===f?n:e,f>1?r:t)}while((f=(f+l+4)%4)!==s);else c.point(a[0],a[1])}function f(i,u){return n<=i&&i<=e&&t<=u&&u<=r}function s(n,t){f(n,t)&&a.point(n,t)}function h(){C.point=g,v&&v.push(y=[]),S=!0,w=!1,_=b=NaN}function p(){d&&(g(m,x),M&&w&&E.rejoin(),d.push(E.buffer())),C.point=s,w&&a.lineEnd()}function g(n,t){var e=f(n=Math.max(-za,Math.min(za,n)),t=Math.max(-za,Math.min(za,t)));if(v&&y.push([n,t]),S)m=n,x=t,M=e,S=!1,e&&(a.lineStart(),a.point(n,t));else if(e&&w)a.point(n,t);else{var r={a:{x:_,y:b},b:{x:n,y:t}};A(r)?(w||(a.lineStart(),a.point(r.a.x,r.a.y)),a.point(r.b.x,r.b.y),e||a.lineEnd(),k=!1):e&&(a.lineStart(),a.point(n,t),k=!1)}_=n,b=t,w=e}var d,v,y,m,x,M,_,b,w,S,k,N=a,E=Pt(),A=It(n,t,e,r),C={point:s,lineStart:h,lineEnd:p,polygonStart:function(){a=E,d=[],v=[],k=!0},polygonEnd:function(){a=N,d=to.merge(d);var t=l([n,r]),e=k&&t,i=d.length;(e||i)&&(a.polygonStart(),e&&(a.lineStart(),c(null,null,1,a),a.lineEnd()),i&&Lt(d,u,t,c,a),a.polygonEnd()),d=v=y=null}};return C}}function Vt(n){var t=0,e=Lo/3,r=ae(n),i=r(t,e);return i.parallels=function(n){return arguments.length?r(t=n[0]*Lo/180,e=n[1]*Lo/180):[t/Lo*180,e/Lo*180]},i}function Xt(n,t){function e(n,t){var e=Math.sqrt(u-2*i*Math.sin(t))/i;return[e*Math.sin(n*=i),o-e*Math.cos(n)]}var r=Math.sin(n),i=(r+Math.sin(t))/2,u=1+r*(2*i-r),o=Math.sqrt(u)/i;return e.invert=function(n,t){var e=o-t;return[Math.atan2(n,e)/i,tn((u-(n*n+e*e)*i*i)/(2*i))]},e}function $t(){function n(n,t){qa+=i*n-r*t,r=n,i=t}var t,e,r,i;ja.point=function(u,o){ja.point=n,t=r=u,e=i=o},ja.lineEnd=function(){n(t,e)}}function Bt(n,t){n<Ta&&(Ta=n),n>Da&&(Da=n),t<Ra&&(Ra=t),t>Pa&&(Pa=t)}function Wt(){function n(n,t){o.push("M",n,",",t,u)}function t(n,t){o.push("M",n,",",t),a.point=e}function e(n,t){o.push("L",n,",",t)}function r(){a.point=n}function i(){o.push("Z")}var u=Jt(4.5),o=[],a={point:n,lineStart:function(){a.point=t},lineEnd:r,polygonStart:function(){a.lineEnd=i},polygonEnd:function(){a.lineEnd=r,a.point=n},pointRadius:function(n){return u=Jt(n),a},result:function(){if(o.length){var n=o.join("");return o=[],n}}};return a}function Jt(n){return"m0,"+n+"a"+n+","+n+" 0 1,1 0,"+-2*n+"a"+n+","+n+" 0 1,1 0,"+2*n+"z"}function Gt(n,t){xa+=n,Ma+=t,++_a}function Kt(){function n(n,r){var i=n-t,u=r-e,o=Math.sqrt(i*i+u*u);ba+=o*(t+n)/2,wa+=o*(e+r)/2,Sa+=o,Gt(t=n,e=r)}var t,e;Fa.point=function(r,i){Fa.point=n,Gt(t=r,e=i)}}function Qt(){Fa.point=Gt}function ne(){function n(n,t){var e=n-r,u=t-i,o=Math.sqrt(e*e+u*u);ba+=o*(r+n)/2,wa+=o*(i+t)/2,Sa+=o,ka+=(o=i*n-r*t)*(r+n),Na+=o*(i+t),Ea+=3*o,Gt(r=n,i=t)}var t,e,r,i;Fa.point=function(u,o){Fa.point=n,Gt(t=r=u,e=i=o)},Fa.lineEnd=function(){n(t,e)}}function te(n){function t(t,e){n.moveTo(t+o,e),n.arc(t,e,o,0,qo)}function e(t,e){n.moveTo(t,e),a.point=r}function r(t,e){n.lineTo(t,e)}function i(){a.point=t}function u(){n.closePath()}var o=4.5,a={point:t,lineStart:function(){a.point=e},lineEnd:i,polygonStart:function(){a.lineEnd=u},polygonEnd:function(){a.lineEnd=i,a.point=t},pointRadius:function(n){return o=n,a},result:_};return a}function ee(n){function t(n){return(a?r:e)(n)}function e(t){return ue(t,function(e,r){e=n(e,r),t.point(e[0],e[1])})}function r(t){function e(e,r){e=n(e,r),t.point(e[0],e[1])}function r(){x=NaN,S.point=u,t.lineStart()}function u(e,r){var u=vt([e,r]),o=n(e,r);i(x,M,m,_,b,w,x=o[0],M=o[1],m=e,_=u[0],b=u[1],w=u[2],a,t),t.point(x,M)}function o(){S.point=e,t.lineEnd()}function l(){r(),S.point=c,S.lineEnd=f}function c(n,t){u(s=n,h=t),p=x,g=M,d=_,v=b,y=w,S.point=u}function f(){i(x,M,m,_,b,w,p,g,s,d,v,y,a,t),S.lineEnd=o,o()}var s,h,p,g,d,v,y,m,x,M,_,b,w,S={point:e,lineStart:r,lineEnd:o,polygonStart:function(){t.polygonStart(),S.lineStart=l},polygonEnd:function(){t.polygonEnd(),S.lineStart=r}};return S}function i(t,e,r,a,l,c,f,s,h,p,g,d,v,y){var m=f-t,x=s-e,M=m*m+x*x;if(M>4*u&&v--){var _=a+p,b=l+g,w=c+d,S=Math.sqrt(_*_+b*b+w*w),k=Math.asin(w/=S),N=so(so(w)-1)<Co||so(r-h)<Co?(r+h)/2:Math.atan2(b,_),E=n(N,k),A=E[0],C=E[1],z=A-t,L=C-e,q=x*z-m*L;(q*q/M>u||so((m*z+x*L)/M-.5)>.3||a*p+l*g+c*d<o)&&(i(t,e,r,a,l,c,A,C,N,_/=S,b/=S,w,v,y),y.point(A,C),i(A,C,N,_,b,w,f,s,h,p,g,d,v,y))}}var u=.5,o=Math.cos(30*Do),a=16;return t.precision=function(n){return arguments.length?(a=(u=n*n)>0&&16,t):Math.sqrt(u)},t}function re(n){var t=ee(function(t,e){return n([t*Po,e*Po])});return function(n){return le(t(n))}}function ie(n){this.stream=n}function ue(n,t){return{point:t,sphere:function(){n.sphere()},lineStart:function(){n.lineStart()},lineEnd:function(){n.lineEnd()},polygonStart:function(){n.polygonStart()},polygonEnd:function(){n.polygonEnd()}}}function oe(n){return ae(function(){return n})()}function ae(n){function t(n){return n=a(n[0]*Do,n[1]*Do),[n[0]*h+l,c-n[1]*h]}function e(n){return(n=a.invert((n[0]-l)/h,(c-n[1])/h))&&[n[0]*Po,n[1]*Po]}function r(){a=Ct(o=se(y,x,M),u);var n=u(d,v);return l=p-n[0]*h,c=g+n[1]*h,i()}function i(){return f&&(f.valid=!1,f=null),t}var u,o,a,l,c,f,s=ee(function(n,t){return n=u(n,t),[n[0]*h+l,c-n[1]*h]}),h=150,p=480,g=250,d=0,v=0,y=0,x=0,M=0,_=Ca,b=m,w=null,S=null;return t.stream=function(n){return f&&(f.valid=!1),f=le(_(o,s(b(n)))),f.valid=!0,f},t.clipAngle=function(n){return arguments.length?(_=null==n?(w=n,Ca):Yt((w=+n)*Do),i()):w},t.clipExtent=function(n){return arguments.length?(S=n,b=n?Zt(n[0][0],n[0][1],n[1][0],n[1][1]):m,i()):S},t.scale=function(n){return arguments.length?(h=+n,r()):h},t.translate=function(n){return arguments.length?(p=+n[0],g=+n[1],r()):[p,g]},t.center=function(n){return arguments.length?(d=n[0]%360*Do,v=n[1]%360*Do,r()):[d*Po,v*Po]},t.rotate=function(n){return arguments.length?(y=n[0]%360*Do,x=n[1]%360*Do,M=n.length>2?n[2]%360*Do:0,r()):[y*Po,x*Po,M*Po]},to.rebind(t,s,"precision"),function(){return u=n.apply(this,arguments),t.invert=u.invert&&e,r()}}function le(n){return ue(n,function(t,e){n.point(t*Do,e*Do)})}function ce(n,t){return[n,t]}function fe(n,t){return[n>Lo?n-qo:n<-Lo?n+qo:n,t]}function se(n,t,e){return n?t||e?Ct(pe(n),ge(t,e)):pe(n):t||e?ge(t,e):fe}function he(n){return function(t,e){return t+=n,[t>Lo?t-qo:t<-Lo?t+qo:t,e]}}function pe(n){var t=he(n);return t.invert=he(-n),t}function ge(n,t){function e(n,t){var e=Math.cos(t),a=Math.cos(n)*e,l=Math.sin(n)*e,c=Math.sin(t),f=c*r+a*i;return[Math.atan2(l*u-f*o,a*r-c*i),tn(f*u+l*o)]}var r=Math.cos(n),i=Math.sin(n),u=Math.cos(t),o=Math.sin(t);return e.invert=function(n,t){var e=Math.cos(t),a=Math.cos(n)*e,l=Math.sin(n)*e,c=Math.sin(t),f=c*u-l*o;return[Math.atan2(l*u+c*o,a*r+f*i),tn(f*r-a*i)]},e}function de(n,t){var e=Math.cos(n),r=Math.sin(n);return function(i,u,o,a){var l=o*t;null!=i?(i=ve(e,i),u=ve(e,u),(o>0?i<u:i>u)&&(i+=o*qo)):(i=n+o*qo,u=n-.5*l);for(var c,f=i;o>0?f>u:f<u;f-=l)a.point((c=bt([e,-r*Math.cos(f),-r*Math.sin(f)]))[0],c[1])}}function ve(n,t){var e=vt(t);e[0]-=n,_t(e);var r=nn(-e[1]);return((-e[2]<0?-r:r)+2*Math.PI-Co)%(2*Math.PI)}function ye(n,t,e){var r=to.range(n,t-Co,e).concat(t);return function(n){return r.map(function(t){return[n,t]})}}function me(n,t,e){var r=to.range(n,t-Co,e).concat(t);return function(n){return r.map(function(t){return[t,n]})}}function xe(n){return n.source}function Me(n){return n.target}function _e(n,t,e,r){var i=Math.cos(t),u=Math.sin(t),o=Math.cos(r),a=Math.sin(r),l=i*Math.cos(n),c=i*Math.sin(n),f=o*Math.cos(e),s=o*Math.sin(e),h=2*Math.asin(Math.sqrt(on(r-t)+i*o*on(e-n))),p=1/Math.sin(h),g=h?function(n){var t=Math.sin(n*=h)*p,e=Math.sin(h-n)*p,r=e*l+t*f,i=e*c+t*s,o=e*u+t*a;return[Math.atan2(i,r)*Po,Math.atan2(o,Math.sqrt(r*r+i*i))*Po]}:function(){return[n*Po,t*Po]};return g.distance=h,g}function be(){function n(n,i){var u=Math.sin(i*=Do),o=Math.cos(i),a=so((n*=Do)-t),l=Math.cos(a);Ha+=Math.atan2(Math.sqrt((a=o*Math.sin(a))*a+(a=r*u-e*o*l)*a),e*u+r*o*l),t=n,e=u,r=o}var t,e,r;Oa.point=function(i,u){t=i*Do,e=Math.sin(u*=Do),r=Math.cos(u),Oa.point=n},Oa.lineEnd=function(){Oa.point=Oa.lineEnd=_}}function we(n,t){function e(t,e){var r=Math.cos(t),i=Math.cos(e),u=n(r*i);return[u*i*Math.sin(t),u*Math.sin(e)]}return e.invert=function(n,e){var r=Math.sqrt(n*n+e*e),i=t(r),u=Math.sin(i),o=Math.cos(i);return[Math.atan2(n*u,r*o),Math.asin(r&&e*u/r)]},e}function Se(n,t){function e(n,t){o>0?t<-Ro+Co&&(t=-Ro+Co):t>Ro-Co&&(t=Ro-Co);var e=o/Math.pow(i(t),u);return[e*Math.sin(u*n),o-e*Math.cos(u*n)]}var r=Math.cos(n),i=function(n){return Math.tan(Lo/4+n/2)},u=n===t?Math.sin(n):Math.log(r/Math.cos(t))/Math.log(i(t)/i(n)),o=r*Math.pow(i(n),u)/u;return u?(e.invert=function(n,t){var e=o-t,r=K(u)*Math.sqrt(n*n+e*e);return[Math.atan2(n,e)/u,2*Math.atan(Math.pow(o/r,1/u))-Ro]},e):Ne}function ke(n,t){function e(n,t){var e=u-t;return[e*Math.sin(i*n),u-e*Math.cos(i*n)]}var r=Math.cos(n),i=n===t?Math.sin(n):(r-Math.cos(t))/(t-n),u=r/i+n;return so(i)<Co?ce:(e.invert=function(n,t){var e=u-t;return[Math.atan2(n,e)/i,u-K(i)*Math.sqrt(n*n+e*e)]},e)}function Ne(n,t){return[n,Math.log(Math.tan(Lo/4+t/2))]}function Ee(n){var t,e=oe(n),r=e.scale,i=e.translate,u=e.clipExtent;return e.scale=function(){var n=r.apply(e,arguments);return n===e?t?e.clipExtent(null):e:n},e.translate=function(){var n=i.apply(e,arguments);return n===e?t?e.clipExtent(null):e:n},e.clipExtent=function(n){var o=u.apply(e,arguments);if(o===e){if(t=null==n){var a=Lo*r(),l=i();u([[l[0]-a,l[1]-a],[l[0]+a,l[1]+a]])}}else t&&(o=null);return o},e.clipExtent(null)}function Ae(n,t){return[Math.log(Math.tan(Lo/4+t/2)),-n]}function Ce(n){return n[0]}function ze(n){return n[1]}function Le(n){for(var t=n.length,e=[0,1],r=2,i=2;i<t;i++){for(;r>1&&Q(n[e[r-2]],n[e[r-1]],n[i])<=0;)--r;e[r++]=i}return e.slice(0,r)}function qe(n,t){return n[0]-t[0]||n[1]-t[1]}function Te(n,t,e){return(e[0]-t[0])*(n[1]-t[1])<(e[1]-t[1])*(n[0]-t[0])}function Re(n,t,e,r){var i=n[0],u=e[0],o=t[0]-i,a=r[0]-u,l=n[1],c=e[1],f=t[1]-l,s=r[1]-c,h=(a*(l-c)-s*(i-u))/(s*o-a*f);return[i+h*o,l+h*f]}function De(n){var t=n[0],e=n[n.length-1];return!(t[0]-e[0]||t[1]-e[1])}function Pe(){rr(this),this.edge=this.site=this.circle=null}function je(n){var t=Qa.pop()||new Pe;return t.site=n,t}function Ue(n){Be(n),Ja.remove(n),Qa.push(n),rr(n)}function Fe(n){var t=n.circle,e=t.x,r=t.cy,i={x:e,y:r},u=n.P,o=n.N,a=[n];Ue(n);for(var l=u;l.circle&&so(e-l.circle.x)<Co&&so(r-l.circle.cy)<Co;)u=l.P,a.unshift(l),Ue(l),l=u;a.unshift(l),Be(l);for(var c=o;c.circle&&so(e-c.circle.x)<Co&&so(r-c.circle.cy)<Co;)o=c.N,a.push(c),Ue(c),c=o;a.push(c),Be(c);var f,s=a.length;for(f=1;f<s;++f)c=a[f],l=a[f-1],nr(c.edge,l.site,c.site,i);l=a[0],(c=a[s-1]).edge=Ke(l.site,c.site,null,i),$e(l),$e(c)}function He(n){for(var t,e,r,i,u=n.x,o=n.y,a=Ja._;a;)if((r=Oe(a,o)-u)>Co)a=a.L;else{if(!((i=u-Ye(a,o))>Co)){r>-Co?(t=a.P,e=a):i>-Co?(t=a,e=a.N):t=e=a;break}if(!a.R){t=a;break}a=a.R}var l=je(n);if(Ja.insert(t,l),t||e){if(t===e)return Be(t),e=je(t.site),Ja.insert(l,e),l.edge=e.edge=Ke(t.site,l.site),$e(t),void $e(e);if(e){Be(t),Be(e);var c=t.site,f=c.x,s=c.y,h=n.x-f,p=n.y-s,g=e.site,d=g.x-f,v=g.y-s,y=2*(h*v-p*d),m=h*h+p*p,x=d*d+v*v,M={x:(v*m-p*x)/y+f,y:(h*x-d*m)/y+s};nr(e.edge,c,g,M),l.edge=Ke(c,n,null,M),e.edge=Ke(n,g,null,M),$e(t),$e(e)}else l.edge=Ke(t.site,l.site)}}function Oe(n,t){var e=n.site,r=e.x,i=e.y,u=i-t;if(!u)return r;var o=n.P;if(!o)return-1/0;var a=(e=o.site).x,l=e.y,c=l-t;if(!c)return a;var f=a-r,s=1/u-1/c,h=f/c;return s?(-h+Math.sqrt(h*h-2*s*(f*f/(-2*c)-l+c/2+i-u/2)))/s+r:(r+a)/2}function Ye(n,t){var e=n.N;if(e)return Oe(e,t);var r=n.site;return r.y===t?r.x:1/0}function Ie(n){this.site=n,this.edges=[]}function Ze(n){for(var t,e,r,i,u,o,a,l,c,f,s=n[0][0],h=n[1][0],p=n[0][1],g=n[1][1],d=Wa,v=d.length;v--;)if((u=d[v])&&u.prepare())for(l=(a=u.edges).length,o=0;o<l;)r=(f=a[o].end()).x,i=f.y,t=(c=a[++o%l].start()).x,e=c.y,(so(r-t)>Co||so(i-e)>Co)&&(a.splice(o,0,new tr(Qe(u.site,f,so(r-s)<Co&&g-i>Co?{x:s,y:so(t-s)<Co?e:g}:so(i-g)<Co&&h-r>Co?{x:so(e-g)<Co?t:h,y:g}:so(r-h)<Co&&i-p>Co?{x:h,y:so(t-h)<Co?e:p}:so(i-p)<Co&&r-s>Co?{x:so(e-p)<Co?t:s,y:p}:null),u.site,null)),++l)}function Ve(n,t){return t.angle-n.angle}function Xe(){rr(this),this.x=this.y=this.arc=this.site=this.cy=null}function $e(n){var t=n.P,e=n.N;if(t&&e){var r=t.site,i=n.site,u=e.site;if(r!==u){var o=i.x,a=i.y,l=r.x-o,c=r.y-a,f=u.x-o,s=2*(l*(v=u.y-a)-c*f);if(!(s>=-zo)){var h=l*l+c*c,p=f*f+v*v,g=(v*h-c*p)/s,d=(l*p-f*h)/s,v=d+a,y=nl.pop()||new Xe;y.arc=n,y.site=i,y.x=g+o,y.y=v+Math.sqrt(g*g+d*d),y.cy=v,n.circle=y;for(var m=null,x=Ka._;x;)if(y.y<x.y||y.y===x.y&&y.x<=x.x){if(!x.L){m=x.P;break}x=x.L}else{if(!x.R){m=x;break}x=x.R}Ka.insert(m,y),m||(Ga=y)}}}}function Be(n){var t=n.circle;t&&(t.P||(Ga=t.N),Ka.remove(t),nl.push(t),rr(t),n.circle=null)}function We(n){for(var t,e=Ba,r=It(n[0][0],n[0][1],n[1][0],n[1][1]),i=e.length;i--;)(!Je(t=e[i],n)||!r(t)||so(t.a.x-t.b.x)<Co&&so(t.a.y-t.b.y)<Co)&&(t.a=t.b=null,e.splice(i,1))}function Je(n,t){var e=n.b;if(e)return!0;var r,i,u=n.a,o=t[0][0],a=t[1][0],l=t[0][1],c=t[1][1],f=n.l,s=n.r,h=f.x,p=f.y,g=s.x,d=s.y,v=(h+g)/2,y=(p+d)/2;if(d===p){if(v<o||v>=a)return;if(h>g){if(u){if(u.y>=c)return}else u={x:v,y:l};e={x:v,y:c}}else{if(u){if(u.y<l)return}else u={x:v,y:c};e={x:v,y:l}}}else if(r=(h-g)/(d-p),i=y-r*v,r<-1||r>1)if(h>g){if(u){if(u.y>=c)return}else u={x:(l-i)/r,y:l};e={x:(c-i)/r,y:c}}else{if(u){if(u.y<l)return}else u={x:(c-i)/r,y:c};e={x:(l-i)/r,y:l}}else if(p<d){if(u){if(u.x>=a)return}else u={x:o,y:r*o+i};e={x:a,y:r*a+i}}else{if(u){if(u.x<o)return}else u={x:a,y:r*a+i};e={x:o,y:r*o+i}}return n.a=u,n.b=e,!0}function Ge(n,t){this.l=n,this.r=t,this.a=this.b=null}function Ke(n,t,e,r){var i=new Ge(n,t);return Ba.push(i),e&&nr(i,n,t,e),r&&nr(i,t,n,r),Wa[n.i].edges.push(new tr(i,n,t)),Wa[t.i].edges.push(new tr(i,t,n)),i}function Qe(n,t,e){var r=new Ge(n,null);return r.a=t,r.b=e,Ba.push(r),r}function nr(n,t,e,r){n.a||n.b?n.l===e?n.b=r:n.a=r:(n.a=r,n.l=t,n.r=e)}function tr(n,t,e){var r=n.a,i=n.b;this.edge=n,this.site=t,this.angle=e?Math.atan2(e.y-t.y,e.x-t.x):n.l===t?Math.atan2(i.x-r.x,r.y-i.y):Math.atan2(r.x-i.x,i.y-r.y)}function er(){this._=null}function rr(n){n.U=n.C=n.L=n.R=n.P=n.N=null}function ir(n,t){var e=t,r=t.R,i=e.U;i?i.L===e?i.L=r:i.R=r:n._=r,r.U=i,e.U=r,e.R=r.L,e.R&&(e.R.U=e),r.L=e}function ur(n,t){var e=t,r=t.L,i=e.U;i?i.L===e?i.L=r:i.R=r:n._=r,r.U=i,e.U=r,e.L=r.R,e.L&&(e.L.U=e),r.R=e}function or(n){for(;n.L;)n=n.L;return n}function ar(n,t){var e,r,i,u=n.sort(lr).pop();for(Ba=[],Wa=new Array(n.length),Ja=new er,Ka=new er;;)if(i=Ga,u&&(!i||u.y<i.y||u.y===i.y&&u.x<i.x))u.x===e&&u.y===r||(Wa[u.i]=new Ie(u),He(u),e=u.x,r=u.y),u=n.pop();else{if(!i)break;Fe(i.arc)}t&&(We(t),Ze(t));var o={cells:Wa,edges:Ba};return Ja=Ka=Ba=Wa=null,o}function lr(n,t){return t.y-n.y||t.x-n.x}function cr(n,t,e){return(n.x-e.x)*(t.y-n.y)-(n.x-t.x)*(e.y-n.y)}function fr(n){return n.x}function sr(n){return n.y}function hr(n,t,e,r,i,u){if(!n(t,e,r,i,u)){var o=.5*(e+i),a=.5*(r+u),l=t.nodes;l[0]&&hr(n,l[0],e,r,o,a),l[1]&&hr(n,l[1],o,r,i,a),l[2]&&hr(n,l[2],e,a,o,u),l[3]&&hr(n,l[3],o,a,i,u)}}function pr(n,t,e,r,i,u,o){var a,l=1/0;return function n(c,f,s,h,p){if(!(f>u||s>o||h<r||p<i)){if(g=c.point){var g,d=t-c.x,v=e-c.y,y=d*d+v*v;if(y<l){var m=Math.sqrt(l=y);r=t-m,i=e-m,u=t+m,o=e+m,a=g}}for(var x=c.nodes,M=.5*(f+h),_=.5*(s+p),b=(e>=_)<<1|t>=M,w=b+4;b<w;++b)if(c=x[3&b])switch(3&b){case 0:n(c,f,s,M,_);break;case 1:n(c,M,s,h,_);break;case 2:n(c,f,_,M,p);break;case 3:n(c,M,_,h,p)}}}(n,r,i,u,o),a}function gr(n,t){n=to.rgb(n),t=to.rgb(t);var e=n.r,r=n.g,i=n.b,u=t.r-e,o=t.g-r,a=t.b-i;return function(n){return"#"+_n(Math.round(e+u*n))+_n(Math.round(r+o*n))+_n(Math.round(i+a*n))}}function dr(n,t){var e,r={},i={};for(e in n)e in t?r[e]=mr(n[e],t[e]):i[e]=n[e];for(e in t)e in n||(i[e]=t[e]);return function(n){for(e in r)i[e]=r[e](n);return i}}function vr(n,t){return n=+n,t=+t,function(e){return n*(1-e)+t*e}}function yr(n,t){var e,r,i,u=el.lastIndex=rl.lastIndex=0,o=-1,a=[],l=[];for(n+="",t+="";(e=el.exec(n))&&(r=rl.exec(t));)(i=r.index)>u&&(i=t.slice(u,i),a[o]?a[o]+=i:a[++o]=i),(e=e[0])===(r=r[0])?a[o]?a[o]+=r:a[++o]=r:(a[++o]=null,l.push({i:o,x:vr(e,r)})),u=rl.lastIndex;return u<t.length&&(i=t.slice(u),a[o]?a[o]+=i:a[++o]=i),a.length<2?l[0]?(t=l[0].x,function(n){return t(n)+""}):function(){return t}:(t=l.length,function(n){for(var e,r=0;r<t;++r)a[(e=l[r]).i]=e.x(n);return a.join("")})}function mr(n,t){for(var e,r=to.interpolators.length;--r>=0&&!(e=to.interpolators[r](n,t)););return e}function xr(n,t){var e,r=[],i=[],u=n.length,o=t.length,a=Math.min(n.length,t.length);for(e=0;e<a;++e)r.push(mr(n[e],t[e]));for(;e<u;++e)i[e]=n[e];for(;e<o;++e)i[e]=t[e];return function(n){for(e=0;e<a;++e)i[e]=r[e](n);return i}}function Mr(n){return function(t){return t<=0?0:t>=1?1:n(t)}}function _r(n){return function(t){return 1-n(1-t)}}function br(n){return function(t){return.5*(t<.5?n(2*t):2-n(2-2*t))}}function wr(n){return n*n}function Sr(n){return n*n*n}function kr(n){if(n<=0)return 0;if(n>=1)return 1;var t=n*n,e=t*n;return 4*(n<.5?e:3*(n-t)+e-.75)}function Nr(n){return function(t){return Math.pow(t,n)}}function Er(n){return 1-Math.cos(n*Ro)}function Ar(n){return Math.pow(2,10*(n-1))}function Cr(n){return 1-Math.sqrt(1-n*n)}function zr(n,t){var e;return arguments.length<2&&(t=.45),arguments.length?e=t/qo*Math.asin(1/n):(n=1,e=t/4),function(r){return 1+n*Math.pow(2,-10*r)*Math.sin((r-e)*qo/t)}}function Lr(n){return n||(n=1.70158),function(t){return t*t*((n+1)*t-n)}}function qr(n){return n<1/2.75?7.5625*n*n:n<2/2.75?7.5625*(n-=1.5/2.75)*n+.75:n<2.5/2.75?7.5625*(n-=2.25/2.75)*n+.9375:7.5625*(n-=2.625/2.75)*n+.984375}function Tr(n,t){n=to.hcl(n),t=to.hcl(t);var e=n.h,r=n.c,i=n.l,u=t.h-e,o=t.c-r,a=t.l-i;return isNaN(o)&&(o=0,r=isNaN(r)?t.c:r),isNaN(u)?(u=0,e=isNaN(e)?t.h:e):u>180?u-=360:u<-180&&(u+=360),function(n){return sn(e+u*n,r+o*n,i+a*n)+""}}function Rr(n,t){n=to.hsl(n),t=to.hsl(t);var e=n.h,r=n.s,i=n.l,u=t.h-e,o=t.s-r,a=t.l-i;return isNaN(o)&&(o=0,r=isNaN(r)?t.s:r),isNaN(u)?(u=0,e=isNaN(e)?t.h:e):u>180?u-=360:u<-180&&(u+=360),function(n){return cn(e+u*n,r+o*n,i+a*n)+""}}function Dr(n,t){n=to.lab(n),t=to.lab(t);var e=n.l,r=n.a,i=n.b,u=t.l-e,o=t.a-r,a=t.b-i;return function(n){return pn(e+u*n,r+o*n,i+a*n)+""}}function Pr(n,t){return t-=n,function(e){return Math.round(n+t*e)}}function jr(n){var t=[n.a,n.b],e=[n.c,n.d],r=Fr(t),i=Ur(t,e),u=Fr(Hr(e,t,-i))||0;t[0]*e[1]<e[0]*t[1]&&(t[0]*=-1,t[1]*=-1,r*=-1,i*=-1),this.rotate=(r?Math.atan2(t[1],t[0]):Math.atan2(-e[0],e[1]))*Po,this.translate=[n.e,n.f],this.scale=[r,u],this.skew=u?Math.atan2(i,u)*Po:0}function Ur(n,t){return n[0]*t[0]+n[1]*t[1]}function Fr(n){var t=Math.sqrt(Ur(n,n));return t&&(n[0]/=t,n[1]/=t),t}function Hr(n,t,e){return n[0]+=e*t[0],n[1]+=e*t[1],n}function Or(n){return n.length?n.pop()+",":""}function Yr(n,t,e,r){if(n[0]!==t[0]||n[1]!==t[1]){var i=e.push("translate(",null,",",null,")");r.push({i:i-4,x:vr(n[0],t[0])},{i:i-2,x:vr(n[1],t[1])})}else(t[0]||t[1])&&e.push("translate("+t+")")}function Ir(n,t,e,r){n!==t?(n-t>180?t+=360:t-n>180&&(n+=360),r.push({i:e.push(Or(e)+"rotate(",null,")")-2,x:vr(n,t)})):t&&e.push(Or(e)+"rotate("+t+")")}function Zr(n,t,e,r){n!==t?r.push({i:e.push(Or(e)+"skewX(",null,")")-2,x:vr(n,t)}):t&&e.push(Or(e)+"skewX("+t+")")}function Vr(n,t,e,r){if(n[0]!==t[0]||n[1]!==t[1]){var i=e.push(Or(e)+"scale(",null,",",null,")");r.push({i:i-4,x:vr(n[0],t[0])},{i:i-2,x:vr(n[1],t[1])})}else 1===t[0]&&1===t[1]||e.push(Or(e)+"scale("+t+")")}function Xr(n,t){var e=[],r=[];return n=to.transform(n),t=to.transform(t),Yr(n.translate,t.translate,e,r),Ir(n.rotate,t.rotate,e,r),Zr(n.skew,t.skew,e,r),Vr(n.scale,t.scale,e,r),n=t=null,function(n){for(var t,i=-1,u=r.length;++i<u;)e[(t=r[i]).i]=t.x(n);return e.join("")}}function $r(n,t){return t=(t-=n=+n)||1/t,function(e){return(e-n)/t}}function Br(n,t){return t=(t-=n=+n)||1/t,function(e){return Math.max(0,Math.min(1,(e-n)/t))}}function Wr(n){for(var t=n.source,e=n.target,r=Gr(t,e),i=[t];t!==r;)t=t.parent,i.push(t);for(var u=i.length;e!==r;)i.splice(u,0,e),e=e.parent;return i}function Jr(n){for(var t=[],e=n.parent;null!=e;)t.push(n),n=e,e=e.parent;return t.push(n),t}function Gr(n,t){if(n===t)return n;for(var e=Jr(n),r=Jr(t),i=e.pop(),u=r.pop(),o=null;i===u;)o=i,i=e.pop(),u=r.pop();return o}function Kr(n){n.fixed|=2}function Qr(n){n.fixed&=-7}function ni(n){n.fixed|=4,n.px=n.x,n.py=n.y}function ti(n){n.fixed&=-5}function ei(n,t,e){var r=0,i=0;if(n.charge=0,!n.leaf)for(var u,o=n.nodes,a=o.length,l=-1;++l<a;)null!=(u=o[l])&&(ei(u,t,e),n.charge+=u.charge,r+=u.charge*u.cx,i+=u.charge*u.cy);if(n.point){n.leaf||(n.point.x+=Math.random()-.5,n.point.y+=Math.random()-.5);var c=t*e[n.point.index];n.charge+=n.pointCharge=c,r+=c*n.point.x,i+=c*n.point.y}n.cx=r/n.charge,n.cy=i/n.charge}function ri(n,t){return to.rebind(n,t,"sort","children","value"),n.nodes=n,n.links=ci,n}function ii(n,t){for(var e=[n];null!=(n=e.pop());)if(t(n),(i=n.children)&&(r=i.length))for(var r,i;--r>=0;)e.push(i[r])}function ui(n,t){for(var e=[n],r=[];null!=(n=e.pop());)if(r.push(n),(u=n.children)&&(i=u.length))for(var i,u,o=-1;++o<i;)e.push(u[o]);for(;null!=(n=r.pop());)t(n)}function oi(n){return n.children}function ai(n){return n.value}function li(n,t){return t.value-n.value}function ci(n){return to.merge(n.map(function(n){return(n.children||[]).map(function(t){return{source:n,target:t}})}))}function fi(n){return n.x}function si(n){return n.y}function hi(n,t,e){n.y0=t,n.y=e}function pi(n){return to.range(n.length)}function gi(n){for(var t=-1,e=n[0].length,r=[];++t<e;)r[t]=0;return r}function di(n){for(var t,e=1,r=0,i=n[0][1],u=n.length;e<u;++e)(t=n[e][1])>i&&(r=e,i=t);return r}function vi(n){return n.reduce(yi,0)}function yi(n,t){return n+t[1]}function mi(n,t){return xi(n,Math.ceil(Math.log(t.length)/Math.LN2+1))}function xi(n,t){for(var e=-1,r=+n[0],i=(n[1]-r)/t,u=[];++e<=t;)u[e]=i*e+r;return u}function Mi(n){return[to.min(n),to.max(n)]}function _i(n,t){return n.value-t.value}function bi(n,t){var e=n._pack_next;n._pack_next=t,t._pack_prev=n,t._pack_next=e,e._pack_prev=t}function wi(n,t){n._pack_next=t,t._pack_prev=n}function Si(n,t){var e=t.x-n.x,r=t.y-n.y,i=n.r+t.r;return.999*i*i>e*e+r*r}function ki(n){function t(n){f=Math.min(n.x-n.r,f),s=Math.max(n.x+n.r,s),h=Math.min(n.y-n.r,h),p=Math.max(n.y+n.r,p)}if((e=n.children)&&(c=e.length)){var e,r,i,u,o,a,l,c,f=1/0,s=-1/0,h=1/0,p=-1/0;if(e.forEach(Ni),r=e[0],r.x=-r.r,r.y=0,t(r),c>1&&(i=e[1],i.x=i.r,i.y=0,t(i),c>2))for(Ci(r,i,u=e[2]),t(u),bi(r,u),r._pack_prev=u,bi(u,i),i=r._pack_next,o=3;o<c;o++){Ci(r,i,u=e[o]);var g=0,d=1,v=1;for(a=i._pack_next;a!==i;a=a._pack_next,d++)if(Si(a,u)){g=1;break}if(1==g)for(l=r._pack_prev;l!==a._pack_prev&&!Si(l,u);l=l._pack_prev,v++);g?(d<v||d==v&&i.r<r.r?wi(r,i=a):wi(r=l,i),o--):(bi(r,u),i=u,t(u))}var y=(f+s)/2,m=(h+p)/2,x=0;for(o=0;o<c;o++)(u=e[o]).x-=y,u.y-=m,x=Math.max(x,u.r+Math.sqrt(u.x*u.x+u.y*u.y));n.r=x,e.forEach(Ei)}}function Ni(n){n._pack_next=n._pack_prev=n}function Ei(n){delete n._pack_next,delete n._pack_prev}function Ai(n,t,e,r){var i=n.children;if(n.x=t+=r*n.x,n.y=e+=r*n.y,n.r*=r,i)for(var u=-1,o=i.length;++u<o;)Ai(i[u],t,e,r)}function Ci(n,t,e){var r=n.r+e.r,i=t.x-n.x,u=t.y-n.y;if(r&&(i||u)){var o=t.r+e.r,a=i*i+u*u,l=.5+((r*=r)-(o*=o))/(2*a),c=Math.sqrt(Math.max(0,2*o*(r+a)-(r-=a)*r-o*o))/(2*a);e.x=n.x+l*i+c*u,e.y=n.y+l*u-c*i}else e.x=n.x+r,e.y=n.y}function zi(n,t){return n.parent==t.parent?1:2}function Li(n){return 1+to.max(n,function(n){return n.y})}function qi(n){return n.reduce(function(n,t){return n+t.x},0)/n.length}function Ti(n){var t=n.children;return t&&t.length?Ti(t[0]):n}function Ri(n){var t,e=n.children;return e&&(t=e.length)?Ri(e[t-1]):n}function Di(n){return{x:n.x,y:n.y,dx:n.dx,dy:n.dy}}function Pi(n,t){var e=n.x+t[3],r=n.y+t[0],i=n.dx-t[1]-t[3],u=n.dy-t[0]-t[2];return i<0&&(e+=i/2,i=0),u<0&&(r+=u/2,u=0),{x:e,y:r,dx:i,dy:u}}function ji(n){var t=n[0],e=n[n.length-1];return t<e?[t,e]:[e,t]}function Ui(n){return n.rangeExtent?n.rangeExtent():ji(n.range())}function Fi(n,t,e,r){var i=e(n[0],n[1]),u=r(t[0],t[1]);return function(n){return u(i(n))}}function Hi(n,t){var e,r=0,i=n.length-1,u=n[r],o=n[i];return o<u&&(e=r,r=i,i=e,e=u,u=o,o=e),n[r]=t.floor(u),n[i]=t.ceil(o),n}function Oi(n){return n?{floor:function(t){return Math.floor(t/n)*n},ceil:function(t){return Math.ceil(t/n)*n}}:gl}function Yi(n,t,e,r){var i=[],u=[],o=0,a=Math.min(n.length,t.length)-1;for(n[a]<n[0]&&(n=n.slice().reverse(),t=t.slice().reverse());++o<=a;)i.push(e(n[o-1],n[o])),u.push(r(t[o-1],t[o]));return function(t){var e=to.bisect(n,t,1,a)-1;return u[e](i[e](t))}}function Ii(n,t,e,r){function i(){var i=Math.min(n.length,t.length)>2?Yi:Fi,l=r?Br:$r;return o=i(n,t,l,e),a=i(t,n,l,mr),u}function u(n){return o(n)}var o,a;return u.invert=function(n){return a(n)},u.domain=function(t){return arguments.length?(n=t.map(Number),i()):n},u.range=function(n){return arguments.length?(t=n,i()):t},u.rangeRound=function(n){return u.range(n).interpolate(Pr)},u.clamp=function(n){return arguments.length?(r=n,i()):r},u.interpolate=function(n){return arguments.length?(e=n,i()):e},u.ticks=function(t){return $i(n,t)},u.tickFormat=function(t,e){return Bi(n,t,e)},u.nice=function(t){return Vi(n,t),i()},u.copy=function(){return Ii(n,t,e,r)},i()}function Zi(n,t){return to.rebind(n,t,"range","rangeRound","interpolate","clamp")}function Vi(n,t){return Hi(n,Oi(Xi(n,t)[2])),Hi(n,Oi(Xi(n,t)[2])),n}function Xi(n,t){null==t&&(t=10);var e=ji(n),r=e[1]-e[0],i=Math.pow(10,Math.floor(Math.log(r/t)/Math.LN10)),u=t/r*i;return u<=.15?i*=10:u<=.35?i*=5:u<=.75&&(i*=2),e[0]=Math.ceil(e[0]/i)*i,e[1]=Math.floor(e[1]/i)*i+.5*i,e[2]=i,e}function $i(n,t){return to.range.apply(to,Xi(n,t))}function Bi(n,t,e){var r=Xi(n,t);if(e){var i=ea.exec(e);if(i.shift(),"s"===i[8]){var u=to.formatPrefix(Math.max(so(r[0]),so(r[1])));return i[7]||(i[7]="."+Wi(u.scale(r[2]))),i[8]="f",e=to.format(i.join("")),function(n){return e(u.scale(n))+u.symbol}}i[7]||(i[7]="."+Ji(i[8],r)),e=i.join("")}else e=",."+Wi(r[2])+"f";return to.format(e)}function Wi(n){return-Math.floor(Math.log(n)/Math.LN10+.01)}function Ji(n,t){var e=Wi(t[2]);return n in dl?Math.abs(e-Wi(Math.max(so(t[0]),so(t[1]))))+ +("e"!==n):e-2*("%"===n)}function Gi(n,t,e,r){function i(n){return(e?Math.log(n<0?0:n):-Math.log(n>0?0:-n))/Math.log(t)}function u(n){return e?Math.pow(t,n):-Math.pow(t,-n)}function o(t){return n(i(t))}return o.invert=function(t){return u(n.invert(t))},o.domain=function(t){return arguments.length?(e=t[0]>=0,n.domain((r=t.map(Number)).map(i)),o):r},o.base=function(e){return arguments.length?(t=+e,n.domain(r.map(i)),o):t},o.nice=function(){var t=Hi(r.map(i),e?Math:yl);return n.domain(t),r=t.map(u),o},o.ticks=function(){var n=ji(r),o=[],a=n[0],l=n[1],c=Math.floor(i(a)),f=Math.ceil(i(l)),s=t%1?2:t;if(isFinite(f-c)){if(e){for(;c<f;c++)for(h=1;h<s;h++)o.push(u(c)*h);o.push(u(c))}else for(o.push(u(c));c++<f;)for(var h=s-1;h>0;h--)o.push(u(c)*h);for(c=0;o[c]<a;c++);for(f=o.length;o[f-1]>l;f--);o=o.slice(c,f)}return o},o.tickFormat=function(n,e){if(!arguments.length)return vl;arguments.length<2?e=vl:"function"!=typeof e&&(e=to.format(e));var r=Math.max(1,t*n/o.ticks().length);return function(n){var o=n/u(Math.round(i(n)));return o*t<t-.5&&(o*=t),o<=r?e(n):""}},o.copy=function(){return Gi(n.copy(),t,e,r)},Zi(o,n)}function Ki(n,t,e){function r(t){return n(i(t))}var i=Qi(t),u=Qi(1/t);return r.invert=function(t){return u(n.invert(t))},r.domain=function(t){return arguments.length?(n.domain((e=t.map(Number)).map(i)),r):e},r.ticks=function(n){return $i(e,n)},r.tickFormat=function(n,t){return Bi(e,n,t)},r.nice=function(n){return r.domain(Vi(e,n))},r.exponent=function(o){return arguments.length?(i=Qi(t=o),u=Qi(1/t),n.domain(e.map(i)),r):t},r.copy=function(){return Ki(n.copy(),t,e)},Zi(r,n)}function Qi(n){return function(t){return t<0?-Math.pow(-t,n):Math.pow(t,n)}}function nu(n,t){function e(e){return u[((i.get(e)||("range"===t.t?i.set(e,n.push(e)):NaN))-1)%u.length]}function r(t,e){return to.range(n.length).map(function(n){return t+e*n})}var i,u,o;return e.domain=function(r){if(!arguments.length)return n;n=[],i=new c;for(var u,o=-1,a=r.length;++o<a;)i.has(u=r[o])||i.set(u,n.push(u));return e[t.t].apply(e,t.a)},e.range=function(n){return arguments.length?(u=n,o=0,t={t:"range",a:arguments},e):u},e.rangePoints=function(i,a){arguments.length<2&&(a=0);var l=i[0],c=i[1],f=n.length<2?(l=(l+c)/2,0):(c-l)/(n.length-1+a);return u=r(l+f*a/2,f),o=0,t={t:"rangePoints",a:arguments},e},e.rangeRoundPoints=function(i,a){arguments.length<2&&(a=0);var l=i[0],c=i[1],f=n.length<2?(l=c=Math.round((l+c)/2),0):(c-l)/(n.length-1+a)|0;return u=r(l+Math.round(f*a/2+(c-l-(n.length-1+a)*f)/2),f),o=0,t={t:"rangeRoundPoints",a:arguments},e},e.rangeBands=function(i,a,l){arguments.length<2&&(a=0),arguments.length<3&&(l=a);var c=i[1]<i[0],f=i[c-0],s=(i[1-c]-f)/(n.length-a+2*l);return u=r(f+s*l,s),c&&u.reverse(),o=s*(1-a),t={t:"rangeBands",a:arguments},e},e.rangeRoundBands=function(i,a,l){arguments.length<2&&(a=0),arguments.length<3&&(l=a);var c=i[1]<i[0],f=i[c-0],s=i[1-c],h=Math.floor((s-f)/(n.length-a+2*l));return u=r(f+Math.round((s-f-(n.length-a)*h)/2),h),c&&u.reverse(),o=Math.round(h*(1-a)),t={t:"rangeRoundBands",a:arguments},e},e.rangeBand=function(){return o},e.rangeExtent=function(){return ji(t.a[0])},e.copy=function(){return nu(n,t)},e.domain(n)}function tu(n,t){function u(){var e=0,r=t.length;for(a=[];++e<r;)a[e-1]=to.quantile(n,e/r);return o}function o(n){if(!isNaN(n=+n))return t[to.bisect(a,n)]}var a;return o.domain=function(t){return arguments.length?(n=t.map(r).filter(i).sort(e),u()):n},o.range=function(n){return arguments.length?(t=n,u()):t},o.quantiles=function(){return a},o.invertExtent=function(e){return e=t.indexOf(e),e<0?[NaN,NaN]:[e>0?a[e-1]:n[0],e<a.length?a[e]:n[n.length-1]]},o.copy=function(){return tu(n,t)},u()}function eu(n,t,e){function r(t){return e[Math.max(0,Math.min(o,Math.floor(u*(t-n))))]}function i(){return u=e.length/(t-n),o=e.length-1,r}var u,o;return r.domain=function(e){return arguments.length?(n=+e[0],t=+e[e.length-1],i()):[n,t]},r.range=function(n){return arguments.length?(e=n,i()):e},r.invertExtent=function(t){return t=e.indexOf(t),t=t<0?NaN:t/u+n,[t,t+1/u]},r.copy=function(){return eu(n,t,e)},i()}function ru(n,t){function e(e){if(e<=e)return t[to.bisect(n,e)]}return e.domain=function(t){return arguments.length?(n=t,e):n},e.range=function(n){return arguments.length?(t=n,e):t},e.invertExtent=function(e){return e=t.indexOf(e),[n[e-1],n[e]]},e.copy=function(){return ru(n,t)},e}function iu(n){function t(n){return+n}return t.invert=t,t.domain=t.range=function(e){return arguments.length?(n=e.map(t),t):n},t.ticks=function(t){return $i(n,t)},t.tickFormat=function(t,e){return Bi(n,t,e)},t.copy=function(){return iu(n)},t}function uu(){return 0}function ou(n){return n.innerRadius}function au(n){return n.outerRadius}function lu(n){return n.startAngle}function cu(n){return n.endAngle}function fu(n){return n&&n.padAngle}function su(n,t,e,r){return(n-e)*t-(t-r)*n>0?0:1}function hu(n,t,e,r,i){var u=n[0]-t[0],o=n[1]-t[1],a=(i?r:-r)/Math.sqrt(u*u+o*o),l=a*o,c=-a*u,f=n[0]+l,s=n[1]+c,h=t[0]+l,p=t[1]+c,g=(f+h)/2,d=(s+p)/2,v=h-f,y=p-s,m=v*v+y*y,x=e-r,M=f*p-h*s,_=(y<0?-1:1)*Math.sqrt(Math.max(0,x*x*m-M*M)),b=(M*y-v*_)/m,w=(-M*v-y*_)/m,S=(M*y+v*_)/m,k=(-M*v+y*_)/m,N=b-g,E=w-d,A=S-g,C=k-d;return N*N+E*E>A*A+C*C&&(b=S,w=k),[[b-l,w-c],[b*e/x,w*e/x]]}function pu(n){function t(t){function o(){c.push("M",u(n(f),a))}for(var l,c=[],f=[],s=-1,h=t.length,p=En(e),g=En(r);++s<h;)i.call(this,l=t[s],s)?f.push([+p.call(this,l,s),+g.call(this,l,s)]):f.length&&(o(),f=[]);return f.length&&o(),c.length?c.join(""):null}var e=Ce,r=ze,i=zt,u=gu,o=u.key,a=.7;return t.x=function(n){return arguments.length?(e=n,t):e},t.y=function(n){return arguments.length?(r=n,t):r},t.defined=function(n){return arguments.length?(i=n,t):i},t.interpolate=function(n){return arguments.length?(o="function"==typeof n?u=n:(u=wl.get(n)||gu).key,t):o},t.tension=function(n){return arguments.length?(a=n,t):a},t}function gu(n){return n.length>1?n.join("L"):n+"Z"}function du(n){return n.join("L")+"Z"}function vu(n){for(var t=0,e=n.length,r=n[0],i=[r[0],",",r[1]];++t<e;)i.push("H",(r[0]+(r=n[t])[0])/2,"V",r[1]);return e>1&&i.push("H",r[0]),i.join("")}function yu(n){for(var t=0,e=n.length,r=n[0],i=[r[0],",",r[1]];++t<e;)i.push("V",(r=n[t])[1],"H",r[0]);return i.join("")}function mu(n){for(var t=0,e=n.length,r=n[0],i=[r[0],",",r[1]];++t<e;)i.push("H",(r=n[t])[0],"V",r[1]);return i.join("")}function xu(n,t){return n.length<4?gu(n):n[1]+bu(n.slice(1,-1),wu(n,t))}function Mu(n,t){return n.length<3?du(n):n[0]+bu((n.push(n[0]),n),wu([n[n.length-2]].concat(n,[n[1]]),t))}function _u(n,t){return n.length<3?gu(n):n[0]+bu(n,wu(n,t))}function bu(n,t){if(t.length<1||n.length!=t.length&&n.length!=t.length+2)return gu(n);var e=n.length!=t.length,r="",i=n[0],u=n[1],o=t[0],a=o,l=1;if(e&&(r+="Q"+(u[0]-2*o[0]/3)+","+(u[1]-2*o[1]/3)+","+u[0]+","+u[1],i=n[1],l=2),t.length>1){a=t[1],u=n[l],l++,r+="C"+(i[0]+o[0])+","+(i[1]+o[1])+","+(u[0]-a[0])+","+(u[1]-a[1])+","+u[0]+","+u[1];for(var c=2;c<t.length;c++,l++)u=n[l],a=t[c],r+="S"+(u[0]-a[0])+","+(u[1]-a[1])+","+u[0]+","+u[1]}if(e){var f=n[l];r+="Q"+(u[0]+2*a[0]/3)+","+(u[1]+2*a[1]/3)+","+f[0]+","+f[1]}return r}function wu(n,t){for(var e,r=[],i=(1-t)/2,u=n[0],o=n[1],a=1,l=n.length;++a<l;)e=u,u=o,o=n[a],r.push([i*(o[0]-e[0]),i*(o[1]-e[1])]);return r}function Su(n){if(n.length<3)return gu(n);var t=1,e=n.length,r=n[0],i=r[0],u=r[1],o=[i,i,i,(r=n[1])[0]],a=[u,u,u,r[1]],l=[i,",",u,"L",Au(Nl,o),",",Au(Nl,a)];for(n.push(n[e-1]);++t<=e;)r=n[t],o.shift(),o.push(r[0]),a.shift(),a.push(r[1]),Cu(l,o,a);return n.pop(),l.push("L",r),l.join("")}function ku(n){if(n.length<4)return gu(n);for(var t,e=[],r=-1,i=n.length,u=[0],o=[0];++r<3;)t=n[r],u.push(t[0]),o.push(t[1]);for(e.push(Au(Nl,u)+","+Au(Nl,o)),--r;++r<i;)t=n[r],u.shift(),u.push(t[0]),o.shift(),o.push(t[1]),Cu(e,u,o);return e.join("")}function Nu(n){for(var t,e,r=-1,i=n.length,u=i+4,o=[],a=[];++r<4;)e=n[r%i],o.push(e[0]),a.push(e[1]);for(t=[Au(Nl,o),",",Au(Nl,a)],--r;++r<u;)e=n[r%i],o.shift(),o.push(e[0]),a.shift(),a.push(e[1]),Cu(t,o,a);return t.join("")}function Eu(n,t){var e=n.length-1;if(e)for(var r,i,u=n[0][0],o=n[0][1],a=n[e][0]-u,l=n[e][1]-o,c=-1;++c<=e;)i=c/e,(r=n[c])[0]=t*r[0]+(1-t)*(u+i*a),r[1]=t*r[1]+(1-t)*(o+i*l);return Su(n)}function Au(n,t){return n[0]*t[0]+n[1]*t[1]+n[2]*t[2]+n[3]*t[3]}function Cu(n,t,e){n.push("C",Au(Sl,t),",",Au(Sl,e),",",Au(kl,t),",",Au(kl,e),",",Au(Nl,t),",",Au(Nl,e))}function zu(n,t){return(t[1]-n[1])/(t[0]-n[0])}function Lu(n){for(var t=0,e=n.length-1,r=[],i=n[0],u=n[1],o=r[0]=zu(i,u);++t<e;)r[t]=(o+(o=zu(i=u,u=n[t+1])))/2;return r[t]=o,r}function qu(n){for(var t,e,r,i,u=[],o=Lu(n),a=-1,l=n.length-1;++a<l;)t=zu(n[a],n[a+1]),so(t)<Co?o[a]=o[a+1]=0:(i=(e=o[a]/t)*e+(r=o[a+1]/t)*r)>9&&(i=3*t/Math.sqrt(i),o[a]=i*e,o[a+1]=i*r);for(a=-1;++a<=l;)i=(n[Math.min(l,a+1)][0]-n[Math.max(0,a-1)][0])/(6*(1+o[a]*o[a])),u.push([i||0,o[a]*i||0]);return u}function Tu(n){return n.length<3?gu(n):n[0]+bu(n,qu(n))}function Ru(n){for(var t,e,r,i=-1,u=n.length;++i<u;)e=(t=n[i])[0],r=t[1]-Ro,t[0]=e*Math.cos(r),t[1]=e*Math.sin(r);return n}function Du(n){function t(t){function l(){d.push("M",a(n(y),s),f,c(n(v.reverse()),s),"Z")}for(var h,p,g,d=[],v=[],y=[],m=-1,x=t.length,M=En(e),_=En(i),b=e===r?function(){return p}:En(r),w=i===u?function(){return g}:En(u);++m<x;)o.call(this,h=t[m],m)?(v.push([p=+M.call(this,h,m),g=+_.call(this,h,m)]),y.push([+b.call(this,h,m),+w.call(this,h,m)])):v.length&&(l(),v=[],y=[]);return v.length&&l(),d.length?d.join(""):null}var e=Ce,r=Ce,i=0,u=ze,o=zt,a=gu,l=a.key,c=a,f="L",s=.7;return t.x=function(n){return arguments.length?(e=r=n,t):r},t.x0=function(n){return arguments.length?(e=n,t):e},t.x1=function(n){return arguments.length?(r=n,t):r},t.y=function(n){return arguments.length?(i=u=n,t):u},t.y0=function(n){return arguments.length?(i=n,t):i},t.y1=function(n){return arguments.length?(u=n,t):u},t.defined=function(n){return arguments.length?(o=n,t):o},t.interpolate=function(n){return arguments.length?(l="function"==typeof n?a=n:(a=wl.get(n)||gu).key,c=a.reverse||a,f=a.closed?"M":"L",t):l},t.tension=function(n){return arguments.length?(s=n,t):s},t}function Pu(n){return n.radius}function ju(n){return[n.x,n.y]}function Uu(n){return function(){var t=n.apply(this,arguments),e=t[0],r=t[1]-Ro;return[e*Math.cos(r),e*Math.sin(r)]}}function Fu(){return 64}function Hu(){return"circle"}function Ou(n){var t=Math.sqrt(n/Lo);return"M0,"+t+"A"+t+","+t+" 0 1,1 0,"+-t+"A"+t+","+t+" 0 1,1 0,"+t+"Z"}function Yu(n){return function(){var t,e,r;(t=this[n])&&(r=t[e=t.active])&&(r.timer.c=null,r.timer.t=NaN,--t.count?delete t[e]:delete this[n],t.active+=.5,r.event&&r.event.interrupt.call(this,this.__data__,r.index))}}function Iu(n,t,e){return yo(n,Tl),n.namespace=t,n.id=e,n}function Zu(n,t,e,r){var i=n.id,u=n.namespace;return I(n,"function"==typeof e?function(n,o,a){n[u][i].tween.set(t,r(e.call(n,n.__data__,o,a)))}:(e=r(e),function(n){n[u][i].tween.set(t,e)}))}function Vu(n){return null==n&&(n=""),function(){this.textContent=n}}function Xu(n){return null==n?"__transition__":"__transition_"+n+"__"}function $u(n,t,e,r,i){function u(n){var t=d.delay;if(f.t=t+l,t<=n)return o(n-t);f.c=o}function o(e){var i=g.active,u=g[i];u&&(u.timer.c=null,u.timer.t=NaN,--g.count,delete g[i],u.event&&u.event.interrupt.call(n,n.__data__,u.index));for(var o in g)if(+o<r){var c=g[o];c.timer.c=null,c.timer.t=NaN,--g.count,delete g[o]}f.c=a,qn(function(){return f.c&&a(e||1)&&(f.c=null,f.t=NaN),1},0,l),g.active=r,d.event&&d.event.start.call(n,n.__data__,t),p=[],d.tween.forEach(function(e,r){(r=r.call(n,n.__data__,t))&&p.push(r)}),h=d.ease,s=d.duration}function a(i){for(var u=i/s,o=h(u),a=p.length;a>0;)p[--a].call(n,o);if(u>=1)return d.event&&d.event.end.call(n,n.__data__,t),--g.count?delete g[r]:delete n[e],1}var l,f,s,h,p,g=n[e]||(n[e]={active:0,count:0}),d=g[r];d||(l=i.time,f=qn(u,0,l),d=g[r]={tween:new c,time:l,timer:f,delay:i.delay,duration:i.duration,ease:i.ease,index:t},i=null,++g.count)}function Bu(n,t,e){n.attr("transform",function(n){var r=t(n);return"translate("+(isFinite(r)?r:e(n))+",0)"})}function Wu(n,t,e){n.attr("transform",function(n){var r=t(n);return"translate(0,"+(isFinite(r)?r:e(n))+")"})}function Ju(n){return n.toISOString()}function Gu(n,t,e){function r(t){return n(t)}function i(n,e){var r=(n[1]-n[0])/e,i=to.bisect(Yl,r);return i==Yl.length?[t.year,Xi(n.map(function(n){return n/31536e6}),e)[2]]:i?t[r/Yl[i-1]<Yl[i]/r?i-1:i]:[Vl,Xi(n,e)[2]]}return r.invert=function(t){return Ku(n.invert(t))},r.domain=function(t){return arguments.length?(n.domain(t),r):n.domain().map(Ku)},r.nice=function(n,t){function e(e){return!isNaN(e)&&!n.range(e,Ku(+e+1),t).length}var u=r.domain(),o=ji(u),a=null==n?i(o,10):"number"==typeof n&&i(o,n);return a&&(n=a[0],t=a[1]),r.domain(Hi(u,t>1?{floor:function(t){for(;e(t=n.floor(t));)t=Ku(t-1);return t},ceil:function(t){for(;e(t=n.ceil(t));)t=Ku(+t+1);return t}}:n))},r.ticks=function(n,t){var e=ji(r.domain()),u=null==n?i(e,10):"number"==typeof n?i(e,n):!n.range&&[{range:n},t];return u&&(n=u[0],t=u[1]),n.range(e[0],Ku(+e[1]+1),t<1?1:t)},r.tickFormat=function(){return e},r.copy=function(){return Gu(n.copy(),t,e)},Zi(r,n)}function Ku(n){return new Date(n)}function Qu(n){return JSON.parse(n.responseText)}function no(n){var t=io.createRange();return t.selectNode(io.body),t.createContextualFragment(n.responseText)}var to={version:"3.5.17"},eo=[].slice,ro=function(n){return eo.call(n)},io=this.document;if(io)try{ro(io.documentElement.childNodes)[0].nodeType}catch(n){ro=function(n){for(var t=n.length,e=new Array(t);t--;)e[t]=n[t];return e}}if(Date.now||(Date.now=function(){return+new Date}),io)try{io.createElement("DIV").style.setProperty("opacity",0,"")}catch(n){var uo=this.Element.prototype,oo=uo.setAttribute,ao=uo.setAttributeNS,lo=this.CSSStyleDeclaration.prototype,co=lo.setProperty;uo.setAttribute=function(n,t){oo.call(this,n,t+"")},uo.setAttributeNS=function(n,t,e){ao.call(this,n,t,e+"")},lo.setProperty=function(n,t,e){co.call(this,n,t+"",e)}}to.ascending=e,to.descending=function(n,t){return t<n?-1:t>n?1:t>=n?0:NaN},to.min=function(n,t){var e,r,i=-1,u=n.length;if(1===arguments.length){for(;++i<u;)if(null!=(r=n[i])&&r>=r){e=r;break}for(;++i<u;)null!=(r=n[i])&&e>r&&(e=r)}else{for(;++i<u;)if(null!=(r=t.call(n,n[i],i))&&r>=r){e=r;break}for(;++i<u;)null!=(r=t.call(n,n[i],i))&&e>r&&(e=r)}return e},to.max=function(n,t){var e,r,i=-1,u=n.length;if(1===arguments.length){for(;++i<u;)if(null!=(r=n[i])&&r>=r){e=r;break}for(;++i<u;)null!=(r=n[i])&&r>e&&(e=r)}else{for(;++i<u;)if(null!=(r=t.call(n,n[i],i))&&r>=r){e=r;break}for(;++i<u;)null!=(r=t.call(n,n[i],i))&&r>e&&(e=r)}return e},to.extent=function(n,t){var e,r,i,u=-1,o=n.length;if(1===arguments.length){for(;++u<o;)if(null!=(r=n[u])&&r>=r){e=i=r;break}for(;++u<o;)null!=(r=n[u])&&(e>r&&(e=r),i<r&&(i=r))}else{for(;++u<o;)if(null!=(r=t.call(n,n[u],u))&&r>=r){e=i=r;break}for(;++u<o;)null!=(r=t.call(n,n[u],u))&&(e>r&&(e=r),i<r&&(i=r))}return[e,i]},to.sum=function(n,t){var e,r=0,u=n.length,o=-1;if(1===arguments.length)for(;++o<u;)i(e=+n[o])&&(r+=e);else for(;++o<u;)i(e=+t.call(n,n[o],o))&&(r+=e);return r},to.mean=function(n,t){var e,u=0,o=n.length,a=-1,l=o;if(1===arguments.length)for(;++a<o;)i(e=r(n[a]))?u+=e:--l;else for(;++a<o;)i(e=r(t.call(n,n[a],a)))?u+=e:--l;if(l)return u/l},to.quantile=function(n,t){var e=(n.length-1)*t+1,r=Math.floor(e),i=+n[r-1],u=e-r;return u?i+u*(n[r]-i):i},to.median=function(n,t){var u,o=[],a=n.length,l=-1;if(1===arguments.length)for(;++l<a;)i(u=r(n[l]))&&o.push(u);else for(;++l<a;)i(u=r(t.call(n,n[l],l)))&&o.push(u);if(o.length)return to.quantile(o.sort(e),.5)},to.variance=function(n,t){var e,u,o=n.length,a=0,l=0,c=-1,f=0;if(1===arguments.length)for(;++c<o;)i(e=r(n[c]))&&(l+=(u=e-a)*(e-(a+=u/++f)));else for(;++c<o;)i(e=r(t.call(n,n[c],c)))&&(l+=(u=e-a)*(e-(a+=u/++f)));if(f>1)return l/(f-1)},to.deviation=function(){var n=to.variance.apply(this,arguments);return n?Math.sqrt(n):n};var fo=u(e);to.bisectLeft=fo.left,to.bisect=to.bisectRight=fo.right,to.bisector=function(n){return u(1===n.length?function(t,r){return e(n(t),r)}:n)},to.shuffle=function(n,t,e){(u=arguments.length)<3&&(e=n.length,u<2&&(t=0));for(var r,i,u=e-t;u;)i=Math.random()*u--|0,r=n[u+t],n[u+t]=n[i+t],n[i+t]=r;return n},to.permute=function(n,t){for(var e=t.length,r=new Array(e);e--;)r[e]=n[t[e]];return r},to.pairs=function(n){for(var t=0,e=n.length-1,r=n[0],i=new Array(e<0?0:e);t<e;)i[t]=[r,r=n[++t]];return i},to.transpose=function(n){if(!(i=n.length))return[];for(var t=-1,e=to.min(n,o),r=new Array(e);++t<e;)for(var i,u=-1,a=r[t]=new Array(i);++u<i;)a[u]=n[u][t];return r},to.zip=function(){return to.transpose(arguments)},to.keys=function(n){var t=[];for(var e in n)t.push(e);return t},to.values=function(n){var t=[];for(var e in n)t.push(n[e]);return t},to.entries=function(n){var t=[];for(var e in n)t.push({key:e,value:n[e]});return t},to.merge=function(n){for(var t,e,r,i=n.length,u=-1,o=0;++u<i;)o+=n[u].length;for(e=new Array(o);--i>=0;)for(t=(r=n[i]).length;--t>=0;)e[--o]=r[t];return e};var so=Math.abs;to.range=function(n,t,e){if(arguments.length<3&&(e=1,arguments.length<2&&(t=n,n=0)),(t-n)/e==1/0)throw new Error("infinite range");var r,i=[],u=a(so(e)),o=-1;if(n*=u,t*=u,(e*=u)<0)for(;(r=n+e*++o)>t;)i.push(r/u);else for(;(r=n+e*++o)<t;)i.push(r/u);return i},to.map=function(n,t){var e=new c;if(n instanceof c)n.forEach(function(n,t){e.set(n,t)});else if(Array.isArray(n)){var r,i=-1,u=n.length;if(1===arguments.length)for(;++i<u;)e.set(i,n[i]);else for(;++i<u;)e.set(t.call(n,r=n[i],i),r)}else for(var o in n)e.set(o,n[o]);return e};var ho="__proto__",po="\0";l(c,{has:h,get:function(n){return this._[f(n)]},set:function(n,t){return this._[f(n)]=t},remove:p,keys:g,values:function(){var n=[];for(var t in this._)n.push(this._[t]);return n},entries:function(){var n=[];for(var t in this._)n.push({key:s(t),value:this._[t]});return n},size:d,empty:v,forEach:function(n){for(var t in this._)n.call(this,s(t),this._[t])}}),to.nest=function(){function n(t,o,a){if(a>=u.length)return r?r.call(i,o):e?o.sort(e):o;for(var l,f,s,h,p=-1,g=o.length,d=u[a++],v=new c;++p<g;)(h=v.get(l=d(f=o[p])))?h.push(f):v.set(l,[f]);return t?(f=t(),s=function(e,r){f.set(e,n(t,r,a))}):(f={},s=function(e,r){f[e]=n(t,r,a)}),v.forEach(s),f}function t(n,e){if(e>=u.length)return n;var r=[],i=o[e++];return n.forEach(function(n,i){r.push({key:n,values:t(i,e)})}),i?r.sort(function(n,t){return i(n.key,t.key)}):r}var e,r,i={},u=[],o=[];return i.map=function(t,e){return n(e,t,0)},i.entries=function(e){return t(n(to.map,e,0),0)},i.key=function(n){return u.push(n),i},i.sortKeys=function(n){return o[u.length-1]=n,i},i.sortValues=function(n){return e=n,i},i.rollup=function(n){return r=n,i},i},to.set=function(n){var t=new y;if(n)for(var e=0,r=n.length;e<r;++e)t.add(n[e]);return t},l(y,{has:h,add:function(n){return this._[f(n+="")]=!0,n},remove:p,values:g,size:d,empty:v,forEach:function(n){for(var t in this._)n.call(this,s(t))}}),to.behavior={},to.rebind=function(n,t){for(var e,r=1,i=arguments.length;++r<i;)n[e=arguments[r]]=x(n,t,t[e]);return n};var go=["webkit","ms","moz","Moz","o","O"];to.dispatch=function(){for(var n=new b,t=-1,e=arguments.length;++t<e;)n[arguments[t]]=w(n);return n},b.prototype.on=function(n,t){var e=n.indexOf("."),r="";if(e>=0&&(r=n.slice(e+1),n=n.slice(0,e)),n)return arguments.length<2?this[n].on(r):this[n].on(r,t);if(2===arguments.length){if(null==t)for(n in this)this.hasOwnProperty(n)&&this[n].on(r,null);return this}},to.event=null,to.requote=function(n){return n.replace(vo,"\\$&")};var vo=/[\\\^\$\*\+\?\|\[\]\(\)\.\{\}]/g,yo={}.__proto__?function(n,t){n.__proto__=t}:function(n,t){for(var e in t)n[e]=t[e]},mo=function(n,t){return t.querySelector(n)},xo=function(n,t){return t.querySelectorAll(n)},Mo=function(n,t){var e=n.matches||n[M(n,"matchesSelector")];return(Mo=function(n,t){return e.call(n,t)})(n,t)};"function"==typeof Sizzle&&(mo=function(n,t){return Sizzle(n,t)[0]||null},xo=Sizzle,Mo=Sizzle.matchesSelector),to.selection=function(){return to.select(io.documentElement)};var _o=to.selection.prototype=[];_o.select=function(n){var t,e,r,i,u=[];n=A(n);for(var o=-1,a=this.length;++o<a;){u.push(t=[]),t.parentNode=(r=this[o]).parentNode;for(var l=-1,c=r.length;++l<c;)(i=r[l])?(t.push(e=n.call(i,i.__data__,l,o)),e&&"__data__"in i&&(e.__data__=i.__data__)):t.push(null)}return E(u)},_o.selectAll=function(n){var t,e,r=[];n=C(n);for(var i=-1,u=this.length;++i<u;)for(var o=this[i],a=-1,l=o.length;++a<l;)(e=o[a])&&(r.push(t=ro(n.call(e,e.__data__,a,i))),t.parentNode=e);return E(r)};var bo="http://www.w3.org/1999/xhtml",wo={svg:"http://www.w3.org/2000/svg",xhtml:bo,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};to.ns={prefix:wo,qualify:function(n){var t=n.indexOf(":"),e=n;return t>=0&&"xmlns"!==(e=n.slice(0,t))&&(n=n.slice(t+1)),wo.hasOwnProperty(e)?{space:wo[e],local:n}:n}},_o.attr=function(n,t){if(arguments.length<2){if("string"==typeof n){var e=this.node();return n=to.ns.qualify(n),n.local?e.getAttributeNS(n.space,n.local):e.getAttribute(n)}for(t in n)this.each(z(t,n[t]));return this}return this.each(z(n,t))},_o.classed=function(n,t){if(arguments.length<2){if("string"==typeof n){var e=this.node(),r=(n=T(n)).length,i=-1;if(t=e.classList){for(;++i<r;)if(!t.contains(n[i]))return!1}else for(t=e.getAttribute("class");++i<r;)if(!q(n[i]).test(t))return!1;return!0}for(t in n)this.each(R(t,n[t]));return this}return this.each(R(n,t))},_o.style=function(n,e,r){var i=arguments.length;if(i<3){if("string"!=typeof n){i<2&&(e="");for(r in n)this.each(P(r,n[r],e));return this}if(i<2){var u=this.node();return t(u).getComputedStyle(u,null).getPropertyValue(n)}r=""}return this.each(P(n,e,r))},_o.property=function(n,t){if(arguments.length<2){if("string"==typeof n)return this.node()[n];for(t in n)this.each(j(t,n[t]));return this}return this.each(j(n,t))},_o.text=function(n){return arguments.length?this.each("function"==typeof n?function(){var t=n.apply(this,arguments);this.textContent=null==t?"":t}:null==n?function(){this.textContent=""}:function(){this.textContent=n}):this.node().textContent},_o.html=function(n){return arguments.length?this.each("function"==typeof n?function(){var t=n.apply(this,arguments);this.innerHTML=null==t?"":t}:null==n?function(){this.innerHTML=""}:function(){this.innerHTML=n}):this.node().innerHTML},_o.append=function(n){return n=U(n),this.select(function(){return this.appendChild(n.apply(this,arguments))})},_o.insert=function(n,t){return n=U(n),t=A(t),this.select(function(){return this.insertBefore(n.apply(this,arguments),t.apply(this,arguments)||null)})},_o.remove=function(){return this.each(F)},_o.data=function(n,t){function e(n,e){var r,i,u,o=n.length,s=e.length,h=Math.min(o,s),p=new Array(s),g=new Array(s),d=new Array(o);if(t){var v,y=new c,m=new Array(o);for(r=-1;++r<o;)(i=n[r])&&(y.has(v=t.call(i,i.__data__,r))?d[r]=i:y.set(v,i),m[r]=v);for(r=-1;++r<s;)(i=y.get(v=t.call(e,u=e[r],r)))?!0!==i&&(p[r]=i,i.__data__=u):g[r]=H(u),y.set(v,!0);for(r=-1;++r<o;)r in m&&!0!==y.get(m[r])&&(d[r]=n[r])}else{for(r=-1;++r<h;)i=n[r],u=e[r],i?(i.__data__=u,p[r]=i):g[r]=H(u);for(;r<s;++r)g[r]=H(e[r]);for(;r<o;++r)d[r]=n[r]}g.update=p,g.parentNode=p.parentNode=d.parentNode=n.parentNode,a.push(g),l.push(p),f.push(d)}var r,i,u=-1,o=this.length;if(!arguments.length){for(n=new Array(o=(r=this[0]).length);++u<o;)(i=r[u])&&(n[u]=i.__data__);return n}var a=Z([]),l=E([]),f=E([]);if("function"==typeof n)for(;++u<o;)e(r=this[u],n.call(r,r.parentNode.__data__,u));else for(;++u<o;)e(r=this[u],n);return l.enter=function(){return a},l.exit=function(){return f},l},_o.datum=function(n){return arguments.length?this.property("__data__",n):this.property("__data__")},_o.filter=function(n){var t,e,r,i=[];"function"!=typeof n&&(n=O(n));for(var u=0,o=this.length;u<o;u++){i.push(t=[]),t.parentNode=(e=this[u]).parentNode;for(var a=0,l=e.length;a<l;a++)(r=e[a])&&n.call(r,r.__data__,a,u)&&t.push(r)}return E(i)},_o.order=function(){for(var n=-1,t=this.length;++n<t;)for(var e,r=this[n],i=r.length-1,u=r[i];--i>=0;)(e=r[i])&&(u&&u!==e.nextSibling&&u.parentNode.insertBefore(e,u),u=e);return this},_o.sort=function(n){n=Y.apply(this,arguments);for(var t=-1,e=this.length;++t<e;)this[t].sort(n);return this.order()},_o.each=function(n){return I(this,function(t,e,r){n.call(t,t.__data__,e,r)})},_o.call=function(n){var t=ro(arguments);return n.apply(t[0]=this,t),this},_o.empty=function(){return!this.node()},_o.node=function(){for(var n=0,t=this.length;n<t;n++)for(var e=this[n],r=0,i=e.length;r<i;r++){var u=e[r];if(u)return u}return null},_o.size=function(){var n=0;return I(this,function(){++n}),n};var So=[];to.selection.enter=Z,to.selection.enter.prototype=So,So.append=_o.append,So.empty=_o.empty,So.node=_o.node,So.call=_o.call,So.size=_o.size,So.select=function(n){for(var t,e,r,i,u,o=[],a=-1,l=this.length;++a<l;){r=(i=this[a]).update,o.push(t=[]),t.parentNode=i.parentNode;for(var c=-1,f=i.length;++c<f;)(u=i[c])?(t.push(r[c]=e=n.call(i.parentNode,u.__data__,c,a)),e.__data__=u.__data__):t.push(null)}return E(o)},So.insert=function(n,t){return arguments.length<2&&(t=V(this)),_o.insert.call(this,n,t)},to.select=function(t){var e;return"string"==typeof t?(e=[mo(t,io)]).parentNode=io.documentElement:(e=[t]).parentNode=n(t),E([e])},to.selectAll=function(n){var t;return"string"==typeof n?(t=ro(xo(n,io))).parentNode=io.documentElement:(t=ro(n)).parentNode=null,E([t])},_o.on=function(n,t,e){var r=arguments.length;if(r<3){if("string"!=typeof n){r<2&&(t=!1);for(e in n)this.each(X(e,n[e],t));return this}if(r<2)return(r=this.node()["__on"+n])&&r._;e=!1}return this.each(X(n,t,e))};var ko=to.map({mouseenter:"mouseover",mouseleave:"mouseout"});io&&ko.forEach(function(n){"on"+n in io&&ko.remove(n)});var No,Eo=0;to.mouse=function(n){return J(n,k())};var Ao=this.navigator&&/WebKit/.test(this.navigator.userAgent)?-1:0;to.touch=function(n,t,e){if(arguments.length<3&&(e=t,t=k().changedTouches),t)for(var r,i=0,u=t.length;i<u;++i)if((r=t[i]).identifier===e)return J(n,r)},to.behavior.drag=function(){function n(){this.on("mousedown.drag",u).on("touchstart.drag",o)}function e(n,t,e,u,o){return function(){function a(){var n,e,r=t(h,d);r&&(n=r[0]-x[0],e=r[1]-x[1],g|=n|e,x=r,p({type:"drag",x:r[0]+c[0],y:r[1]+c[1],dx:n,dy:e}))}function l(){t(h,d)&&(y.on(u+v,null).on(o+v,null),m(g),p({type:"dragend"}))}var c,f=this,s=to.event.target.correspondingElement||to.event.target,h=f.parentNode,p=r.of(f,arguments),g=0,d=n(),v=".drag"+(null==d?"":"-"+d),y=to.select(e(s)).on(u+v,a).on(o+v,l),m=W(s),x=t(h,d);i?(c=i.apply(f,arguments),c=[c.x-x[0],c.y-x[1]]):c=[0,0],p({type:"dragstart"})}}var r=N(n,"drag","dragstart","dragend"),i=null,u=e(_,to.mouse,t,"mousemove","mouseup"),o=e(G,to.touch,m,"touchmove","touchend");return n.origin=function(t){return arguments.length?(i=t,n):i},to.rebind(n,r,"on")},to.touches=function(n,t){return arguments.length<2&&(t=k().touches),t?ro(t).map(function(t){var e=J(n,t);return e.identifier=t.identifier,e}):[]};var Co=1e-6,zo=Co*Co,Lo=Math.PI,qo=2*Lo,To=qo-Co,Ro=Lo/2,Do=Lo/180,Po=180/Lo,jo=Math.SQRT2;to.interpolateZoom=function(n,t){var e,r,i=n[0],u=n[1],o=n[2],a=t[0],l=t[1],c=t[2],f=a-i,s=l-u,h=f*f+s*s;if(h<zo)r=Math.log(c/o)/jo,e=function(n){return[i+n*f,u+n*s,o*Math.exp(jo*n*r)]};else{var p=Math.sqrt(h),g=(c*c-o*o+4*h)/(2*o*2*p),d=(c*c-o*o-4*h)/(2*c*2*p),v=Math.log(Math.sqrt(g*g+1)-g),y=Math.log(Math.sqrt(d*d+1)-d);r=(y-v)/jo,e=function(n){var t=n*r,e=rn(v),a=o/(2*p)*(e*un(jo*t+v)-en(v));return[i+a*f,u+a*s,o*e/rn(jo*t+v)]}}return e.duration=1e3*r,e},to.behavior.zoom=function(){function n(n){n.on(L,s).on(Fo+".zoom",p).on("dblclick.zoom",g).on(R,h)}function e(n){return[(n[0]-k.x)/k.k,(n[1]-k.y)/k.k]}function r(n){return[n[0]*k.k+k.x,n[1]*k.k+k.y]}function i(n){k.k=Math.max(A[0],Math.min(A[1],n))}function u(n,t){t=r(t),k.x+=n[0]-t[0],k.y+=n[1]-t[1]}function o(t,e,r,o){t.__chart__={x:k.x,y:k.y,k:k.k},i(Math.pow(2,o)),u(v=e,r),t=to.select(t),C>0&&(t=t.transition().duration(C)),t.call(n.event)}function a(){_&&_.domain(M.range().map(function(n){return(n-k.x)/k.k}).map(M.invert)),w&&w.domain(b.range().map(function(n){return(n-k.y)/k.k}).map(b.invert))}function l(n){z++||n({type:"zoomstart"})}function c(n){a(),n({type:"zoom",scale:k.k,translate:[k.x,k.y]})}function f(n){--z||(n({type:"zoomend"}),v=null)}function s(){function n(){a=1,u(to.mouse(i),h),c(o)}function r(){s.on(q,null).on(T,null),p(a),f(o)}var i=this,o=D.of(i,arguments),a=0,s=to.select(t(i)).on(q,n).on(T,r),h=e(to.mouse(i)),p=W(i);ql.call(i),l(o)}function h(){function n(){var n=to.touches(g);return p=k.k,n.forEach(function(n){n.identifier in v&&(v[n.identifier]=e(n))}),n}function t(){var t=to.event.target;to.select(t).on(M,r).on(_,a),b.push(t);for(var e=to.event.changedTouches,i=0,u=e.length;i<u;++i)v[e[i].identifier]=null;var l=n(),c=Date.now();if(1===l.length){if(c-x<500){f=l[0];o(g,f,v[f.identifier],Math.floor(Math.log(k.k)/Math.LN2)+1),S()}x=c}else if(l.length>1){var f=l[0],s=l[1],h=f[0]-s[0],p=f[1]-s[1];y=h*h+p*p}}function r(){var n,t,e,r,o=to.touches(g);ql.call(g);for(var a=0,l=o.length;a<l;++a,r=null)if(e=o[a],r=v[e.identifier]){if(t)break;n=e,t=r}if(r){var f=(f=e[0]-n[0])*f+(f=e[1]-n[1])*f,s=y&&Math.sqrt(f/y);n=[(n[0]+e[0])/2,(n[1]+e[1])/2],t=[(t[0]+r[0])/2,(t[1]+r[1])/2],i(s*p)}x=null,u(n,t),c(d)}function a(){if(to.event.touches.length){for(var t=to.event.changedTouches,e=0,r=t.length;e<r;++e)delete v[t[e].identifier];for(var i in v)return void n()}to.selectAll(b).on(m,null),w.on(L,s).on(R,h),N(),f(d)}var p,g=this,d=D.of(g,arguments),v={},y=0,m=".zoom-"+to.event.changedTouches[0].identifier,M="touchmove"+m,_="touchend"+m,b=[],w=to.select(g),N=W(g);t(),l(d),w.on(L,null).on(R,t)}function p(){var n=D.of(this,arguments);m?clearTimeout(m):(ql.call(this),d=e(v=y||to.mouse(this)),l(n)),m=setTimeout(function(){m=null,f(n)},50),S(),i(Math.pow(2,.002*Uo())*k.k),u(v,d),c(n)}function g(){var n=to.mouse(this),t=Math.log(k.k)/Math.LN2;o(this,n,e(n),to.event.shiftKey?Math.ceil(t)-1:Math.floor(t)+1)}var d,v,y,m,x,M,_,b,w,k={x:0,y:0,k:1},E=[960,500],A=Ho,C=250,z=0,L="mousedown.zoom",q="mousemove.zoom",T="mouseup.zoom",R="touchstart.zoom",D=N(n,"zoomstart","zoom","zoomend");return Fo||(Fo="onwheel"in io?(Uo=function(){return-to.event.deltaY*(to.event.deltaMode?120:1)},"wheel"):"onmousewheel"in io?(Uo=function(){return to.event.wheelDelta},"mousewheel"):(Uo=function(){return-to.event.detail},"MozMousePixelScroll")),n.event=function(n){n.each(function(){var n=D.of(this,arguments),t=k;zl?to.select(this).transition().each("start.zoom",function(){k=this.__chart__||{x:0,y:0,k:1},l(n)}).tween("zoom:zoom",function(){var e=E[0],r=E[1],i=v?v[0]:e/2,u=v?v[1]:r/2,o=to.interpolateZoom([(i-k.x)/k.k,(u-k.y)/k.k,e/k.k],[(i-t.x)/t.k,(u-t.y)/t.k,e/t.k]);return function(t){var r=o(t),a=e/r[2];this.__chart__=k={x:i-r[0]*a,y:u-r[1]*a,k:a},c(n)}}).each("interrupt.zoom",function(){f(n)}).each("end.zoom",function(){f(n)}):(this.__chart__=k,l(n),c(n),f(n))})},n.translate=function(t){return arguments.length?(k={x:+t[0],y:+t[1],k:k.k},a(),n):[k.x,k.y]},n.scale=function(t){return arguments.length?(k={x:k.x,y:k.y,k:null},i(+t),a(),n):k.k},n.scaleExtent=function(t){return arguments.length?(A=null==t?Ho:[+t[0],+t[1]],n):A},n.center=function(t){return arguments.length?(y=t&&[+t[0],+t[1]],n):y},n.size=function(t){return arguments.length?(E=t&&[+t[0],+t[1]],n):E},n.duration=function(t){return arguments.length?(C=+t,n):C},n.x=function(t){return arguments.length?(_=t,M=t.copy(),k={x:0,y:0,k:1},n):_},n.y=function(t){return arguments.length?(w=t,b=t.copy(),k={x:0,y:0,k:1},n):w},to.rebind(n,D,"on")};var Uo,Fo,Ho=[0,1/0];to.color=an,an.prototype.toString=function(){return this.rgb()+""},to.hsl=ln;var Oo=ln.prototype=new an;Oo.brighter=function(n){return n=Math.pow(.7,arguments.length?n:1),new ln(this.h,this.s,this.l/n)},Oo.darker=function(n){return n=Math.pow(.7,arguments.length?n:1),new ln(this.h,this.s,n*this.l)},Oo.rgb=function(){return cn(this.h,this.s,this.l)},to.hcl=fn;var Yo=fn.prototype=new an;Yo.brighter=function(n){return new fn(this.h,this.c,Math.min(100,this.l+Io*(arguments.length?n:1)))},Yo.darker=function(n){return new fn(this.h,this.c,Math.max(0,this.l-Io*(arguments.length?n:1)))},Yo.rgb=function(){return sn(this.h,this.c,this.l).rgb()},to.lab=hn;var Io=18,Zo=.95047,Vo=1,Xo=1.08883,$o=hn.prototype=new an;$o.brighter=function(n){return new hn(Math.min(100,this.l+Io*(arguments.length?n:1)),this.a,this.b)},$o.darker=function(n){return new hn(Math.max(0,this.l-Io*(arguments.length?n:1)),this.a,this.b)},$o.rgb=function(){return pn(this.l,this.a,this.b)},to.rgb=mn;var Bo=mn.prototype=new an;Bo.brighter=function(n){n=Math.pow(.7,arguments.length?n:1);var t=this.r,e=this.g,r=this.b,i=30;return t||e||r?(t&&t<i&&(t=i),e&&e<i&&(e=i),r&&r<i&&(r=i),new mn(Math.min(255,t/n),Math.min(255,e/n),Math.min(255,r/n))):new mn(i,i,i)},Bo.darker=function(n){return n=Math.pow(.7,arguments.length?n:1),new mn(n*this.r,n*this.g,n*this.b)},Bo.hsl=function(){return wn(this.r,this.g,this.b)},Bo.toString=function(){return"#"+_n(this.r)+_n(this.g)+_n(this.b)};var Wo=to.map({aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074});Wo.forEach(function(n,t){Wo.set(n,xn(t))}),to.functor=En,to.xhr=An(m),to.dsv=function(n,t){function e(n,e,u){arguments.length<3&&(u=e,e=null);var o=Cn(n,t,null==e?r:i(e),u);return o.row=function(n){return arguments.length?o.response(null==(e=n)?r:i(n)):e},o}function r(n){return e.parse(n.responseText)}function i(n){return function(t){return e.parse(t.responseText,n)}}function u(t){return t.map(o).join(n)}function o(n){return a.test(n)?'"'+n.replace(/\"/g,'""')+'"':n}var a=new RegExp('["'+n+"\n]"),l=n.charCodeAt(0);return e.parse=function(n,t){var r;return e.parseRows(n,function(n,e){if(r)return r(n,e-1);var i=new Function("d","return {"+n.map(function(n,t){return JSON.stringify(n)+": d["+t+"]"}).join(",")+"}");r=t?function(n,e){return t(i(n),e)}:i})},e.parseRows=function(n,t){function e(){if(f>=c)return o;if(i)return i=!1,u;var t=f;if(34===n.charCodeAt(t)){for(var e=t;e++<c;)if(34===n.charCodeAt(e)){if(34!==n.charCodeAt(e+1))break;++e}return f=e+2,13===(r=n.charCodeAt(e+1))?(i=!0,10===n.charCodeAt(e+2)&&++f):10===r&&(i=!0),n.slice(t+1,e).replace(/""/g,'"')}for(;f<c;){var r=n.charCodeAt(f++),a=1;if(10===r)i=!0;else if(13===r)i=!0,10===n.charCodeAt(f)&&(++f,++a);else if(r!==l)continue;return n.slice(t,f-a)}return n.slice(t)}for(var r,i,u={},o={},a=[],c=n.length,f=0,s=0;(r=e())!==o;){for(var h=[];r!==u&&r!==o;)h.push(r),r=e();t&&null==(h=t(h,s++))||a.push(h)}return a},e.format=function(t){if(Array.isArray(t[0]))return e.formatRows(t);var r=new y,i=[];return t.forEach(function(n){for(var t in n)r.has(t)||i.push(r.add(t))}),[i.map(o).join(n)].concat(t.map(function(t){return i.map(function(n){return o(t[n])}).join(n)})).join("\n")},e.formatRows=function(n){return n.map(u).join("\n")},e},to.csv=to.dsv(",","text/csv"),to.tsv=to.dsv("\t","text/tab-separated-values");var Jo,Go,Ko,Qo,na=this[M(this,"requestAnimationFrame")]||function(n){setTimeout(n,17)};to.timer=function(){qn.apply(this,arguments)},to.timer.flush=function(){Rn(),Dn()},to.round=function(n,t){return t?Math.round(n*(t=Math.pow(10,t)))/t:Math.round(n)};var ta=["y","z","a","f","p","n","µ","m","","k","M","G","T","P","E","Z","Y"].map(jn);to.formatPrefix=function(n,t){var e=0;return(n=+n)&&(n<0&&(n*=-1),t&&(n=to.round(n,Pn(n,t))),e=1+Math.floor(1e-12+Math.log(n)/Math.LN10),e=Math.max(-24,Math.min(24,3*Math.floor((e-1)/3)))),ta[8+e/3]};var ea=/(?:([^{])?([<>=^]))?([+\- ])?([$#])?(0)?(\d+)?(,)?(\.-?\d+)?([a-z%])?/i,ra=to.map({b:function(n){return n.toString(2)},c:function(n){return String.fromCharCode(n)},o:function(n){return n.toString(8)},x:function(n){return n.toString(16)},X:function(n){return n.toString(16).toUpperCase()},g:function(n,t){return n.toPrecision(t)},e:function(n,t){return n.toExponential(t)},f:function(n,t){return n.toFixed(t)},r:function(n,t){return(n=to.round(n,Pn(n,t))).toFixed(Math.max(0,Math.min(20,Pn(n*(1+1e-15),t))))}}),ia=to.time={},ua=Date;Hn.prototype={getDate:function(){return this._.getUTCDate()},getDay:function(){return this._.getUTCDay()},getFullYear:function(){return this._.getUTCFullYear()},getHours:function(){return this._.getUTCHours()},getMilliseconds:function(){return this._.getUTCMilliseconds()},getMinutes:function(){return this._.getUTCMinutes()},getMonth:function(){return this._.getUTCMonth()},getSeconds:function(){return this._.getUTCSeconds()},getTime:function(){return this._.getTime()},getTimezoneOffset:function(){return 0},valueOf:function(){return this._.valueOf()},setDate:function(){oa.setUTCDate.apply(this._,arguments)},setDay:function(){oa.setUTCDay.apply(this._,arguments)},setFullYear:function(){oa.setUTCFullYear.apply(this._,arguments)},setHours:function(){oa.setUTCHours.apply(this._,arguments)},setMilliseconds:function(){oa.setUTCMilliseconds.apply(this._,arguments)},setMinutes:function(){oa.setUTCMinutes.apply(this._,arguments)},setMonth:function(){oa.setUTCMonth.apply(this._,arguments)},setSeconds:function(){oa.setUTCSeconds.apply(this._,arguments)},setTime:function(){oa.setTime.apply(this._,arguments)}};var oa=Date.prototype;ia.year=On(function(n){return(n=ia.day(n)).setMonth(0,1),n},function(n,t){n.setFullYear(n.getFullYear()+t)},function(n){return n.getFullYear()}),ia.years=ia.year.range,ia.years.utc=ia.year.utc.range,ia.day=On(function(n){var t=new ua(2e3,0);return t.setFullYear(n.getFullYear(),n.getMonth(),n.getDate()),t},function(n,t){n.setDate(n.getDate()+t)},function(n){return n.getDate()-1}),ia.days=ia.day.range,ia.days.utc=ia.day.utc.range,ia.dayOfYear=function(n){var t=ia.year(n);return Math.floor((n-t-6e4*(n.getTimezoneOffset()-t.getTimezoneOffset()))/864e5)},["sunday","monday","tuesday","wednesday","thursday","friday","saturday"].forEach(function(n,t){t=7-t;var e=ia[n]=On(function(n){return(n=ia.day(n)).setDate(n.getDate()-(n.getDay()+t)%7),n},function(n,t){n.setDate(n.getDate()+7*Math.floor(t))},function(n){var e=ia.year(n).getDay();return Math.floor((ia.dayOfYear(n)+(e+t)%7)/7)-(e!==t)});ia[n+"s"]=e.range,ia[n+"s"].utc=e.utc.range,ia[n+"OfYear"]=function(n){var e=ia.year(n).getDay();return Math.floor((ia.dayOfYear(n)+(e+t)%7)/7)}}),ia.week=ia.sunday,ia.weeks=ia.sunday.range,ia.weeks.utc=ia.sunday.utc.range,ia.weekOfYear=ia.sundayOfYear;var aa={"-":"",_:" ",0:"0"},la=/^\s*\d+/,ca=/^%/;to.locale=function(n){return{numberFormat:Un(n),timeFormat:In(n)}};var fa=to.locale({decimal:".",thousands:",",grouping:[3],currency:["$",""],dateTime:"%a %b %e %X %Y",date:"%m/%d/%Y",time:"%H:%M:%S",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]});to.format=fa.numberFormat,to.geo={},ft.prototype={s:0,t:0,add:function(n){st(n,this.t,sa),st(sa.s,this.s,this),this.s?this.t+=sa.t:this.s=sa.t},reset:function(){this.s=this.t=0},valueOf:function(){return this.s}};var sa=new ft;to.geo.stream=function(n,t){n&&ha.hasOwnProperty(n.type)?ha[n.type](n,t):ht(n,t)};var ha={Feature:function(n,t){ht(n.geometry,t)},FeatureCollection:function(n,t){for(var e=n.features,r=-1,i=e.length;++r<i;)ht(e[r].geometry,t)}},pa={Sphere:function(n,t){t.sphere()},Point:function(n,t){n=n.coordinates,t.point(n[0],n[1],n[2])},MultiPoint:function(n,t){for(var e=n.coordinates,r=-1,i=e.length;++r<i;)n=e[r],t.point(n[0],n[1],n[2])},LineString:function(n,t){pt(n.coordinates,t,0)},MultiLineString:function(n,t){for(var e=n.coordinates,r=-1,i=e.length;++r<i;)pt(e[r],t,0)},Polygon:function(n,t){gt(n.coordinates,t)},MultiPolygon:function(n,t){for(var e=n.coordinates,r=-1,i=e.length;++r<i;)gt(e[r],t)},GeometryCollection:function(n,t){for(var e=n.geometries,r=-1,i=e.length;++r<i;)ht(e[r],t)}};to.geo.area=function(n){return ga=0,to.geo.stream(n,va),ga};var ga,da=new ft,va={sphere:function(){ga+=4*Lo},point:_,lineStart:_,lineEnd:_,polygonStart:function(){da.reset(),va.lineStart=dt},polygonEnd:function(){var n=2*da;ga+=n<0?4*Lo+n:n,va.lineStart=va.lineEnd=va.point=_}};to.geo.bounds=function(){function n(n,t){x.push(M=[f=n,h=n]),t<s&&(s=t),t>p&&(p=t)}function t(t,e){var r=vt([t*Do,e*Do]);if(y){var i=mt(y,r),u=mt([i[1],-i[0],0],i);_t(u),u=bt(u);var o=t-g,l=o>0?1:-1,c=u[0]*Po*l,d=so(o)>180;if(d^(l*g<c&&c<l*t))(v=u[1]*Po)>p&&(p=v);else if(c=(c+360)%360-180,d^(l*g<c&&c<l*t)){var v=-u[1]*Po;v<s&&(s=v)}else e<s&&(s=e),e>p&&(p=e);d?t<g?a(f,t)>a(f,h)&&(h=t):a(t,h)>a(f,h)&&(f=t):h>=f?(t<f&&(f=t),t>h&&(h=t)):t>g?a(f,t)>a(f,h)&&(h=t):a(t,h)>a(f,h)&&(f=t)}else n(t,e);y=r,g=t}function e(){_.point=t}function r(){M[0]=f,M[1]=h,_.point=n,y=null}function i(n,e){if(y){var r=n-g;m+=so(r)>180?r+(r>0?360:-360):r}else d=n,v=e;va.point(n,e),t(n,e)}function u(){va.lineStart()}function o(){i(d,v),va.lineEnd(),so(m)>Co&&(f=-(h=180)),M[0]=f,M[1]=h,y=null}function a(n,t){return(t-=n)<0?t+360:t}function l(n,t){return n[0]-t[0]}function c(n,t){return t[0]<=t[1]?t[0]<=n&&n<=t[1]:n<t[0]||t[1]<n}var f,s,h,p,g,d,v,y,m,x,M,_={point:n,lineStart:e,lineEnd:r,polygonStart:function(){_.point=i,_.lineStart=u,_.lineEnd=o,m=0,va.polygonStart()},polygonEnd:function(){va.polygonEnd(),_.point=n,_.lineStart=e,_.lineEnd=r,da<0?(f=-(h=180),s=-(p=90)):m>Co?p=90:m<-Co&&(s=-90),M[0]=f,M[1]=h}};return function(n){p=h=-(f=s=1/0),x=[],to.geo.stream(n,_);var t=x.length;if(t){x.sort(l);for(var e=1,r=[g=x[0]];e<t;++e)c((u=x[e])[0],g)||c(u[1],g)?(a(g[0],u[1])>a(g[0],g[1])&&(g[1]=u[1]),a(u[0],g[1])>a(g[0],g[1])&&(g[0]=u[0])):r.push(g=u);for(var i,u,o=-1/0,e=0,g=r[t=r.length-1];e<=t;g=u,++e)u=r[e],(i=a(g[1],u[0]))>o&&(o=i,f=u[0],h=g[1])}return x=M=null,f===1/0||s===1/0?[[NaN,NaN],[NaN,NaN]]:[[f,s],[h,p]]}}(),to.geo.centroid=function(n){ya=ma=xa=Ma=_a=ba=wa=Sa=ka=Na=Ea=0,to.geo.stream(n,Aa);var t=ka,e=Na,r=Ea,i=t*t+e*e+r*r;return i<zo&&(t=ba,e=wa,r=Sa,ma<Co&&(t=xa,e=Ma,r=_a),(i=t*t+e*e+r*r)<zo)?[NaN,NaN]:[Math.atan2(e,t)*Po,tn(r/Math.sqrt(i))*Po]};var ya,ma,xa,Ma,_a,ba,wa,Sa,ka,Na,Ea,Aa={sphere:_,point:St,lineStart:Nt,lineEnd:Et,polygonStart:function(){Aa.lineStart=At},polygonEnd:function(){Aa.lineStart=Nt}},Ca=Rt(zt,Ut,Ht,[-Lo,-Lo/2]),za=1e9;to.geo.clipExtent=function(){var n,t,e,r,i,u,o={stream:function(n){return i&&(i.valid=!1),i=u(n),i.valid=!0,i},extent:function(a){return arguments.length?(u=Zt(n=+a[0][0],t=+a[0][1],e=+a[1][0],r=+a[1][1]),i&&(i.valid=!1,i=null),o):[[n,t],[e,r]]}};return o.extent([[0,0],[960,500]])},(to.geo.conicEqualArea=function(){return Vt(Xt)}).raw=Xt,to.geo.albers=function(){return to.geo.conicEqualArea().rotate([96,0]).center([-.6,38.7]).parallels([29.5,45.5]).scale(1070)},to.geo.albersUsa=function(){function n(n){var u=n[0],o=n[1];return t=null,e(u,o),t||(r(u,o),t)||i(u,o),t}var t,e,r,i,u=to.geo.albers(),o=to.geo.conicEqualArea().rotate([154,0]).center([-2,58.5]).parallels([55,65]),a=to.geo.conicEqualArea().rotate([157,0]).center([-3,19.9]).parallels([8,18]),l={point:function(n,e){t=[n,e]}};return n.invert=function(n){var t=u.scale(),e=u.translate(),r=(n[0]-e[0])/t,i=(n[1]-e[1])/t;return(i>=.12&&i<.234&&r>=-.425&&r<-.214?o:i>=.166&&i<.234&&r>=-.214&&r<-.115?a:u).invert(n)},n.stream=function(n){var t=u.stream(n),e=o.stream(n),r=a.stream(n);return{point:function(n,i){t.point(n,i),e.point(n,i),r.point(n,i)},sphere:function(){t.sphere(),e.sphere(),r.sphere()},lineStart:function(){t.lineStart(),e.lineStart(),r.lineStart()},lineEnd:function(){t.lineEnd(),e.lineEnd(),r.lineEnd()},polygonStart:function(){t.polygonStart(),e.polygonStart(),r.polygonStart()},polygonEnd:function(){t.polygonEnd(),e.polygonEnd(),r.polygonEnd()}}},n.precision=function(t){return arguments.length?(u.precision(t),o.precision(t),a.precision(t),n):u.precision()},n.scale=function(t){return arguments.length?(u.scale(t),o.scale(.35*t),a.scale(t),n.translate(u.translate())):u.scale()},n.translate=function(t){if(!arguments.length)return u.translate();var c=u.scale(),f=+t[0],s=+t[1];return e=u.translate(t).clipExtent([[f-.455*c,s-.238*c],[f+.455*c,s+.238*c]]).stream(l).point,r=o.translate([f-.307*c,s+.201*c]).clipExtent([[f-.425*c+Co,s+.12*c+Co],[f-.214*c-Co,s+.234*c-Co]]).stream(l).point,i=a.translate([f-.205*c,s+.212*c]).clipExtent([[f-.214*c+Co,s+.166*c+Co],[f-.115*c-Co,s+.234*c-Co]]).stream(l).point,n},n.scale(1070)};var La,qa,Ta,Ra,Da,Pa,ja={point:_,lineStart:_,lineEnd:_,polygonStart:function(){qa=0,ja.lineStart=$t},polygonEnd:function(){ja.lineStart=ja.lineEnd=ja.point=_,La+=so(qa/2)}},Ua={point:Bt,lineStart:_,lineEnd:_,polygonStart:_,polygonEnd:_},Fa={point:Gt,lineStart:Kt,lineEnd:Qt,polygonStart:function(){Fa.lineStart=ne},polygonEnd:function(){Fa.point=Gt,Fa.lineStart=Kt,Fa.lineEnd=Qt}};to.geo.path=function(){function n(n){return n&&("function"==typeof a&&u.pointRadius(+a.apply(this,arguments)),o&&o.valid||(o=i(u)),to.geo.stream(n,o)),u.result()}function t(){return o=null,n}var e,r,i,u,o,a=4.5;return n.area=function(n){return La=0,to.geo.stream(n,i(ja)),La},n.centroid=function(n){return xa=Ma=_a=ba=wa=Sa=ka=Na=Ea=0,to.geo.stream(n,i(Fa)),Ea?[ka/Ea,Na/Ea]:Sa?[ba/Sa,wa/Sa]:_a?[xa/_a,Ma/_a]:[NaN,NaN]},n.bounds=function(n){return Da=Pa=-(Ta=Ra=1/0),to.geo.stream(n,i(Ua)),[[Ta,Ra],[Da,Pa]]},n.projection=function(n){return arguments.length?(i=(e=n)?n.stream||re(n):m,t()):e},n.context=function(n){return arguments.length?(u=null==(r=n)?new Wt:new te(n),"function"!=typeof a&&u.pointRadius(a),t()):r},n.pointRadius=function(t){return arguments.length?(a="function"==typeof t?t:(u.pointRadius(+t),+t),n):a},n.projection(to.geo.albersUsa()).context(null)},to.geo.transform=function(n){return{stream:function(t){var e=new ie(t);for(var r in n)e[r]=n[r];return e}}},ie.prototype={point:function(n,t){this.stream.point(n,t)},sphere:function(){this.stream.sphere()},lineStart:function(){this.stream.lineStart()},lineEnd:function(){this.stream.lineEnd()},polygonStart:function(){this.stream.polygonStart()},polygonEnd:function(){this.stream.polygonEnd()}},to.geo.projection=oe,to.geo.projectionMutator=ae,(to.geo.equirectangular=function(){return oe(ce)}).raw=ce.invert=ce,to.geo.rotation=function(n){function t(t){return t=n(t[0]*Do,t[1]*Do),t[0]*=Po,t[1]*=Po,t}return n=se(n[0]%360*Do,n[1]*Do,n.length>2?n[2]*Do:0),t.invert=function(t){return t=n.invert(t[0]*Do,t[1]*Do),t[0]*=Po,t[1]*=Po,t},t},fe.invert=ce,to.geo.circle=function(){function n(){var n="function"==typeof r?r.apply(this,arguments):r,t=se(-n[0]*Do,-n[1]*Do,0).invert,i=[];return e(null,null,1,{point:function(n,e){i.push(n=t(n,e)),n[0]*=Po,n[1]*=Po}}),{type:"Polygon",coordinates:[i]}}var t,e,r=[0,0],i=6;return n.origin=function(t){return arguments.length?(r=t,n):r},n.angle=function(r){return arguments.length?(e=de((t=+r)*Do,i*Do),n):t},n.precision=function(r){return arguments.length?(e=de(t*Do,(i=+r)*Do),n):i},n.angle(90)},to.geo.distance=function(n,t){var e,r=(t[0]-n[0])*Do,i=n[1]*Do,u=t[1]*Do,o=Math.sin(r),a=Math.cos(r),l=Math.sin(i),c=Math.cos(i),f=Math.sin(u),s=Math.cos(u);return Math.atan2(Math.sqrt((e=s*o)*e+(e=c*f-l*s*a)*e),l*f+c*s*a)},to.geo.graticule=function(){function n(){return{type:"MultiLineString",coordinates:t()}}function t(){return to.range(Math.ceil(u/v)*v,i,v).map(h).concat(to.range(Math.ceil(c/y)*y,l,y).map(p)).concat(to.range(Math.ceil(r/g)*g,e,g).filter(function(n){return so(n%v)>Co}).map(f)).concat(to.range(Math.ceil(a/d)*d,o,d).filter(function(n){return so(n%y)>Co}).map(s))}var e,r,i,u,o,a,l,c,f,s,h,p,g=10,d=g,v=90,y=360,m=2.5;return n.lines=function(){return t().map(function(n){return{type:"LineString",coordinates:n}})},n.outline=function(){return{type:"Polygon",coordinates:[h(u).concat(p(l).slice(1),h(i).reverse().slice(1),p(c).reverse().slice(1))]}},n.extent=function(t){return arguments.length?n.majorExtent(t).minorExtent(t):n.minorExtent()},n.majorExtent=function(t){return arguments.length?(u=+t[0][0],i=+t[1][0],c=+t[0][1],l=+t[1][1],u>i&&(t=u,u=i,i=t),c>l&&(t=c,c=l,l=t),n.precision(m)):[[u,c],[i,l]]},n.minorExtent=function(t){return arguments.length?(r=+t[0][0],e=+t[1][0],a=+t[0][1],o=+t[1][1],r>e&&(t=r,r=e,e=t),a>o&&(t=a,a=o,o=t),n.precision(m)):[[r,a],[e,o]]},n.step=function(t){return arguments.length?n.majorStep(t).minorStep(t):n.minorStep()},n.majorStep=function(t){return arguments.length?(v=+t[0],y=+t[1],n):[v,y]},n.minorStep=function(t){return arguments.length?(g=+t[0],d=+t[1],n):[g,d]},n.precision=function(t){return arguments.length?(m=+t,f=ye(a,o,90),s=me(r,e,m),h=ye(c,l,90),p=me(u,i,m),n):m},n.majorExtent([[-180,-90+Co],[180,90-Co]]).minorExtent([[-180,-80-Co],[180,80+Co]])},to.geo.greatArc=function(){function n(){return{type:"LineString",coordinates:[t||r.apply(this,arguments),e||i.apply(this,arguments)]}}var t,e,r=xe,i=Me;return n.distance=function(){return to.geo.distance(t||r.apply(this,arguments),e||i.apply(this,arguments))},n.source=function(e){return arguments.length?(r=e,t="function"==typeof e?null:e,n):r},n.target=function(t){return arguments.length?(i=t,e="function"==typeof t?null:t,n):i},n.precision=function(){return arguments.length?n:0},n},to.geo.interpolate=function(n,t){return _e(n[0]*Do,n[1]*Do,t[0]*Do,t[1]*Do)},to.geo.length=function(n){return Ha=0,to.geo.stream(n,Oa),Ha};var Ha,Oa={sphere:_,point:_,lineStart:be,lineEnd:_,polygonStart:_,polygonEnd:_},Ya=we(function(n){return Math.sqrt(2/(1+n))},function(n){return 2*Math.asin(n/2)});(to.geo.azimuthalEqualArea=function(){return oe(Ya)}).raw=Ya;var Ia=we(function(n){var t=Math.acos(n);return t&&t/Math.sin(t)},m);(to.geo.azimuthalEquidistant=function(){return oe(Ia)}).raw=Ia,(to.geo.conicConformal=function(){return Vt(Se)}).raw=Se,(to.geo.conicEquidistant=function(){return Vt(ke)}).raw=ke;var Za=we(function(n){return 1/n},Math.atan);(to.geo.gnomonic=function(){return oe(Za)}).raw=Za,Ne.invert=function(n,t){return[n,2*Math.atan(Math.exp(t))-Ro]},(to.geo.mercator=function(){return Ee(Ne)}).raw=Ne;var Va=we(function(){return 1},Math.asin);(to.geo.orthographic=function(){return oe(Va)}).raw=Va;var Xa=we(function(n){return 1/(1+n)},function(n){return 2*Math.atan(n)});(to.geo.stereographic=function(){return oe(Xa)}).raw=Xa,Ae.invert=function(n,t){return[-t,2*Math.atan(Math.exp(n))-Ro]},(to.geo.transverseMercator=function(){var n=Ee(Ae),t=n.center,e=n.rotate;return n.center=function(n){return n?t([-n[1],n[0]]):(n=t(),[n[1],-n[0]])},n.rotate=function(n){return n?e([n[0],n[1],n.length>2?n[2]+90:90]):(n=e(),[n[0],n[1],n[2]-90])},e([0,0,90])}).raw=Ae,to.geom={},to.geom.hull=function(n){function t(n){if(n.length<3)return[];var t,i=En(e),u=En(r),o=n.length,a=[],l=[];for(t=0;t<o;t++)a.push([+i.call(this,n[t],t),+u.call(this,n[t],t),t]);for(a.sort(qe),t=0;t<o;t++)l.push([a[t][0],-a[t][1]]);var c=Le(a),f=Le(l),s=f[0]===c[0],h=f[f.length-1]===c[c.length-1],p=[];for(t=c.length-1;t>=0;--t)p.push(n[a[c[t]][2]]);for(t=+s;t<f.length-h;++t)p.push(n[a[f[t]][2]]);return p}var e=Ce,r=ze;return arguments.length?t(n):(t.x=function(n){return arguments.length?(e=n,t):e},t.y=function(n){return arguments.length?(r=n,t):r},t)},to.geom.polygon=function(n){return yo(n,$a),n};var $a=to.geom.polygon.prototype=[];$a.area=function(){for(var n,t=-1,e=this.length,r=this[e-1],i=0;++t<e;)n=r,r=this[t],i+=n[1]*r[0]-n[0]*r[1];return.5*i},$a.centroid=function(n){var t,e,r=-1,i=this.length,u=0,o=0,a=this[i-1];for(arguments.length||(n=-1/(6*this.area()));++r<i;)t=a,a=this[r],e=t[0]*a[1]-a[0]*t[1],u+=(t[0]+a[0])*e,o+=(t[1]+a[1])*e;return[u*n,o*n]},$a.clip=function(n){for(var t,e,r,i,u,o,a=De(n),l=-1,c=this.length-De(this),f=this[c-1];++l<c;){for(t=n.slice(),n.length=0,i=this[l],u=t[(r=t.length-a)-1],e=-1;++e<r;)Te(o=t[e],f,i)?(Te(u,f,i)||n.push(Re(u,o,f,i)),n.push(o)):Te(u,f,i)&&n.push(Re(u,o,f,i)),u=o;a&&n.push(n[0]),f=i}return n};var Ba,Wa,Ja,Ga,Ka,Qa=[],nl=[];Ie.prototype.prepare=function(){for(var n,t=this.edges,e=t.length;e--;)(n=t[e].edge).b&&n.a||t.splice(e,1);return t.sort(Ve),t.length},tr.prototype={start:function(){return this.edge.l===this.site?this.edge.a:this.edge.b},end:function(){return this.edge.l===this.site?this.edge.b:this.edge.a}},er.prototype={insert:function(n,t){var e,r,i;if(n){if(t.P=n,t.N=n.N,n.N&&(n.N.P=t),n.N=t,n.R){for(n=n.R;n.L;)n=n.L;n.L=t}else n.R=t;e=n}else this._?(n=or(this._),t.P=null,t.N=n,n.P=n.L=t,e=n):(t.P=t.N=null,this._=t,e=null);for(t.L=t.R=null,t.U=e,t.C=!0,n=t;e&&e.C;)e===(r=e.U).L?(i=r.R)&&i.C?(e.C=i.C=!1,r.C=!0,n=r):(n===e.R&&(ir(this,e),e=(n=e).U),e.C=!1,r.C=!0,ur(this,r)):(i=r.L)&&i.C?(e.C=i.C=!1,r.C=!0,n=r):(n===e.L&&(ur(this,e),e=(n=e).U),e.C=!1,r.C=!0,ir(this,r)),e=n.U;this._.C=!1},remove:function(n){n.N&&(n.N.P=n.P),n.P&&(n.P.N=n.N),n.N=n.P=null;var t,e,r,i=n.U,u=n.L,o=n.R;if(e=u?o?or(o):u:o,i?i.L===n?i.L=e:i.R=e:this._=e,u&&o?(r=e.C,e.C=n.C,e.L=u,u.U=e,e!==o?(i=e.U,e.U=n.U,n=e.R,i.L=n,e.R=o,o.U=e):(e.U=i,i=e,n=e.R)):(r=n.C,n=e),n&&(n.U=i),!r)if(n&&n.C)n.C=!1;else{do{if(n===this._)break;if(n===i.L){if((t=i.R).C&&(t.C=!1,i.C=!0,ir(this,i),t=i.R),t.L&&t.L.C||t.R&&t.R.C){t.R&&t.R.C||(t.L.C=!1,t.C=!0,ur(this,t),t=i.R),t.C=i.C,i.C=t.R.C=!1,ir(this,i),n=this._;break}}else if((t=i.L).C&&(t.C=!1,i.C=!0,ur(this,i),t=i.L),t.L&&t.L.C||t.R&&t.R.C){t.L&&t.L.C||(t.R.C=!1,t.C=!0,ir(this,t),t=i.L),t.C=i.C,i.C=t.L.C=!1,ur(this,i),n=this._;break}t.C=!0,n=i,i=i.U}while(!n.C);n&&(n.C=!1)}}},to.geom.voronoi=function(n){function t(n){var t=new Array(n.length),r=a[0][0],i=a[0][1],u=a[1][0],o=a[1][1];return ar(e(n),a).cells.forEach(function(e,a){var l=e.edges,c=e.site;(t[a]=l.length?l.map(function(n){var t=n.start();return[t.x,t.y]}):c.x>=r&&c.x<=u&&c.y>=i&&c.y<=o?[[r,o],[u,o],[u,i],[r,i]]:[]).point=n[a]}),t}function e(n){return n.map(function(n,t){return{x:Math.round(u(n,t)/Co)*Co,y:Math.round(o(n,t)/Co)*Co,i:t}})}var r=Ce,i=ze,u=r,o=i,a=tl;return n?t(n):(t.links=function(n){return ar(e(n)).edges.filter(function(n){return n.l&&n.r}).map(function(t){return{source:n[t.l.i],target:n[t.r.i]}})},t.triangles=function(n){var t=[];return ar(e(n)).cells.forEach(function(e,r){for(var i,u=e.site,o=e.edges.sort(Ve),a=-1,l=o.length,c=o[l-1].edge,f=c.l===u?c.r:c.l;++a<l;)c,i=f,f=(c=o[a].edge).l===u?c.r:c.l,r<i.i&&r<f.i&&cr(u,i,f)<0&&t.push([n[r],n[i.i],n[f.i]])}),t},t.x=function(n){return arguments.length?(u=En(r=n),t):r},t.y=function(n){return arguments.length?(o=En(i=n),t):i},t.clipExtent=function(n){return arguments.length?(a=null==n?tl:n,t):a===tl?null:a},t.size=function(n){return arguments.length?t.clipExtent(n&&[[0,0],n]):a===tl?null:a&&a[1]},t)};var tl=[[-1e6,-1e6],[1e6,1e6]];to.geom.delaunay=function(n){return to.geom.voronoi().triangles(n)},to.geom.quadtree=function(n,t,e,r,i){function u(n){function u(n,t,e,r,i,u,o,a){if(!isNaN(e)&&!isNaN(r))if(n.leaf){var l=n.x,f=n.y;if(null!=l)if(so(l-e)+so(f-r)<.01)c(n,t,e,r,i,u,o,a);else{var s=n.point;n.x=n.y=n.point=null,c(n,s,l,f,i,u,o,a),c(n,t,e,r,i,u,o,a)}else n.x=e,n.y=r,n.point=t}else c(n,t,e,r,i,u,o,a)}function c(n,t,e,r,i,o,a,l){var c=.5*(i+a),f=.5*(o+l),s=e>=c,h=r>=f,p=h<<1|s;n.leaf=!1,n=n.nodes[p]||(n.nodes[p]={leaf:!0,nodes:[],point:null,x:null,y:null}),s?i=c:a=c,h?o=f:l=f,u(n,t,e,r,i,o,a,l)}var f,s,h,p,g,d,v,y,m,x=En(a),M=En(l);if(null!=t)d=t,v=e,y=r,m=i;else if(y=m=-(d=v=1/0),s=[],h=[],g=n.length,o)for(p=0;p<g;++p)(f=n[p]).x<d&&(d=f.x),f.y<v&&(v=f.y),f.x>y&&(y=f.x),f.y>m&&(m=f.y),s.push(f.x),h.push(f.y);else for(p=0;p<g;++p){var _=+x(f=n[p],p),b=+M(f,p);_<d&&(d=_),b<v&&(v=b),_>y&&(y=_),b>m&&(m=b),s.push(_),h.push(b)}var w=y-d,S=m-v;w>S?m=v+w:y=d+S;var k={leaf:!0,nodes:[],point:null,x:null,y:null};if(k.add=function(n){u(k,n,+x(n,++p),+M(n,p),d,v,y,m)},k.visit=function(n){hr(n,k,d,v,y,m)},k.find=function(n){return pr(k,n[0],n[1],d,v,y,m)},p=-1,null==t){for(;++p<g;)u(k,n[p],s[p],h[p],d,v,y,m);--p}else n.forEach(k.add);return s=h=n=f=null,k}var o,a=Ce,l=ze;return(o=arguments.length)?(a=fr,l=sr,3===o&&(i=e,r=t,e=t=0),u(n)):(u.x=function(n){return arguments.length?(a=n,u):a},u.y=function(n){return arguments.length?(l=n,u):l},u.extent=function(n){return arguments.length?(null==n?t=e=r=i=null:(t=+n[0][0],e=+n[0][1],r=+n[1][0],i=+n[1][1]),u):null==t?null:[[t,e],[r,i]]},u.size=function(n){return arguments.length?(null==n?t=e=r=i=null:(t=e=0,r=+n[0],i=+n[1]),u):null==t?null:[r-t,i-e]},u)},to.interpolateRgb=gr,to.interpolateObject=dr,to.interpolateNumber=vr,to.interpolateString=yr;var el=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,rl=new RegExp(el.source,"g");to.interpolate=mr,to.interpolators=[function(n,t){var e=typeof t;return("string"===e?Wo.has(t.toLowerCase())||/^(#|rgb\(|hsl\()/i.test(t)?gr:yr:t instanceof an?gr:Array.isArray(t)?xr:"object"===e&&isNaN(t)?dr:vr)(n,t)}],to.interpolateArray=xr;var il=function(){return m},ul=to.map({linear:il,poly:Nr,quad:function(){return wr},cubic:function(){return Sr},sin:function(){return Er},exp:function(){return Ar},circle:function(){return Cr},elastic:zr,back:Lr,bounce:function(){return qr}}),ol=to.map({in:m,out:_r,"in-out":br,"out-in":function(n){return br(_r(n))}});to.ease=function(n){var t=n.indexOf("-"),e=t>=0?n.slice(0,t):n,r=t>=0?n.slice(t+1):"in";return e=ul.get(e)||il,r=ol.get(r)||m,Mr(r(e.apply(null,eo.call(arguments,1))))},to.interpolateHcl=Tr,to.interpolateHsl=Rr,to.interpolateLab=Dr,to.interpolateRound=Pr,to.transform=function(n){var t=io.createElementNS(to.ns.prefix.svg,"g");return(to.transform=function(n){if(null!=n){t.setAttribute("transform",n);var e=t.transform.baseVal.consolidate()}return new jr(e?e.matrix:al)})(n)},jr.prototype.toString=function(){return"translate("+this.translate+")rotate("+this.rotate+")skewX("+this.skew+")scale("+this.scale+")"};var al={a:1,b:0,c:0,d:1,e:0,f:0};to.interpolateTransform=Xr,to.layout={},to.layout.bundle=function(){return function(n){for(var t=[],e=-1,r=n.length;++e<r;)t.push(Wr(n[e]));return t}},to.layout.chord=function(){function n(){var n,c,s,h,p,g={},d=[],v=to.range(u),y=[];for(e=[],r=[],n=0,h=-1;++h<u;){for(c=0,p=-1;++p<u;)c+=i[h][p];d.push(c),y.push(to.range(u)),n+=c}for(o&&v.sort(function(n,t){return o(d[n],d[t])}),a&&y.forEach(function(n,t){n.sort(function(n,e){return a(i[t][n],i[t][e])})}),n=(qo-f*u)/n,c=0,h=-1;++h<u;){for(s=c,p=-1;++p<u;){var m=v[h],x=y[m][p],M=i[m][x],_=c,b=c+=M*n;g[m+"-"+x]={index:m,subindex:x,startAngle:_,endAngle:b,value:M}}r[m]={index:m,startAngle:s,endAngle:c,value:d[m]},c+=f}for(h=-1;++h<u;)for(p=h-1;++p<u;){var w=g[h+"-"+p],S=g[p+"-"+h];(w.value||S.value)&&e.push(w.value<S.value?{source:S,target:w}:{source:w,target:S})}l&&t()}function t(){e.sort(function(n,t){return l((n.source.value+n.target.value)/2,(t.source.value+t.target.value)/2)})}var e,r,i,u,o,a,l,c={},f=0;return c.matrix=function(n){return arguments.length?(u=(i=n)&&i.length,e=r=null,c):i},c.padding=function(n){return arguments.length?(f=n,e=r=null,c):f},c.sortGroups=function(n){return arguments.length?(o=n,e=r=null,c):o},c.sortSubgroups=function(n){return arguments.length?(a=n,e=null,c):a},c.sortChords=function(n){return arguments.length?(l=n,e&&t(),c):l},c.chords=function(){return e||n(),e},c.groups=function(){return r||n(),r},c},to.layout.force=function(){function n(n){return function(t,e,r,i){if(t.point!==n){var u=t.cx-n.x,o=t.cy-n.y,a=i-e,l=u*u+o*o;if(a*a/y<l){if(l<d){c=t.charge/l;n.px-=u*c,n.py-=o*c}return!0}if(t.point&&l&&l<d){var c=t.pointCharge/l;n.px-=u*c,n.py-=o*c}}return!t.charge}}function t(n){n.px=to.event.x,n.py=to.event.y,l.resume()}var e,r,i,u,o,a,l={},c=to.dispatch("start","tick","end"),f=[1,1],s=.9,h=ll,p=cl,g=-30,d=fl,v=.1,y=.64,x=[],M=[];return l.tick=function(){if((i*=.99)<.005)return e=null,c.end({type:"end",alpha:i=0}),!0;var t,r,l,h,p,d,y,m,_,b=x.length,w=M.length;for(r=0;r<w;++r)h=(l=M[r]).source,(d=(m=(p=l.target).x-h.x)*m+(_=p.y-h.y)*_)&&(m*=d=i*o[r]*((d=Math.sqrt(d))-u[r])/d,_*=d,p.x-=m*(y=h.weight+p.weight?h.weight/(h.weight+p.weight):.5),p.y-=_*y,h.x+=m*(y=1-y),h.y+=_*y);if((y=i*v)&&(m=f[0]/2,_=f[1]/2,r=-1,y))for(;++r<b;)(l=x[r]).x+=(m-l.x)*y,l.y+=(_-l.y)*y;if(g)for(ei(t=to.geom.quadtree(x),i,a),r=-1;++r<b;)(l=x[r]).fixed||t.visit(n(l));for(r=-1;++r<b;)(l=x[r]).fixed?(l.x=l.px,l.y=l.py):(l.x-=(l.px-(l.px=l.x))*s,l.y-=(l.py-(l.py=l.y))*s);c.tick({type:"tick",alpha:i})},l.nodes=function(n){return arguments.length?(x=n,l):x},l.links=function(n){return arguments.length?(M=n,l):M},l.size=function(n){return arguments.length?(f=n,l):f},l.linkDistance=function(n){return arguments.length?(h="function"==typeof n?n:+n,l):h},l.distance=l.linkDistance,l.linkStrength=function(n){return arguments.length?(p="function"==typeof n?n:+n,l):p},l.friction=function(n){return arguments.length?(s=+n,l):s},l.charge=function(n){return arguments.length?(g="function"==typeof n?n:+n,l):g},l.chargeDistance=function(n){return arguments.length?(d=n*n,l):Math.sqrt(d)},l.gravity=function(n){return arguments.length?(v=+n,l):v},l.theta=function(n){return arguments.length?(y=n*n,l):Math.sqrt(y)},l.alpha=function(n){return arguments.length?(n=+n,i?n>0?i=n:(e.c=null,e.t=NaN,e=null,c.end({type:"end",alpha:i=0})):n>0&&(c.start({type:"start",alpha:i=n}),e=qn(l.tick)),l):i},l.start=function(){function n(n,r){if(!e){for(e=new Array(i),l=0;l<i;++l)e[l]=[];for(l=0;l<c;++l){var u=M[l];e[u.source.index].push(u.target),e[u.target.index].push(u.source)}}for(var o,a=e[t],l=-1,f=a.length;++l<f;)if(!isNaN(o=a[l][n]))return o;return Math.random()*r}var t,e,r,i=x.length,c=M.length,s=f[0],d=f[1];for(t=0;t<i;++t)(r=x[t]).index=t,r.weight=0;for(t=0;t<c;++t)"number"==typeof(r=M[t]).source&&(r.source=x[r.source]),"number"==typeof r.target&&(r.target=x[r.target]),++r.source.weight,++r.target.weight;for(t=0;t<i;++t)r=x[t],isNaN(r.x)&&(r.x=n("x",s)),isNaN(r.y)&&(r.y=n("y",d)),isNaN(r.px)&&(r.px=r.x),isNaN(r.py)&&(r.py=r.y);if(u=[],"function"==typeof h)for(t=0;t<c;++t)u[t]=+h.call(this,M[t],t);else for(t=0;t<c;++t)u[t]=h;if(o=[],"function"==typeof p)for(t=0;t<c;++t)o[t]=+p.call(this,M[t],t);else for(t=0;t<c;++t)o[t]=p;if(a=[],"function"==typeof g)for(t=0;t<i;++t)a[t]=+g.call(this,x[t],t);else for(t=0;t<i;++t)a[t]=g;return l.resume()},l.resume=function(){return l.alpha(.1)},l.stop=function(){return l.alpha(0)},l.drag=function(){if(r||(r=to.behavior.drag().origin(m).on("dragstart.force",Kr).on("drag.force",t).on("dragend.force",Qr)),!arguments.length)return r;this.on("mouseover.force",ni).on("mouseout.force",ti).call(r)},to.rebind(l,c,"on")};var ll=20,cl=1,fl=1/0;to.layout.hierarchy=function(){function n(i){var u,o=[i],a=[];for(i.depth=0;null!=(u=o.pop());)if(a.push(u),(c=e.call(n,u,u.depth))&&(l=c.length)){for(var l,c,f;--l>=0;)o.push(f=c[l]),f.parent=u,f.depth=u.depth+1;r&&(u.value=0),u.children=c}else r&&(u.value=+r.call(n,u,u.depth)||0),delete u.children;return ui(i,function(n){var e,i;t&&(e=n.children)&&e.sort(t),r&&(i=n.parent)&&(i.value+=n.value)}),a}var t=li,e=oi,r=ai;return n.sort=function(e){return arguments.length?(t=e,n):t},n.children=function(t){return arguments.length?(e=t,n):e},n.value=function(t){return arguments.length?(r=t,n):r},n.revalue=function(t){return r&&(ii(t,function(n){n.children&&(n.value=0)}),ui(t,function(t){var e;t.children||(t.value=+r.call(n,t,t.depth)||0),(e=t.parent)&&(e.value+=t.value)})),t},n},to.layout.partition=function(){function n(t,e,r,i){var u=t.children;if(t.x=e,t.y=t.depth*i,t.dx=r,t.dy=i,u&&(o=u.length)){var o,a,l,c=-1;for(r=t.value?r/t.value:0;++c<o;)n(a=u[c],e,l=a.value*r,i),e+=l}}function t(n){var e=n.children,r=0;if(e&&(i=e.length))for(var i,u=-1;++u<i;)r=Math.max(r,t(e[u]));return 1+r}function e(e,u){var o=r.call(this,e,u);return n(o[0],0,i[0],i[1]/t(o[0])),o}var r=to.layout.hierarchy(),i=[1,1];return e.size=function(n){return arguments.length?(i=n,e):i},ri(e,r)},to.layout.pie=function(){function n(o){var a,l=o.length,c=o.map(function(e,r){return+t.call(n,e,r)}),f=+("function"==typeof r?r.apply(this,arguments):r),s=("function"==typeof i?i.apply(this,arguments):i)-f,h=Math.min(Math.abs(s)/l,+("function"==typeof u?u.apply(this,arguments):u)),p=h*(s<0?-1:1),g=to.sum(c),d=g?(s-l*p)/g:0,v=to.range(l),y=[];return null!=e&&v.sort(e===sl?function(n,t){return c[t]-c[n]}:function(n,t){return e(o[n],o[t])}),v.forEach(function(n){y[n]={data:o[n],value:a=c[n],startAngle:f,endAngle:f+=a*d+p,padAngle:h}}),y}var t=Number,e=sl,r=0,i=qo,u=0;return n.value=function(e){return arguments.length?(t=e,n):t},n.sort=function(t){return arguments.length?(e=t,n):e},n.startAngle=function(t){return arguments.length?(r=t,n):r},n.endAngle=function(t){return arguments.length?(i=t,n):i},n.padAngle=function(t){return arguments.length?(u=t,n):u},n};var sl={};to.layout.stack=function(){function n(a,l){if(!(h=a.length))return a;var c=a.map(function(e,r){return t.call(n,e,r)}),f=c.map(function(t){return t.map(function(t,e){return[u.call(n,t,e),o.call(n,t,e)]})}),s=e.call(n,f,l);c=to.permute(c,s),f=to.permute(f,s);var h,p,g,d,v=r.call(n,f,l),y=c[0].length;for(g=0;g<y;++g)for(i.call(n,c[0][g],d=v[g],f[0][g][1]),p=1;p<h;++p)i.call(n,c[p][g],d+=f[p-1][g][1],f[p][g][1]);return a}var t=m,e=pi,r=gi,i=hi,u=fi,o=si;return n.values=function(e){return arguments.length?(t=e,n):t},n.order=function(t){return arguments.length?(e="function"==typeof t?t:hl.get(t)||pi,n):e},n.offset=function(t){return arguments.length?(r="function"==typeof t?t:pl.get(t)||gi,n):r},n.x=function(t){return arguments.length?(u=t,n):u},n.y=function(t){return arguments.length?(o=t,n):o},n.out=function(t){return arguments.length?(i=t,n):i},n};var hl=to.map({"inside-out":function(n){var t,e,r=n.length,i=n.map(di),u=n.map(vi),o=to.range(r).sort(function(n,t){return i[n]-i[t]}),a=0,l=0,c=[],f=[];for(t=0;t<r;++t)e=o[t],a<l?(a+=u[e],c.push(e)):(l+=u[e],f.push(e));return f.reverse().concat(c)},reverse:function(n){return to.range(n.length).reverse()},default:pi}),pl=to.map({silhouette:function(n){var t,e,r,i=n.length,u=n[0].length,o=[],a=0,l=[];for(e=0;e<u;++e){for(t=0,r=0;t<i;t++)r+=n[t][e][1];r>a&&(a=r),o.push(r)}for(e=0;e<u;++e)l[e]=(a-o[e])/2;return l},wiggle:function(n){var t,e,r,i,u,o,a,l,c,f=n.length,s=n[0],h=s.length,p=[];for(p[0]=l=c=0,e=1;e<h;++e){for(t=0,i=0;t<f;++t)i+=n[t][e][1];for(t=0,u=0,a=s[e][0]-s[e-1][0];t<f;++t){for(r=0,o=(n[t][e][1]-n[t][e-1][1])/(2*a);r<t;++r)o+=(n[r][e][1]-n[r][e-1][1])/a;u+=o*n[t][e][1]}p[e]=l-=i?u/i*a:0,l<c&&(c=l)}for(e=0;e<h;++e)p[e]-=c;return p},expand:function(n){var t,e,r,i=n.length,u=n[0].length,o=1/i,a=[];for(e=0;e<u;++e){for(t=0,r=0;t<i;t++)r+=n[t][e][1];if(r)for(t=0;t<i;t++)n[t][e][1]/=r;else for(t=0;t<i;t++)n[t][e][1]=o}for(e=0;e<u;++e)a[e]=0;return a},zero:gi});to.layout.histogram=function(){function n(n,u){for(var o,a,l=[],c=n.map(e,this),f=r.call(this,c,u),s=i.call(this,f,c,u),u=-1,h=c.length,p=s.length-1,g=t?1:1/h;++u<p;)(o=l[u]=[]).dx=s[u+1]-(o.x=s[u]),o.y=0;if(p>0)for(u=-1;++u<h;)(a=c[u])>=f[0]&&a<=f[1]&&((o=l[to.bisect(s,a,1,p)-1]).y+=g,o.push(n[u]));return l}var t=!0,e=Number,r=Mi,i=mi;return n.value=function(t){return arguments.length?(e=t,n):e},n.range=function(t){return arguments.length?(r=En(t),n):r},n.bins=function(t){return arguments.length?(i="number"==typeof t?function(n){return xi(n,t)}:En(t),n):i},n.frequency=function(e){return arguments.length?(t=!!e,n):t},n},to.layout.pack=function(){function n(n,u){var o=e.call(this,n,u),a=o[0],l=i[0],c=i[1],f=null==t?Math.sqrt:"function"==typeof t?t:function(){return t};if(a.x=a.y=0,ui(a,function(n){n.r=+f(n.value)}),ui(a,ki),r){var s=r*(t?1:Math.max(2*a.r/l,2*a.r/c))/2;ui(a,function(n){n.r+=s}),ui(a,ki),ui(a,function(n){n.r-=s})}return Ai(a,l/2,c/2,t?1:1/Math.max(2*a.r/l,2*a.r/c)),o}var t,e=to.layout.hierarchy().sort(_i),r=0,i=[1,1];return n.size=function(t){return arguments.length?(i=t,n):i},n.radius=function(e){return arguments.length?(t=null==e||"function"==typeof e?e:+e,n):t},n.padding=function(t){return arguments.length?(r=+t,n):r},ri(n,e)},to.layout.tree=function(){function n(n,r){var u=M.call(this,n,r),o=t(u[0]);return N=o,e(o,0),i(o),g(o,0),m(o),u}function t(n){var e={t:n,prelim:0,mod:0,shift:0,change:0,msel:0,mser:0};if(n.x=0,n.y=0,w)e.x_size=1,e.y_size=1;else if("object"==typeof S)e.x_size=S[0],e.y_size=S[1];else{var r=S(n);e.x_size=r[0],e.y_size=r[1]}k&&(n.x_size=e.x_size,n.y_size=e.y_size);for(var i=[],u=n.children?n.children.length:0,o=0;o<u;++o)i.push(t(n.children[o]));return e.children=i,e.num_children=u,e}function e(n,t){n.t.y=t,n.t.depth=0,r(n)}function r(n){var t,e=n.t.y+n.y_size,i=n.t.depth+1;for(t=0;t<n.children.length;++t){var u=n.children[t];u.t.y=e,u.t.parent=n.t,u.t.depth=i,r(n.children[t])}}function i(n){if(0!=n.num_children){i(n.children[0]);for(var t=y(f(n.children[0].el),0,null),e=1;e<n.num_children;++e){i(n.children[e]);var r=f(n.children[e].er);o(n,e,t),t=y(r,e,t)}p(n),u(n)}else u(n)}function u(n){0==n.num_children?(n.el=n,n.er=n,n.msel=n.mser=0):(n.el=n.children[0].el,n.msel=n.children[0].msel,n.er=n.children[n.num_children-1].er,n.mser=n.children[n.num_children-1].mser)}function o(n,t,e){for(var r=n.children[t-1],i=r.mod,u=n.children[t],o=u.mod;null!=r&&null!=u;){f(r)>e.lowY&&(e=e.nxt);var p=i+r.prelim-(o+u.prelim);null!=_?p+=_(r.t,u.t)*N.x_size:null!=b&&(p+=r.x_size/2+u.x_size/2+b(r.t,u.t)),p>0?(o+=p,a(n,t,e.index,p)):1===t&&0===o&&0===r.num_children&&u.num_children>1&&p<0&&(o+=p,a(n,t,e.index,p));var g=f(r),d=f(u);g<=d&&null!=(r=c(r))&&(i+=r.mod),g>=d&&null!=(u=l(u))&&(o+=u.mod)}null==r&&null!=u?s(n,t,u,o):null!=r&&null==u&&h(n,t,r,i)}function a(n,t,e,r){n.children[t].mod+=r,n.children[t].msel+=r,n.children[t].mser+=r,d(n,t,e,r)}function l(n){return 0==n.num_children?n.tl:n.children[0]}function c(n){return 0==n.num_children?n.tr:n.children[n.num_children-1]}function f(n){return n.t.y+n.y_size}function s(n,t,e,r){var i=n.children[0].el;i.tl=e;var u=r-e.mod-n.children[0].msel;i.mod+=u,i.prelim-=u,n.children[0].el=n.children[t].el,n.children[0].msel=n.children[t].msel}function h(n,t,e,r){var i=n.children[t].er;i.tr=e;var u=r-e.mod-n.children[t].mser;i.mod+=u,i.prelim-=u,n.children[t].er=n.children[t-1].er,n.children[t].mser=n.children[t-1].mser}function p(n){n.prelim=(n.children[0].prelim+n.children[0].mod-n.children[0].x_size/2+n.children[n.num_children-1].mod+n.children[n.num_children-1].prelim+n.children[n.num_children-1].x_size/2)/2}function g(n,t){t+=n.mod,n.t.x=n.prelim+t,v(n);for(var e=0;e<n.num_children;e++)g(n.children[e],t)}function d(n,t,e,r){if(e!=t-1){var i=t-e;n.children[e+1].shift+=r/i,n.children[t].shift-=r/i,n.children[t].change-=r-r/i}}function v(n){for(var t=0,e=0,r=0;r<n.num_children;r++)e+=(t+=n.children[r].shift)+n.children[r].change,n.children[r].mod+=e}function y(n,t,e){for(;null!=e&&n>=e.lowY;)e=e.nxt;return{lowY:n,index:t,nxt:e}}function m(n){if(null!=w){for(var t,e=n,r=n,i=n,u=[n];t=u.pop();)(f=t.t).x<e.t.x&&(e=t),f.x>r.t.x&&(r=t),f.depth>i.t.depth&&(i=t),t.children&&(u=u.concat(t.children));var o=null==_?.5:_(e.t,r.t)/2,a=o-e.t.x,l=w[0]/(r.t.x+o+a),c=w[1]/(i.t.depth>0?i.t.depth:1);for(u=[n];t=u.pop();){var f=t.t;f.x=(f.x+a)*l,f.y=f.depth*c,k&&(f.x_size*=l,f.y_size*=c),t.children&&(u=u.concat(t.children))}}else x(n,-n.t.x)}function x(n,t){n.t.x+=t;for(var e=0;e<n.num_children;++e)x(n.children[e],t)}var M=to.layout.hierarchy().sort(null).value(null),_=zi,b=null,w=[1,1],S=null,k=!1,N=null;return n.separation=function(t){return arguments.length?(_=t,b=null,n):_},n.spacing=function(t){return arguments.length?(b=t,_=null,n):b},n.size=function(t){return arguments.length?(w=t,S=null,n):w},n.nodeSize=function(t){return arguments.length?(S=t,w=null,n):S},n.setNodeSizes=function(t){return arguments.length?(k=t,n):k},n.rootXSize=function(){return N?N.x_size:null},ri(n,M)},to.layout.cluster=function(){function n(n,u){var o,a=t.call(this,n,u),l=a[0],c=0;ui(l,function(n){var t=n.children;t&&t.length?(n.x=qi(t),n.y=Li(t)):(n.x=o?c+=e(n,o):0,n.y=0,o=n)});var f=Ti(l),s=Ri(l),h=f.x-e(f,s)/2,p=s.x+e(s,f)/2;return ui(l,i?function(n){n.x=(n.x-l.x)*r[0],n.y=(l.y-n.y)*r[1]}:function(n){n.x=(n.x-h)/(p-h)*r[0],n.y=(1-(l.y?n.y/l.y:1))*r[1]}),a}var t=to.layout.hierarchy().sort(null).value(null),e=zi,r=[1,1],i=!1;return n.separation=function(t){return arguments.length?(e=t,n):e},n.size=function(t){return arguments.length?(i=null==(r=t),n):i?null:r},n.nodeSize=function(t){return arguments.length?(i=null!=(r=t),n):i?r:null},ri(n,t)},to.layout.treemap=function(){function n(n,t){for(var e,r,i=-1,u=n.length;++i<u;)r=(e=n[i]).value*(t<0?0:t),e.area=isNaN(r)||r<=0?0:r}function t(e){var u=e.children;if(u&&u.length){var o,a,l,c=s(e),f=[],h=u.slice(),g=1/0,d="slice"===p?c.dx:"dice"===p?c.dy:"slice-dice"===p?1&e.depth?c.dy:c.dx:Math.min(c.dx,c.dy);for(n(h,c.dx*c.dy/e.value),f.area=0;(l=h.length)>0;)f.push(o=h[l-1]),f.area+=o.area,"squarify"!==p||(a=r(f,d))<=g?(h.pop(),g=a):(f.area-=f.pop().area,i(f,d,c,!1),d=Math.min(c.dx,c.dy),f.length=f.area=0,g=1/0);f.length&&(i(f,d,c,!0),f.length=f.area=0),u.forEach(t)}}function e(t){var r=t.children;if(r&&r.length){var u,o=s(t),a=r.slice(),l=[];for(n(a,o.dx*o.dy/t.value),l.area=0;u=a.pop();)l.push(u),l.area+=u.area,null!=u.z&&(i(l,u.z?o.dx:o.dy,o,!a.length),l.length=l.area=0);r.forEach(e)}}function r(n,t){for(var e,r=n.area,i=0,u=1/0,o=-1,a=n.length;++o<a;)(e=n[o].area)&&(e<u&&(u=e),e>i&&(i=e));return r*=r,t*=t,r?Math.max(t*i*g/r,r/(t*u*g)):1/0}function i(n,t,e,r){var i,u=-1,o=n.length,a=e.x,c=e.y,f=t?l(n.area/t):0;if(t==e.dx){for((r||f>e.dy)&&(f=e.dy);++u<o;)(i=n[u]).x=a,i.y=c,i.dy=f,a+=i.dx=Math.min(e.x+e.dx-a,f?l(i.area/f):0);i.z=!0,i.dx+=e.x+e.dx-a,e.y+=f,e.dy-=f}else{for((r||f>e.dx)&&(f=e.dx);++u<o;)(i=n[u]).x=a,i.y=c,i.dx=f,c+=i.dy=Math.min(e.y+e.dy-c,f?l(i.area/f):0);i.z=!1,i.dy+=e.y+e.dy-c,e.x+=f,e.dx-=f}}function u(r){var i=o||a(r),u=i[0];return u.x=u.y=0,u.value?(u.dx=c[0],u.dy=c[1]):u.dx=u.dy=0,o&&a.revalue(u),n([u],u.dx*u.dy/u.value),(o?e:t)(u),h&&(o=i),i}var o,a=to.layout.hierarchy(),l=Math.round,c=[1,1],f=null,s=Di,h=!1,p="squarify",g=.5*(1+Math.sqrt(5));return u.size=function(n){return arguments.length?(c=n,u):c},u.padding=function(n){function t(t){var e=n.call(u,t,t.depth);return null==e?Di(t):Pi(t,"number"==typeof e?[e,e,e,e]:e)}function e(t){return Pi(t,n)}if(!arguments.length)return f;var r;return s=null==(f=n)?Di:"function"==(r=typeof n)?t:"number"===r?(n=[n,n,n,n],e):e,u},u.round=function(n){return arguments.length?(l=n?Math.round:Number,u):l!=Number},u.sticky=function(n){return arguments.length?(h=n,o=null,u):h},u.ratio=function(n){return arguments.length?(g=n,u):g},u.mode=function(n){return arguments.length?(p=n+"",u):p},ri(u,a)},to.random={normal:function(n,t){var e=arguments.length;return e<2&&(t=1),e<1&&(n=0),function(){var e,r,i;do{i=(e=2*Math.random()-1)*e+(r=2*Math.random()-1)*r}while(!i||i>1);return n+t*e*Math.sqrt(-2*Math.log(i)/i)}},logNormal:function(){var n=to.random.normal.apply(to,arguments);return function(){return Math.exp(n())}},bates:function(n){var t=to.random.irwinHall(n);return function(){return t()/n}},irwinHall:function(n){return function(){for(var t=0,e=0;e<n;e++)t+=Math.random();return t}}},to.scale={};var gl={floor:m,ceil:m};to.scale.linear=function(){return Ii([0,1],[0,1],mr,!1)};var dl={s:1,g:1,p:1,r:1,e:1};to.scale.log=function(){return Gi(to.scale.linear().domain([0,1]),10,!0,[1,10])};var vl=to.format(".0e"),yl={floor:function(n){return-Math.ceil(-n)},ceil:function(n){return-Math.floor(-n)}};to.scale.pow=function(){return Ki(to.scale.linear(),1,[0,1])},to.scale.sqrt=function(){return to.scale.pow().exponent(.5)},to.scale.ordinal=function(){return nu([],{t:"range",a:[[]]})},to.scale.category10=function(){return to.scale.ordinal().range(ml)},to.scale.category20=function(){return to.scale.ordinal().range(xl)},to.scale.category20b=function(){return to.scale.ordinal().range(Ml)},to.scale.category20c=function(){return to.scale.ordinal().range(_l)};var ml=[2062260,16744206,2924588,14034728,9725885,9197131,14907330,8355711,12369186,1556175].map(Mn),xl=[2062260,11454440,16744206,16759672,2924588,10018698,14034728,16750742,9725885,12955861,9197131,12885140,14907330,16234194,8355711,13092807,12369186,14408589,1556175,10410725].map(Mn),Ml=[3750777,5395619,7040719,10264286,6519097,9216594,11915115,13556636,9202993,12426809,15186514,15190932,8666169,11356490,14049643,15177372,8077683,10834324,13528509,14589654].map(Mn),_l=[3244733,7057110,10406625,13032431,15095053,16616764,16625259,16634018,3253076,7652470,10607003,13101504,7695281,10394312,12369372,14342891,6513507,9868950,12434877,14277081].map(Mn);to.scale.quantile=function(){return tu([],[])},to.scale.quantize=function(){return eu(0,1,[0,1])},to.scale.threshold=function(){return ru([.5],[0,1])},to.scale.identity=function(){return iu([0,1])},to.svg={},to.svg.arc=function(){function n(){var n=Math.max(0,+e.apply(this,arguments)),c=Math.max(0,+r.apply(this,arguments)),f=o.apply(this,arguments)-Ro,s=a.apply(this,arguments)-Ro,h=Math.abs(s-f),p=f>s?0:1;if(c<n&&(g=c,c=n,n=g),h>=To)return t(c,p)+(n?t(n,1-p):"")+"Z";var g,d,v,y,m,x,M,_,b,w,S,k,N=0,E=0,A=[];if((y=(+l.apply(this,arguments)||0)/2)&&(v=u===bl?Math.sqrt(n*n+c*c):+u.apply(this,arguments),p||(E*=-1),c&&(E=tn(v/c*Math.sin(y))),n&&(N=tn(v/n*Math.sin(y)))),c){m=c*Math.cos(f+E),x=c*Math.sin(f+E),M=c*Math.cos(s-E),_=c*Math.sin(s-E);var C=Math.abs(s-f-2*E)<=Lo?0:1;if(E&&su(m,x,M,_)===p^C){var z=(f+s)/2;m=c*Math.cos(z),x=c*Math.sin(z),M=_=null}}else m=x=0;if(n){b=n*Math.cos(s-N),w=n*Math.sin(s-N),S=n*Math.cos(f+N),k=n*Math.sin(f+N);var L=Math.abs(f-s+2*N)<=Lo?0:1;if(N&&su(b,w,S,k)===1-p^L){var q=(f+s)/2;b=n*Math.cos(q),w=n*Math.sin(q),S=k=null}}else b=w=0;if(h>Co&&(g=Math.min(Math.abs(c-n)/2,+i.apply(this,arguments)))>.001){d=n<c^p?0:1;var T=g,R=g;if(h<Lo){var D=null==S?[b,w]:null==M?[m,x]:Re([m,x],[S,k],[M,_],[b,w]),P=m-D[0],j=x-D[1],U=M-D[0],F=_-D[1],H=1/Math.sin(Math.acos((P*U+j*F)/(Math.sqrt(P*P+j*j)*Math.sqrt(U*U+F*F)))/2),O=Math.sqrt(D[0]*D[0]+D[1]*D[1]);R=Math.min(g,(n-O)/(H-1)),T=Math.min(g,(c-O)/(H+1))}if(null!=M){var Y=hu(null==S?[b,w]:[S,k],[m,x],c,T,p),I=hu([M,_],[b,w],c,T,p);g===T?A.push("M",Y[0],"A",T,",",T," 0 0,",d," ",Y[1],"A",c,",",c," 0 ",1-p^su(Y[1][0],Y[1][1],I[1][0],I[1][1]),",",p," ",I[1],"A",T,",",T," 0 0,",d," ",I[0]):A.push("M",Y[0],"A",T,",",T," 0 1,",d," ",I[0])}else A.push("M",m,",",x);if(null!=S){var Z=hu([m,x],[S,k],n,-R,p),V=hu([b,w],null==M?[m,x]:[M,_],n,-R,p);g===R?A.push("L",V[0],"A",R,",",R," 0 0,",d," ",V[1],"A",n,",",n," 0 ",p^su(V[1][0],V[1][1],Z[1][0],Z[1][1]),",",1-p," ",Z[1],"A",R,",",R," 0 0,",d," ",Z[0]):A.push("L",V[0],"A",R,",",R," 0 0,",d," ",Z[0])}else A.push("L",b,",",w)}else A.push("M",m,",",x),null!=M&&A.push("A",c,",",c," 0 ",C,",",p," ",M,",",_),A.push("L",b,",",w),null!=S&&A.push("A",n,",",n," 0 ",L,",",1-p," ",S,",",k);return A.push("Z"),A.join("")}function t(n,t){return"M0,"+n+"A"+n+","+n+" 0 1,"+t+" 0,"+-n+"A"+n+","+n+" 0 1,"+t+" 0,"+n}var e=ou,r=au,i=uu,u=bl,o=lu,a=cu,l=fu;return n.innerRadius=function(t){return arguments.length?(e=En(t),n):e},n.outerRadius=function(t){return arguments.length?(r=En(t),n):r},n.cornerRadius=function(t){return arguments.length?(i=En(t),n):i},n.padRadius=function(t){return arguments.length?(u=t==bl?bl:En(t),n):u},n.startAngle=function(t){return arguments.length?(o=En(t),n):o},n.endAngle=function(t){return arguments.length?(a=En(t),n):a},n.padAngle=function(t){return arguments.length?(l=En(t),n):l},n.centroid=function(){var n=(+e.apply(this,arguments)+ +r.apply(this,arguments))/2,t=(+o.apply(this,arguments)+ +a.apply(this,arguments))/2-Ro;return[Math.cos(t)*n,Math.sin(t)*n]},n};var bl="auto";to.svg.line=function(){return pu(m)};var wl=to.map({linear:gu,"linear-closed":du,step:vu,"step-before":yu,"step-after":mu,basis:Su,"basis-open":ku,"basis-closed":Nu,bundle:Eu,cardinal:_u,"cardinal-open":xu,"cardinal-closed":Mu,monotone:Tu});wl.forEach(function(n,t){t.key=n,t.closed=/-closed$/.test(n)});var Sl=[0,2/3,1/3,0],kl=[0,1/3,2/3,0],Nl=[0,1/6,2/3,1/6];to.svg.line.radial=function(){var n=pu(Ru);return n.radius=n.x,delete n.x,n.angle=n.y,delete n.y,n},yu.reverse=mu,mu.reverse=yu,to.svg.area=function(){return Du(m)},to.svg.area.radial=function(){var n=Du(Ru);return n.radius=n.x,delete n.x,n.innerRadius=n.x0,delete n.x0,n.outerRadius=n.x1,delete n.x1,n.angle=n.y,delete n.y,n.startAngle=n.y0,delete n.y0,n.endAngle=n.y1,delete n.y1,n},to.svg.chord=function(){function n(n,a){var l=t(this,u,n,a),c=t(this,o,n,a);return"M"+l.p0+r(l.r,l.p1,l.a1-l.a0)+(e(l,c)?i(l.r,l.p1,l.r,l.p0):i(l.r,l.p1,c.r,c.p0)+r(c.r,c.p1,c.a1-c.a0)+i(c.r,c.p1,l.r,l.p0))+"Z"}function t(n,t,e,r){var i=t.call(n,e,r),u=a.call(n,i,r),o=l.call(n,i,r)-Ro,f=c.call(n,i,r)-Ro;return{r:u,a0:o,a1:f,p0:[u*Math.cos(o),u*Math.sin(o)],p1:[u*Math.cos(f),u*Math.sin(f)]}}function e(n,t){return n.a0==t.a0&&n.a1==t.a1}function r(n,t,e){return"A"+n+","+n+" 0 "+ +(e>Lo)+",1 "+t}function i(n,t,e,r){return"Q 0,0 "+r}var u=xe,o=Me,a=Pu,l=lu,c=cu;return n.radius=function(t){return arguments.length?(a=En(t),n):a},n.source=function(t){return arguments.length?(u=En(t),n):u},n.target=function(t){return arguments.length?(o=En(t),n):o},n.startAngle=function(t){return arguments.length?(l=En(t),n):l},n.endAngle=function(t){return arguments.length?(c=En(t),n):c},n},to.svg.diagonal=function(){function n(n,i){var u=t.call(this,n,i),o=e.call(this,n,i),a=(u.y+o.y)/2,l=[u,{x:u.x,y:a},{x:o.x,y:a},o];return"M"+(l=l.map(r))[0]+"C"+l[1]+" "+l[2]+" "+l[3]}var t=xe,e=Me,r=ju;return n.source=function(e){return arguments.length?(t=En(e),n):t},n.target=function(t){return arguments.length?(e=En(t),n):e},n.projection=function(t){return arguments.length?(r=t,n):r},n},to.svg.diagonal.radial=function(){var n=to.svg.diagonal(),t=ju,e=n.projection;return n.projection=function(n){return arguments.length?e(Uu(t=n)):t},n},to.svg.symbol=function(){function n(n,r){return(El.get(t.call(this,n,r))||Ou)(e.call(this,n,r))}var t=Hu,e=Fu;return n.type=function(e){return arguments.length?(t=En(e),n):t},n.size=function(t){return arguments.length?(e=En(t),n):e},n};var El=to.map({circle:Ou,cross:function(n){var t=Math.sqrt(n/5)/2;return"M"+-3*t+","+-t+"H"+-t+"V"+-3*t+"H"+t+"V"+-t+"H"+3*t+"V"+t+"H"+t+"V"+3*t+"H"+-t+"V"+t+"H"+-3*t+"Z"},diamond:function(n){var t=Math.sqrt(n/(2*Cl)),e=t*Cl;return"M0,"+-t+"L"+e+",0 0,"+t+" "+-e+",0Z"},square:function(n){var t=Math.sqrt(n)/2;return"M"+-t+","+-t+"L"+t+","+-t+" "+t+","+t+" "+-t+","+t+"Z"},"triangle-down":function(n){var t=Math.sqrt(n/Al),e=t*Al/2;return"M0,"+e+"L"+t+","+-e+" "+-t+","+-e+"Z"},"triangle-up":function(n){var t=Math.sqrt(n/Al),e=t*Al/2;return"M0,"+-e+"L"+t+","+e+" "+-t+","+e+"Z"}});to.svg.symbolTypes=El.keys();var Al=Math.sqrt(3),Cl=Math.tan(30*Do);_o.transition=function(n){for(var t,e,r=zl||++Rl,i=Xu(n),u=[],o=Ll||{time:Date.now(),ease:kr,delay:0,duration:250},a=-1,l=this.length;++a<l;){u.push(t=[]);for(var c=this[a],f=-1,s=c.length;++f<s;)(e=c[f])&&$u(e,f,i,r,o),t.push(e)}return Iu(u,i,r)},_o.interrupt=function(n){return this.each(null==n?ql:Yu(Xu(n)))};var zl,Ll,ql=Yu(Xu()),Tl=[],Rl=0;Tl.call=_o.call,Tl.empty=_o.empty,Tl.node=_o.node,Tl.size=_o.size,to.transition=function(n,t){return n&&n.transition?zl?n.transition(t):n:to.selection().transition(n)},to.transition.prototype=Tl,Tl.select=function(n){var t,e,r,i=this.id,u=this.namespace,o=[];n=A(n);for(var a=-1,l=this.length;++a<l;){o.push(t=[]);for(var c=this[a],f=-1,s=c.length;++f<s;)(r=c[f])&&(e=n.call(r,r.__data__,f,a))?("__data__"in r&&(e.__data__=r.__data__),$u(e,f,u,i,r[u][i]),t.push(e)):t.push(null)}return Iu(o,u,i)},Tl.selectAll=function(n){var t,e,r,i,u,o=this.id,a=this.namespace,l=[];n=C(n);for(var c=-1,f=this.length;++c<f;)for(var s=this[c],h=-1,p=s.length;++h<p;)if(r=s[h]){u=r[a][o],e=n.call(r,r.__data__,h,c),l.push(t=[]);for(var g=-1,d=e.length;++g<d;)(i=e[g])&&$u(i,g,a,o,u),t.push(i)}return Iu(l,a,o)},Tl.filter=function(n){var t,e,r,i=[];"function"!=typeof n&&(n=O(n));for(var u=0,o=this.length;u<o;u++){i.push(t=[]);for(var a=0,l=(e=this[u]).length;a<l;a++)(r=e[a])&&n.call(r,r.__data__,a,u)&&t.push(r)}return Iu(i,this.namespace,this.id)},Tl.tween=function(n,t){var e=this.id,r=this.namespace;return arguments.length<2?this.node()[r][e].tween.get(n):I(this,null==t?function(t){t[r][e].tween.remove(n)}:function(i){i[r][e].tween.set(n,t)})},Tl.attr=function(n,t){function e(){this.removeAttribute(a)}function r(){this.removeAttributeNS(a.space,a.local)}function i(n){return null==n?e:(n+="",function(){var t,e=this.getAttribute(a);return e!==n&&(t=o(e,n),function(n){this.setAttribute(a,t(n))})})}function u(n){return null==n?r:(n+="",function(){var t,e=this.getAttributeNS(a.space,a.local);return e!==n&&(t=o(e,n),function(n){this.setAttributeNS(a.space,a.local,t(n))})})}if(arguments.length<2){for(t in n)this.attr(t,n[t]);return this}var o="transform"==n?Xr:mr,a=to.ns.qualify(n);return Zu(this,"attr."+n,t,a.local?u:i)},Tl.attrTween=function(n,t){function e(n,e){var r=t.call(this,n,e,this.getAttribute(i));return r&&function(n){this.setAttribute(i,r(n))}}function r(n,e){var r=t.call(this,n,e,this.getAttributeNS(i.space,i.local));return r&&function(n){this.setAttributeNS(i.space,i.local,r(n))}}var i=to.ns.qualify(n);return this.tween("attr."+n,i.local?r:e)},Tl.style=function(n,e,r){function i(){this.style.removeProperty(n)}function u(e){return null==e?i:(e+="",function(){var i,u=t(this).getComputedStyle(this,null).getPropertyValue(n);return u!==e&&(i=mr(u,e),function(t){this.style.setProperty(n,i(t),r)})})}var o=arguments.length;if(o<3){if("string"!=typeof n){o<2&&(e="");for(r in n)this.style(r,n[r],e);return this}r=""}return Zu(this,"style."+n,e,u)},Tl.styleTween=function(n,e,r){function i(i,u){var o=e.call(this,i,u,t(this).getComputedStyle(this,null).getPropertyValue(n));return o&&function(t){this.style.setProperty(n,o(t),r)}}return arguments.length<3&&(r=""),this.tween("style."+n,i)},Tl.text=function(n){return Zu(this,"text",n,Vu)},Tl.remove=function(){var n=this.namespace;return this.each("end.transition",function(){var t;this[n].count<2&&(t=this.parentNode)&&t.removeChild(this)})},Tl.ease=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].ease:("function"!=typeof n&&(n=to.ease.apply(to,arguments)),I(this,function(r){r[e][t].ease=n}))},Tl.delay=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].delay:I(this,"function"==typeof n?function(r,i,u){r[e][t].delay=+n.call(r,r.__data__,i,u)}:(n=+n,function(r){r[e][t].delay=n}))},Tl.duration=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].duration:I(this,"function"==typeof n?function(r,i,u){r[e][t].duration=Math.max(1,n.call(r,r.__data__,i,u))}:(n=Math.max(1,n),function(r){r[e][t].duration=n}))},Tl.each=function(n,t){var e=this.id,r=this.namespace;if(arguments.length<2){var i=Ll,u=zl;try{zl=e,I(this,function(t,i,u){Ll=t[r][e],n.call(t,t.__data__,i,u)})}finally{Ll=i,zl=u}}else I(this,function(i){var u=i[r][e];(u.event||(u.event=to.dispatch("start","end","interrupt"))).on(n,t)});return this},Tl.transition=function(){for(var n,t,e,r,i=this.id,u=++Rl,o=this.namespace,a=[],l=0,c=this.length;l<c;l++){a.push(n=[]);for(var f=0,s=(t=this[l]).length;f<s;f++)(e=t[f])&&$u(e,f,o,u,{time:(r=e[o][i]).time,ease:r.ease,delay:r.delay+r.duration,duration:r.duration}),n.push(e)}return Iu(a,o,u)},to.svg.axis=function(){function n(n){n.each(function(){var n,c=to.select(this),f=this.__chart__||e,s=this.__chart__=e.copy(),h=null==l?s.ticks?s.ticks.apply(s,a):s.domain():l,p=null==t?s.tickFormat?s.tickFormat.apply(s,a):m:t,g=c.selectAll(".tick").data(h,s),d=g.enter().insert("g",".domain").attr("class","tick").style("opacity",Co),v=to.transition(g.exit()).style("opacity",Co).remove(),y=to.transition(g.order()).style("opacity",1),x=Math.max(i,0)+o,M=Ui(s),_=c.selectAll(".domain").data([0]),b=(_.enter().append("path").attr("class","domain"),to.transition(_));d.append("line"),d.append("text");var w,S,k,N,E=d.select("line"),A=y.select("line"),C=g.select("text").text(p),z=d.select("text"),L=y.select("text"),q="top"===r||"left"===r?-1:1;if("bottom"===r||"top"===r?(n=Bu,w="x",k="y",S="x2",N="y2",C.attr("dy",q<0?"0em":".71em").style("text-anchor","middle"),b.attr("d","M"+M[0]+","+q*u+"V0H"+M[1]+"V"+q*u)):(n=Wu,w="y",k="x",S="y2",N="x2",C.attr("dy",".32em").style("text-anchor",q<0?"end":"start"),b.attr("d","M"+q*u+","+M[0]+"H0V"+M[1]+"H"+q*u)),E.attr(N,q*i),z.attr(k,q*x),A.attr(S,0).attr(N,q*i),L.attr(w,0).attr(k,q*x),s.rangeBand){var T=s,R=T.rangeBand()/2;f=s=function(n){return T(n)+R}}else f.rangeBand?f=s:v.call(n,s,f);d.call(n,f,s),y.call(n,s,s)})}var t,e=to.scale.linear(),r=Dl,i=6,u=6,o=3,a=[10],l=null;return n.scale=function(t){return arguments.length?(e=t,n):e},n.orient=function(t){return arguments.length?(r=t in Pl?t+"":Dl,n):r},n.ticks=function(){return arguments.length?(a=ro(arguments),n):a},n.tickValues=function(t){return arguments.length?(l=t,n):l},n.tickFormat=function(e){return arguments.length?(t=e,n):t},n.tickSize=function(t){var e=arguments.length;return e?(i=+t,u=+arguments[e-1],n):i},n.innerTickSize=function(t){return arguments.length?(i=+t,n):i},n.outerTickSize=function(t){return arguments.length?(u=+t,n):u},n.tickPadding=function(t){return arguments.length?(o=+t,n):o},n.tickSubdivide=function(){return arguments.length&&n},n};var Dl="bottom",Pl={top:1,right:1,bottom:1,left:1};to.svg.brush=function(){function n(t){t.each(function(){var t=to.select(this).style("pointer-events","all").style("-webkit-tap-highlight-color","rgba(0,0,0,0)").on("mousedown.brush",u).on("touchstart.brush",u),o=t.selectAll(".background").data([0]);o.enter().append("rect").attr("class","background").style("visibility","hidden").style("cursor","crosshair"),t.selectAll(".extent").data([0]).enter().append("rect").attr("class","extent").style("cursor","move");var a=t.selectAll(".resize").data(d,m);a.exit().remove(),a.enter().append("g").attr("class",function(n){return"resize "+n}).style("cursor",function(n){return jl[n]}).append("rect").attr("x",function(n){return/[ew]$/.test(n)?-3:null}).attr("y",function(n){return/^[ns]/.test(n)?-3:null}).attr("width",6).attr("height",6).style("visibility","hidden"),a.style("display",n.empty()?"none":null);var l,s=to.transition(t),h=to.transition(o);c&&(l=Ui(c),h.attr("x",l[0]).attr("width",l[1]-l[0]),r(s)),f&&(l=Ui(f),h.attr("y",l[0]).attr("height",l[1]-l[0]),i(s)),e(s)})}function e(n){n.selectAll(".resize").attr("transform",function(n){return"translate("+s[+/e$/.test(n)]+","+h[+/^s/.test(n)]+")"})}function r(n){n.select(".extent").attr("x",s[0]),n.selectAll(".extent,.n>rect,.s>rect").attr("width",s[1]-s[0])}function i(n){n.select(".extent").attr("y",h[0]),n.selectAll(".extent,.e>rect,.w>rect").attr("height",h[1]-h[0])}function u(){function u(){32==to.event.keyCode&&(C||(x=null,L[0]-=s[1],L[1]-=h[1],C=2),S())}function d(){32==to.event.keyCode&&2==C&&(L[0]+=s[1],L[1]+=h[1],C=0,S())}function v(){var n=to.mouse(_),t=!1;M&&(n[0]+=M[0],n[1]+=M[1]),C||(to.event.altKey?(x||(x=[(s[0]+s[1])/2,(h[0]+h[1])/2]),L[0]=s[+(n[0]<x[0])],L[1]=h[+(n[1]<x[1])]):x=null),E&&y(n,c,0)&&(r(k),t=!0),A&&y(n,f,1)&&(i(k),t=!0),t&&(e(k),w({type:"brush",mode:C?"move":"resize"}))}function y(n,t,e){var r,i,u=Ui(t),l=u[0],c=u[1],f=L[e],d=e?h:s,v=d[1]-d[0];if(C&&(l-=f,c-=v+f),r=(e?g:p)?Math.max(l,Math.min(c,n[e])):n[e],C?i=(r+=f)+v:(x&&(f=Math.max(l,Math.min(c,2*x[e]-r))),f<r?(i=r,r=f):i=f),d[0]!=r||d[1]!=i)return e?a=null:o=null,d[0]=r,d[1]=i,!0}function m(){v(),k.style("pointer-events","all").selectAll(".resize").style("display",n.empty()?"none":null),to.select("body").style("cursor",null),q.on("mousemove.brush",null).on("mouseup.brush",null).on("touchmove.brush",null).on("touchend.brush",null).on("keydown.brush",null).on("keyup.brush",null),z(),w({type:"brushend"})}var x,M,_=this,b=to.select(to.event.target),w=l.of(_,arguments),k=to.select(_),N=b.datum(),E=!/^(n|s)$/.test(N)&&c,A=!/^(e|w)$/.test(N)&&f,C=b.classed("extent"),z=W(_),L=to.mouse(_),q=to.select(t(_)).on("keydown.brush",u).on("keyup.brush",d);if(to.event.changedTouches?q.on("touchmove.brush",v).on("touchend.brush",m):q.on("mousemove.brush",v).on("mouseup.brush",m),k.interrupt().selectAll("*").interrupt(),C)L[0]=s[0]-L[0],L[1]=h[0]-L[1];else if(N){var T=+/w$/.test(N),R=+/^n/.test(N);M=[s[1-T]-L[0],h[1-R]-L[1]],L[0]=s[T],L[1]=h[R]}else to.event.altKey&&(x=L.slice());k.style("pointer-events","none").selectAll(".resize").style("display",null),to.select("body").style("cursor",b.style("cursor")),w({type:"brushstart"}),v()}var o,a,l=N(n,"brushstart","brush","brushend"),c=null,f=null,s=[0,0],h=[0,0],p=!0,g=!0,d=Ul[0];return n.event=function(n){n.each(function(){var n=l.of(this,arguments),t={x:s,y:h,i:o,j:a},e=this.__chart__||t;this.__chart__=t,zl?to.select(this).transition().each("start.brush",function(){o=e.i,a=e.j,s=e.x,h=e.y,n({type:"brushstart"})}).tween("brush:brush",function(){var e=xr(s,t.x),r=xr(h,t.y);return o=a=null,function(i){s=t.x=e(i),h=t.y=r(i),n({type:"brush",mode:"resize"})}}).each("end.brush",function(){o=t.i,a=t.j,n({type:"brush",mode:"resize"}),n({type:"brushend"})}):(n({type:"brushstart"}),n({type:"brush",mode:"resize"}),n({type:"brushend"}))})},n.x=function(t){return arguments.length?(c=t,d=Ul[!c<<1|!f],n):c},n.y=function(t){return arguments.length?(f=t,d=Ul[!c<<1|!f],n):f},n.clamp=function(t){return arguments.length?(c&&f?(p=!!t[0],g=!!t[1]):c?p=!!t:f&&(g=!!t),n):c&&f?[p,g]:c?p:f?g:null},n.extent=function(t){var e,r,i,u,l;return arguments.length?(c&&(e=t[0],r=t[1],f&&(e=e[0],r=r[0]),o=[e,r],c.invert&&(e=c(e),r=c(r)),r<e&&(l=e,e=r,r=l),e==s[0]&&r==s[1]||(s=[e,r])),f&&(i=t[0],u=t[1],c&&(i=i[1],u=u[1]),a=[i,u],f.invert&&(i=f(i),u=f(u)),u<i&&(l=i,i=u,u=l),i==h[0]&&u==h[1]||(h=[i,u])),n):(c&&(o?(e=o[0],r=o[1]):(e=s[0],r=s[1],c.invert&&(e=c.invert(e),r=c.invert(r)),r<e&&(l=e,e=r,r=l))),f&&(a?(i=a[0],u=a[1]):(i=h[0],u=h[1],f.invert&&(i=f.invert(i),u=f.invert(u)),u<i&&(l=i,i=u,u=l))),c&&f?[[e,i],[r,u]]:c?[e,r]:f&&[i,u])},n.clear=function(){return n.empty()||(s=[0,0],h=[0,0],o=a=null),n},n.empty=function(){return!!c&&s[0]==s[1]||!!f&&h[0]==h[1]},to.rebind(n,l,"on")};var jl={n:"ns-resize",e:"ew-resize",s:"ns-resize",w:"ew-resize",nw:"nwse-resize",ne:"nesw-resize",se:"nwse-resize",sw:"nesw-resize"},Ul=[["n","e","s","w","nw","ne","se","sw"],["e","w"],["n","s"],[]],Fl=ia.format=fa.timeFormat,Hl=Fl.utc,Ol=Hl("%Y-%m-%dT%H:%M:%S.%LZ");Fl.iso=Date.prototype.toISOString&&+new Date("2000-01-01T00:00:00.000Z")?Ju:Ol,Ju.parse=function(n){var t=new Date(n);return isNaN(t)?null:t},Ju.toString=Ol.toString,ia.second=On(function(n){return new ua(1e3*Math.floor(n/1e3))},function(n,t){n.setTime(n.getTime()+1e3*Math.floor(t))},function(n){return n.getSeconds()}),ia.seconds=ia.second.range,ia.seconds.utc=ia.second.utc.range,ia.minute=On(function(n){return new ua(6e4*Math.floor(n/6e4))},function(n,t){n.setTime(n.getTime()+6e4*Math.floor(t))},function(n){return n.getMinutes()}),ia.minutes=ia.minute.range,ia.minutes.utc=ia.minute.utc.range,ia.hour=On(function(n){var t=n.getTimezoneOffset()/60;return new ua(36e5*(Math.floor(n/36e5-t)+t))},function(n,t){n.setTime(n.getTime()+36e5*Math.floor(t))},function(n){return n.getHours()}),ia.hours=ia.hour.range,ia.hours.utc=ia.hour.utc.range,ia.month=On(function(n){return(n=ia.day(n)).setDate(1),n},function(n,t){n.setMonth(n.getMonth()+t)},function(n){return n.getMonth()}),ia.months=ia.month.range,ia.months.utc=ia.month.utc.range;var Yl=[1e3,5e3,15e3,3e4,6e4,3e5,9e5,18e5,36e5,108e5,216e5,432e5,864e5,1728e5,6048e5,2592e6,7776e6,31536e6],Il=[[ia.second,1],[ia.second,5],[ia.second,15],[ia.second,30],[ia.minute,1],[ia.minute,5],[ia.minute,15],[ia.minute,30],[ia.hour,1],[ia.hour,3],[ia.hour,6],[ia.hour,12],[ia.day,1],[ia.day,2],[ia.week,1],[ia.month,1],[ia.month,3],[ia.year,1]],Zl=Fl.multi([[".%L",function(n){return n.getMilliseconds()}],[":%S",function(n){return n.getSeconds()}],["%I:%M",function(n){return n.getMinutes()}],["%I %p",function(n){return n.getHours()}],["%a %d",function(n){return n.getDay()&&1!=n.getDate()}],["%b %d",function(n){return 1!=n.getDate()}],["%B",function(n){return n.getMonth()}],["%Y",zt]]),Vl={range:function(n,t,e){return to.range(Math.ceil(n/e)*e,+t,e).map(Ku)},floor:m,ceil:m};Il.year=ia.year,ia.scale=function(){return Gu(to.scale.linear(),Il,Zl)};var Xl=Il.map(function(n){return[n[0].utc,n[1]]}),$l=Hl.multi([[".%L",function(n){return n.getUTCMilliseconds()}],[":%S",function(n){return n.getUTCSeconds()}],["%I:%M",function(n){return n.getUTCMinutes()}],["%I %p",function(n){return n.getUTCHours()}],["%a %d",function(n){return n.getUTCDay()&&1!=n.getUTCDate()}],["%b %d",function(n){return 1!=n.getUTCDate()}],["%B",function(n){return n.getUTCMonth()}],["%Y",zt]]);Xl.year=ia.year.utc,ia.scale.utc=function(){return Gu(to.scale.linear(),Xl,$l)},to.text=An(function(n){return n.responseText}),to.json=function(n,t){return Cn(n,"application/json",Qu,t)},to.html=function(n,t){return console.log("d3.html"),Cn(n,"text/html",no,t)},to.xml=An(function(n){return n.responseXML}),"function"==typeof define&&define.amd?(this.d3=to,define(to)):"object"==typeof module&&module.exports?module.exports=to:this.d3=to}();
diff --git a/documentation/js/libs/deep-iterator.js b/documentation/js/libs/deep-iterator.js
deleted file mode 100644
index 63e4261a..00000000
--- a/documentation/js/libs/deep-iterator.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.deepIterator=e()}}(function(){return function e(t,r,n){function o(a,u){if(!r[a]){if(!t[a]){var c="function"==typeof require&&require;if(!u&&c)return c(a,!0);if(i)return i(a,!0);var s=new Error("Cannot find module '"+a+"'");throw s.code="MODULE_NOT_FOUND",s}var f=r[a]={exports:{}};t[a][0].call(f.exports,function(e){var r=t[a][1][e];return o(r?r:e)},f,f.exports,e,t,r,n)}return r[a].exports}for(var i="function"==typeof require&&require,a=0;a<n.length;a++)o(n[a]);return o}({1:[function(e,t,r){function n(){throw new Error("setTimeout has not been defined")}function o(){throw new Error("clearTimeout has not been defined")}function i(e){if(l===setTimeout)return setTimeout(e,0);if((l===n||!l)&&setTimeout)return l=setTimeout,setTimeout(e,0);try{return l(e,0)}catch(t){try{return l.call(null,e,0)}catch(t){return l.call(this,e,0)}}}function a(e){if(p===clearTimeout)return clearTimeout(e);if((p===o||!p)&&clearTimeout)return p=clearTimeout,clearTimeout(e);try{return p(e)}catch(t){try{return p.call(null,e)}catch(t){return p.call(this,e)}}}function u(){h&&_&&(h=!1,_.length?b=_.concat(b):y=-1,b.length&&c())}function c(){if(!h){var e=i(u);h=!0;for(var t=b.length;t;){for(_=b,b=[];++y<t;)_&&_[y].run();y=-1,t=b.length}_=null,h=!1,a(e)}}function s(e,t){this.fun=e,this.array=t}function f(){}var l,p,d=t.exports={};!function(){try{l="function"==typeof setTimeout?setTimeout:n}catch(e){l=n}try{p="function"==typeof clearTimeout?clearTimeout:o}catch(e){p=o}}();var _,b=[],h=!1,y=-1;d.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var r=1;r<arguments.length;r++)t[r-1]=arguments[r];b.push(new s(e,t)),1!==b.length||h||i(c)},s.prototype.run=function(){this.fun.apply(null,this.array)},d.title="browser",d.browser=!0,d.env={},d.argv=[],d.version="",d.versions={},d.on=f,d.addListener=f,d.once=f,d.off=f,d.removeListener=f,d.removeAllListeners=f,d.emit=f,d.binding=function(e){throw new Error("process.binding is not supported")},d.cwd=function(){return"/"},d.chdir=function(e){throw new Error("process.chdir is not supported")},d.umask=function(){return 0}},{}],2:[function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function o(e){return e&&e.__esModule?e:{default:e}}function i(e){var t,r,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return u.default.wrap(function(i){for(;;)switch(i.prev=i.next){case 0:if(t={onlyLeaves:!1,circularReference:"leaf",search:"dfsPreOrder",iterateOverObject:!0,skipIteration:function(){return!1}},void 0!==o.onlyLeaves&&(t.onlyLeaves=o.onlyLeaves),void 0!==o.circularReference&&(t.circularReference=o.circularReference),void 0!==o.iterateOverObject&&(t.iterateOverObject=o.iterateOverObject),void 0!==o.skipIteration&&(t.skipIteration=o.skipIteration),void 0===o.search){i.next=9;break}if(o.search in s){i.next=8;break}throw new Error("The search algorithm "+o.search+" is incorrect.");case 8:t.search=o.search;case 9:return r=new l.default(e,t),n=(0,d.default)(t.circularReference),i.delegateYield(s[t.search](r,t.onlyLeaves,n),"t0",12);case 12:case"end":return i.stop()}},_[0],this)}Object.defineProperty(r,"__esModule",{value:!0});var a=e("babel-runtime/regenerator"),u=o(a);r.default=i;var c=e("./search"),s=n(c),f=e("./root-node"),l=o(f),p=e("./seen"),d=o(p),_=[i].map(u.default.mark)},{"./root-node":5,"./search":6,"./seen":7,"babel-runtime/regenerator":115}],3:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){var t;return l.default.wrap(function(r){for(;;)switch(r.prev=r.next){case 0:r.t0=l.default.keys(e);case 1:if((r.t1=r.t0()).done){r.next=7;break}return t=r.t1.value,r.next=5,[t,e[t]];case 5:r.next=1;break;case 7:case"end":return r.stop()}},p[0],this)}function i(e){var t;return l.default.wrap(function(r){for(;;)switch(r.prev=r.next){case 0:t=0;case 1:if(!(t<e.length)){r.next=7;break}return r.next=4,[t,e[t]];case 4:t++,r.next=1;break;case 7:case"end":return r.stop()}},p[1],this)}function a(e){var t,r,n,o,i,a;return l.default.wrap(function(u){for(;;)switch(u.prev=u.next){case 0:t=!0,r=!1,n=void 0,u.prev=3,o=(0,s.default)(e);case 5:if(t=(i=o.next()).done){u.next=12;break}return a=i.value,u.next=9,[void 0,a];case 9:t=!0,u.next=5;break;case 12:u.next=18;break;case 14:u.prev=14,u.t0=u.catch(3),r=!0,n=u.t0;case 18:u.prev=18,u.prev=19,!t&&o.return&&o.return();case 21:if(u.prev=21,!r){u.next=24;break}throw n;case 24:return u.finish(21);case 25:return u.finish(18);case 26:case"end":return u.stop()}},p[2],this,[[3,14,18,26],[19,,21,25]])}function u(e){var t,r,n,o,i,a;return l.default.wrap(function(u){for(;;)switch(u.prev=u.next){case 0:t=!0,r=!1,n=void 0,u.prev=3,o=(0,s.default)(e);case 5:if(t=(i=o.next()).done){u.next=12;break}return a=i.value,u.next=9,a;case 9:t=!0,u.next=5;break;case 12:u.next=18;break;case 14:u.prev=14,u.t0=u.catch(3),r=!0,n=u.t0;case 18:u.prev=18,u.prev=19,!t&&o.return&&o.return();case 21:if(u.prev=21,!r){u.next=24;break}throw n;case 24:return u.finish(21);case 25:return u.finish(18);case 26:case"end":return u.stop()}},p[3],this,[[3,14,18,26],[19,,21,25]])}Object.defineProperty(r,"__esModule",{value:!0}),r.LEAF=void 0;var c=e("babel-runtime/core-js/get-iterator"),s=n(c),f=e("babel-runtime/regenerator"),l=n(f);r.objectIterator=o,r.arrayIterator=i,r.genericIterator=a,r.mapIterator=u;var p=[o,i,a,u].map(l.default.mark);r.LEAF=null},{"babel-runtime/core-js/get-iterator":11,"babel-runtime/regenerator":115}],4:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var o=e("babel-runtime/helpers/toConsumableArray"),i=n(o),a=e("babel-runtime/helpers/classCallCheck"),u=n(a),c=e("babel-runtime/helpers/createClass"),s=n(c),f=e("./generators"),l=e("./tag"),p=function(){function e(t,r,n,o){(0,u.default)(this,e),this._value=r,this._key=t,this._parent=n.value,this._parentNode=n,this._selectGenerator=n._selectGenerator,this._tag=(0,l.getTag)(r),this._generator=this._selectGenerator.getGenerator(this._tag),this._isCircular=o,this._isLeaf=this._generator===f.LEAF||this._isCircular,!this._isLeaf&&this._selectGenerator.skipIteration(this)&&(this._isLeaf=!0,this._generator=f.LEAF)}return(0,s.default)(e,[{key:"createIterator",value:function(){if(this._generator===f.LEAF)throw new Error("createIterator called on a non iterable node.");return this._generator(this.value)}},{key:"isCircular",value:function(){return this._isCircular}},{key:"isLeaf",value:function(){return this._isLeaf}},{key:"isNull",value:function(){return"Null"===this.type}},{key:"isUndefined",value:function(){return"Undefined"===this.type}},{key:"isBoolean",value:function(){return"Boolean"===this.type}},{key:"isNumber",value:function(){return"Number"===this.type}},{key:"isString",value:function(){return"String"===this.type}},{key:"isSymbol",value:function(){return"Symbol"===this.type}},{key:"isDate",value:function(){return"Date"===this.type}},{key:"isRegExp",value:function(){return"RegExp"===this.type}},{key:"isFunction",value:function(){return"Function"===this.type}},{key:"isGeneratorFunction",value:function(){return"GeneratorFunction"===this.type}},{key:"isPromise",value:function(){return"Promise"===this.type}},{key:"isArray",value:function(){return"Array"===this.type}},{key:"isSet",value:function(){return"Set"===this.type}},{key:"isMap",value:function(){return"Map"===this.type}},{key:"isUserDefinedIterable",value:function(){return"UserDefinedIterable"===this.type}},{key:"isNonIterableObject",value:function(){return"NonIterableObject"===this.type}},{key:"value",get:function(){return this._value}},{key:"key",get:function(){return this._key}},{key:"parent",get:function(){return this._parent}},{key:"parentNode",get:function(){return this._parentNode}},{key:"path",get:function(){return[].concat((0,i.default)(this.parentNode.path),[this.key])}},{key:"type",get:function(){return void 0===this._type&&(this._type=(0,l.getTypeFromTag)(this._tag)),this._type}}]),e}();r.default=p},{"./generators":3,"./tag":9,"babel-runtime/helpers/classCallCheck":19,"babel-runtime/helpers/createClass":20,"babel-runtime/helpers/toConsumableArray":24}],5:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var o=e("babel-runtime/core-js/object/get-prototype-of"),i=n(o),a=e("babel-runtime/helpers/classCallCheck"),u=n(a),c=e("babel-runtime/helpers/createClass"),s=n(c),f=e("babel-runtime/helpers/possibleConstructorReturn"),l=n(f),p=e("babel-runtime/helpers/inherits"),d=n(p),_=e("./node"),b=n(_),h=e("./select-generator"),y=n(h),v=function(e){function t(e,r){(0,u.default)(this,t);var n={_selectGenerator:new y.default(r)};return(0,l.default)(this,(t.__proto__||(0,i.default)(t)).call(this,void 0,e,n,!1))}return(0,d.default)(t,e),(0,s.default)(t,[{key:"parentNode",get:function(){}},{key:"path",get:function(){return[]}}]),t}(b.default);r.default=v},{"./node":4,"./select-generator":8,"babel-runtime/core-js/object/get-prototype-of":15,"babel-runtime/helpers/classCallCheck":19,"babel-runtime/helpers/createClass":20,"babel-runtime/helpers/inherits":21,"babel-runtime/helpers/possibleConstructorReturn":22}],6:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t,r){var n,i,a,u,s,l,d,h,y;return c.default.wrap(function(c){for(;;)switch(c.prev=c.next){case 0:if(!e.isLeaf()){c.next=4;break}return c.next=3,e;case 3:return c.abrupt("return");case 4:if(t){c.next=7;break}return c.next=7,e;case 7:n=r.add(e.value),i=!0,a=!1,u=void 0,c.prev=11,s=(0,p.default)(e.createIterator());case 13:if(i=(l=s.next()).done){c.next=19;break}return d=(0,f.default)(l.value,2),h=d[0],y=d[1],c.delegateYield(o(new _.default(h,y,e,n.has(y)),t,n),"t0",16);case 16:i=!0,c.next=13;break;case 19:c.next=25;break;case 21:c.prev=21,c.t1=c.catch(11),a=!0,u=c.t1;case 25:c.prev=25,c.prev=26,!i&&s.return&&s.return();case 28:if(c.prev=28,!a){c.next=31;break}throw u;case 31:return c.finish(28);case 32:return c.finish(25);case 33:case"end":return c.stop()}},b[0],this,[[11,21,25,33],[26,,28,32]])}function i(e,t,r){var n,o,a,u,s,l,d,h,y;return c.default.wrap(function(c){for(;;)switch(c.prev=c.next){case 0:if(!e.isLeaf()){c.next=4;break}return c.next=3,e;case 3:return c.abrupt("return");case 4:n=r.add(e.value),o=!0,a=!1,u=void 0,c.prev=8,s=(0,p.default)(e.createIterator());case 10:if(o=(l=s.next()).done){c.next=16;break}return d=(0,f.default)(l.value,2),h=d[0],y=d[1],c.delegateYield(i(new _.default(h,y,e,n.has(y)),t,n),"t0",13);case 13:o=!0,c.next=10;break;case 16:c.next=22;break;case 18:c.prev=18,c.t1=c.catch(8),a=!0,u=c.t1;case 22:c.prev=22,c.prev=23,!o&&s.return&&s.return();case 25:if(c.prev=25,!a){c.next=28;break}throw u;case 28:return c.finish(25);case 29:return c.finish(22);case 30:if(t){c.next=33;break}return c.next=33,e;case 33:case"end":return c.stop()}},b[1],this,[[8,18,22,30],[23,,25,29]])}function a(e,t,r){var n,o,i,a,u,s,l,d,h,y,v,m;return c.default.wrap(function(c){for(;;)switch(c.prev=c.next){case 0:n=[{node:e,seen:r}],o=0;case 2:if(!(o<n.length)){c.next=35;break}if(i=n[o].node,!i.isLeaf()){c.next=9;break}return c.next=7,i;case 7:c.next=32;break;case 9:if(t){c.next=12;break}return c.next=12,i;case 12:for(a=n[o].seen.add(i.value),u=!0,s=!1,l=void 0,c.prev=16,d=(0,p.default)(i.createIterator());!(u=(h=d.next()).done);u=!0)y=(0,f.default)(h.value,2),v=y[0],m=y[1],n.push({node:new _.default(v,m,i,a.has(m)),seen:a});c.next=24;break;case 20:c.prev=20,c.t0=c.catch(16),s=!0,l=c.t0;case 24:c.prev=24,c.prev=25,!u&&d.return&&d.return();case 27:if(c.prev=27,!s){c.next=30;break}throw l;case 30:return c.finish(27);case 31:return c.finish(24);case 32:o++,c.next=2;break;case 35:case"end":return c.stop()}},b[2],this,[[16,20,24,32],[25,,27,31]])}Object.defineProperty(r,"__esModule",{value:!0});var u=e("babel-runtime/regenerator"),c=n(u),s=e("babel-runtime/helpers/slicedToArray"),f=n(s),l=e("babel-runtime/core-js/get-iterator"),p=n(l);r.dfsPreOrder=o,r.dfsPostOrder=i,r.bfs=a;var d=e("./node"),_=n(d),b=[o,i,a].map(c.default.mark)},{"./node":4,"babel-runtime/core-js/get-iterator":11,"babel-runtime/helpers/slicedToArray":23,"babel-runtime/regenerator":115}],7:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){switch(e){case"leaf":return new p([]);case"throw":return new d([]);case"noCheck":return new l}throw new Error("Incorrect value "+e+" for circularReference option.")}Object.defineProperty(r,"__esModule",{value:!0});var i=e("babel-runtime/helpers/toConsumableArray"),a=n(i),u=e("babel-runtime/helpers/classCallCheck"),c=n(u),s=e("babel-runtime/helpers/createClass"),f=n(s);r.default=o;var l=function(){function e(){(0,c.default)(this,e)}return(0,f.default)(e,[{key:"add",value:function(){return this}},{key:"has",value:function(){return!1}}]),e}(),p=function(){function e(t){(0,c.default)(this,e),this._arr=t}return(0,f.default)(e,[{key:"add",value:function(t){return new e([].concat((0,a.default)(this._arr),[t]))}},{key:"has",value:function(e){return this._arr.includes(e)}}]),e}(),d=function(){function e(t){(0,c.default)(this,e),this._arr=t}return(0,f.default)(e,[{key:"add",value:function(t){return new e([].concat((0,a.default)(this._arr),[t]))}},{key:"has",value:function(e){if(this._arr.includes(e))throw new Error("Circular reference : "+e);return!1}}]),e}()},{"babel-runtime/helpers/classCallCheck":19,"babel-runtime/helpers/createClass":20,"babel-runtime/helpers/toConsumableArray":24}],8:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var o=e("babel-runtime/helpers/classCallCheck"),i=n(o),a=e("babel-runtime/helpers/createClass"),u=n(a),c=e("./tag"),s=(e("./generators"),function(){function e(t){(0,i.default)(this,e),this.skipIteration=t.skipIteration,this.tagMap=(0,c.getTagMap)(t)}return(0,u.default)(e,[{key:"getGenerator",value:function(e){return this.tagMap[e]}}]),e}());r.default=s},{"./generators":3,"./tag":9,"babel-runtime/helpers/classCallCheck":19,"babel-runtime/helpers/createClass":20}],9:[function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function o(e){return e&&e.__esModule?e:{default:e}}function i(e){return e.slice(_,e.length-1)}function a(e){var t=Object.prototype.toString.call(e);return t in b?t:"function"==typeof e[l.default]?"[object UserDefinedIterable]":"[object NonIterableObject]"}function u(e){var t=(0,s.default)(b);return e.iterateOverObject||(t["[object NonIterableObject]"]=d.LEAF),t}Object.defineProperty(r,"__esModule",{value:!0});var c=e("babel-runtime/core-js/object/create"),s=o(c),f=e("babel-runtime/core-js/symbol/iterator"),l=o(f);r.getTypeFromTag=i,r.getTag=a,r.getTagMap=u;var p=e("./generators"),d=n(p),_=8,b={"[object Null]":d.LEAF,"[object Undefined]":d.LEAF,"[object Boolean]":d.LEAF,"[object Number]":d.LEAF,"[object String]":d.LEAF,"[object Symbol]":d.LEAF,"[object Date]":d.LEAF,"[object RegExp]":d.LEAF,"[object Function]":d.LEAF,"[object GeneratorFunction]":d.LEAF,"[object Promise]":d.LEAF,"[object Array]":d.arrayIterator,"[object Set]":d.genericIterator,"[object Map]":d.mapIterator,"[object UserDefinedIterable]":d.genericIterator,"[object NonIterableObject]":d.objectIterator}},{"./generators":3,"babel-runtime/core-js/object/create":13,"babel-runtime/core-js/symbol/iterator":18}],10:[function(e,t,r){t.exports={default:e("core-js/library/fn/array/from"),__esModule:!0}},{"core-js/library/fn/array/from":26}],11:[function(e,t,r){t.exports={default:e("core-js/library/fn/get-iterator"),__esModule:!0}},{"core-js/library/fn/get-iterator":27}],12:[function(e,t,r){t.exports={default:e("core-js/library/fn/is-iterable"),__esModule:!0}},{"core-js/library/fn/is-iterable":28}],13:[function(e,t,r){t.exports={default:e("core-js/library/fn/object/create"),__esModule:!0}},{"core-js/library/fn/object/create":29}],14:[function(e,t,r){t.exports={default:e("core-js/library/fn/object/define-property"),__esModule:!0}},{"core-js/library/fn/object/define-property":30}],15:[function(e,t,r){t.exports={default:e("core-js/library/fn/object/get-prototype-of"),__esModule:!0}},{"core-js/library/fn/object/get-prototype-of":31}],16:[function(e,t,r){t.exports={default:e("core-js/library/fn/object/set-prototype-of"),__esModule:!0}},{"core-js/library/fn/object/set-prototype-of":32}],17:[function(e,t,r){t.exports={default:e("core-js/library/fn/symbol"),__esModule:!0}},{"core-js/library/fn/symbol":33}],18:[function(e,t,r){t.exports={default:e("core-js/library/fn/symbol/iterator"),__esModule:!0}},{"core-js/library/fn/symbol/iterator":34}],19:[function(e,t,r){"use strict";r.__esModule=!0,r.default=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},{}],20:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}r.__esModule=!0;var o=e("../core-js/object/define-property"),i=n(o);r.default=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),(0,i.default)(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}()},{"../core-js/object/define-property":14}],21:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}r.__esModule=!0;var o=e("../core-js/object/set-prototype-of"),i=n(o),a=e("../core-js/object/create"),u=n(a),c=e("../helpers/typeof"),s=n(c);r.default=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+("undefined"==typeof t?"undefined":(0,s.default)(t)));e.prototype=(0,u.default)(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(i.default?(0,i.default)(e,t):e.__proto__=t)}},{"../core-js/object/create":13,"../core-js/object/set-prototype-of":16,"../helpers/typeof":25}],22:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}r.__esModule=!0;var o=e("../helpers/typeof"),i=n(o);r.default=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==("undefined"==typeof t?"undefined":(0,i.default)(t))&&"function"!=typeof t?e:t}},{"../helpers/typeof":25}],23:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}r.__esModule=!0;var o=e("../core-js/is-iterable"),i=n(o),a=e("../core-js/get-iterator"),u=n(a);r.default=function(){function e(e,t){var r=[],n=!0,o=!1,i=void 0;try{for(var a,c=(0,u.default)(e);!(n=(a=c.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{!n&&c.return&&c.return()}finally{if(o)throw i}}return r}return function(t,r){if(Array.isArray(t))return t;if((0,i.default)(Object(t)))return e(t,r);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}()},{"../core-js/get-iterator":11,"../core-js/is-iterable":12}],24:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}r.__esModule=!0;var o=e("../core-js/array/from"),i=n(o);r.default=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return(0,i.default)(e)}},{"../core-js/array/from":10}],25:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}r.__esModule=!0;var o=e("../core-js/symbol/iterator"),i=n(o),a=e("../core-js/symbol"),u=n(a),c="function"==typeof u.default&&"symbol"==typeof i.default?function(e){return typeof e}:function(e){return e&&"function"==typeof u.default&&e.constructor===u.default&&e!==u.default.prototype?"symbol":typeof e};r.default="function"==typeof u.default&&"symbol"===c(i.default)?function(e){return"undefined"==typeof e?"undefined":c(e)}:function(e){return e&&"function"==typeof u.default&&e.constructor===u.default&&e!==u.default.prototype?"symbol":"undefined"==typeof e?"undefined":c(e)}},{"../core-js/symbol":17,"../core-js/symbol/iterator":18}],26:[function(e,t,r){e("../../modules/es6.string.iterator"),e("../../modules/es6.array.from"),t.exports=e("../../modules/_core").Array.from},{"../../modules/_core":41,"../../modules/es6.array.from":101,"../../modules/es6.string.iterator":108}],27:[function(e,t,r){e("../modules/web.dom.iterable"),e("../modules/es6.string.iterator"),t.exports=e("../modules/core.get-iterator")},{"../modules/core.get-iterator":99,"../modules/es6.string.iterator":108,"../modules/web.dom.iterable":112}],28:[function(e,t,r){e("../modules/web.dom.iterable"),e("../modules/es6.string.iterator"),t.exports=e("../modules/core.is-iterable")},{"../modules/core.is-iterable":100,"../modules/es6.string.iterator":108,"../modules/web.dom.iterable":112}],29:[function(e,t,r){e("../../modules/es6.object.create");var n=e("../../modules/_core").Object;t.exports=function(e,t){return n.create(e,t)}},{"../../modules/_core":41,"../../modules/es6.object.create":103}],30:[function(e,t,r){e("../../modules/es6.object.define-property");var n=e("../../modules/_core").Object;t.exports=function(e,t,r){return n.defineProperty(e,t,r)}},{"../../modules/_core":41,"../../modules/es6.object.define-property":104}],31:[function(e,t,r){e("../../modules/es6.object.get-prototype-of"),t.exports=e("../../modules/_core").Object.getPrototypeOf},{"../../modules/_core":41,"../../modules/es6.object.get-prototype-of":105}],32:[function(e,t,r){e("../../modules/es6.object.set-prototype-of"),t.exports=e("../../modules/_core").Object.setPrototypeOf},{"../../modules/_core":41,"../../modules/es6.object.set-prototype-of":106}],33:[function(e,t,r){e("../../modules/es6.symbol"),e("../../modules/es6.object.to-string"),e("../../modules/es7.symbol.async-iterator"),e("../../modules/es7.symbol.observable"),t.exports=e("../../modules/_core").Symbol},{"../../modules/_core":41,"../../modules/es6.object.to-string":107,"../../modules/es6.symbol":109,"../../modules/es7.symbol.async-iterator":110,"../../modules/es7.symbol.observable":111}],34:[function(e,t,r){e("../../modules/es6.string.iterator"),e("../../modules/web.dom.iterable"),t.exports=e("../../modules/_wks-ext").f("iterator")},{"../../modules/_wks-ext":96,"../../modules/es6.string.iterator":108,"../../modules/web.dom.iterable":112}],35:[function(e,t,r){t.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},{}],36:[function(e,t,r){t.exports=function(){}},{}],37:[function(e,t,r){var n=e("./_is-object");t.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},{"./_is-object":59}],38:[function(e,t,r){var n=e("./_to-iobject"),o=e("./_to-length"),i=e("./_to-index");t.exports=function(e){return function(t,r,a){var u,c=n(t),s=o(c.length),f=i(a,s);if(e&&r!=r){for(;s>f;)if(u=c[f++],u!=u)return!0}else for(;s>f;f++)if((e||f in c)&&c[f]===r)return e||f||0;return!e&&-1}}},{"./_to-index":88,"./_to-iobject":90,"./_to-length":91}],39:[function(e,t,r){var n=e("./_cof"),o=e("./_wks")("toStringTag"),i="Arguments"==n(function(){return arguments}()),a=function(e,t){try{return e[t]}catch(e){}};t.exports=function(e){var t,r,u;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(r=a(t=Object(e),o))?r:i?n(t):"Object"==(u=n(t))&&"function"==typeof t.callee?"Arguments":u}},{"./_cof":40,"./_wks":97}],40:[function(e,t,r){var n={}.toString;t.exports=function(e){return n.call(e).slice(8,-1)}},{}],41:[function(e,t,r){var n=t.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},{}],42:[function(e,t,r){"use strict";var n=e("./_object-dp"),o=e("./_property-desc");t.exports=function(e,t,r){t in e?n.f(e,t,o(0,r)):e[t]=r}},{"./_object-dp":70,"./_property-desc":81}],43:[function(e,t,r){var n=e("./_a-function");t.exports=function(e,t,r){if(n(e),void 0===t)return e;switch(r){case 1:return function(r){return e.call(t,r)};case 2:return function(r,n){return e.call(t,r,n)};case 3:return function(r,n,o){return e.call(t,r,n,o)}}return function(){return e.apply(t,arguments)}}},{"./_a-function":35}],44:[function(e,t,r){t.exports=function(e){if(void 0==e)throw TypeError("Can't call method on  "+e);return e}},{}],45:[function(e,t,r){t.exports=!e("./_fails")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},{"./_fails":50}],46:[function(e,t,r){var n=e("./_is-object"),o=e("./_global").document,i=n(o)&&n(o.createElement);t.exports=function(e){return i?o.createElement(e):{}}},{"./_global":51,"./_is-object":59}],47:[function(e,t,r){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},{}],48:[function(e,t,r){var n=e("./_object-keys"),o=e("./_object-gops"),i=e("./_object-pie");t.exports=function(e){var t=n(e),r=o.f;if(r)for(var a,u=r(e),c=i.f,s=0;u.length>s;)c.call(e,a=u[s++])&&t.push(a);return t}},{"./_object-gops":75,"./_object-keys":78,"./_object-pie":79}],49:[function(e,t,r){var n=e("./_global"),o=e("./_core"),i=e("./_ctx"),a=e("./_hide"),u="prototype",c=function(e,t,r){var s,f,l,p=e&c.F,d=e&c.G,_=e&c.S,b=e&c.P,h=e&c.B,y=e&c.W,v=d?o:o[t]||(o[t]={}),m=v[u],g=d?n:_?n[t]:(n[t]||{})[u];d&&(r=t);for(s in r)f=!p&&g&&void 0!==g[s],f&&s in v||(l=f?g[s]:r[s],v[s]=d&&"function"!=typeof g[s]?r[s]:h&&f?i(l,n):y&&g[s]==l?function(e){var t=function(t,r,n){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,r)}return new e(t,r,n)}return e.apply(this,arguments)};return t[u]=e[u],t}(l):b&&"function"==typeof l?i(Function.call,l):l,b&&((v.virtual||(v.virtual={}))[s]=l,e&c.R&&m&&!m[s]&&a(m,s,l)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},{"./_core":41,"./_ctx":43,"./_global":51,"./_hide":53}],50:[function(e,t,r){t.exports=function(e){try{return!!e()}catch(e){return!0}}},{}],51:[function(e,t,r){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},{}],52:[function(e,t,r){var n={}.hasOwnProperty;t.exports=function(e,t){return n.call(e,t)}},{}],53:[function(e,t,r){var n=e("./_object-dp"),o=e("./_property-desc");t.exports=e("./_descriptors")?function(e,t,r){return n.f(e,t,o(1,r))}:function(e,t,r){return e[t]=r,e}},{"./_descriptors":45,"./_object-dp":70,"./_property-desc":81}],54:[function(e,t,r){t.exports=e("./_global").document&&document.documentElement},{"./_global":51}],55:[function(e,t,r){t.exports=!e("./_descriptors")&&!e("./_fails")(function(){return 7!=Object.defineProperty(e("./_dom-create")("div"),"a",{get:function(){return 7}}).a})},{"./_descriptors":45,"./_dom-create":46,"./_fails":50}],56:[function(e,t,r){var n=e("./_cof");t.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==n(e)?e.split(""):Object(e)}},{"./_cof":40}],57:[function(e,t,r){var n=e("./_iterators"),o=e("./_wks")("iterator"),i=Array.prototype;t.exports=function(e){return void 0!==e&&(n.Array===e||i[o]===e)}},{"./_iterators":65,"./_wks":97}],58:[function(e,t,r){var n=e("./_cof");t.exports=Array.isArray||function(e){return"Array"==n(e)}},{"./_cof":40}],59:[function(e,t,r){t.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},{}],60:[function(e,t,r){var n=e("./_an-object");t.exports=function(e,t,r,o){try{return o?t(n(r)[0],r[1]):t(r)}catch(t){var i=e.return;throw void 0!==i&&n(i.call(e)),t}}},{"./_an-object":37}],61:[function(e,t,r){"use strict";var n=e("./_object-create"),o=e("./_property-desc"),i=e("./_set-to-string-tag"),a={};e("./_hide")(a,e("./_wks")("iterator"),function(){return this}),t.exports=function(e,t,r){e.prototype=n(a,{next:o(1,r)}),i(e,t+" Iterator")}},{"./_hide":53,"./_object-create":69,"./_property-desc":81,"./_set-to-string-tag":84,"./_wks":97}],62:[function(e,t,r){"use strict";var n=e("./_library"),o=e("./_export"),i=e("./_redefine"),a=e("./_hide"),u=e("./_has"),c=e("./_iterators"),s=e("./_iter-create"),f=e("./_set-to-string-tag"),l=e("./_object-gpo"),p=e("./_wks")("iterator"),d=!([].keys&&"next"in[].keys()),_="@@iterator",b="keys",h="values",y=function(){return this};t.exports=function(e,t,r,v,m,g,j){s(r,t,v);var w,x,k,O=function(e){if(!d&&e in M)return M[e];switch(e){case b:return function(){return new r(this,e)};case h:return function(){return new r(this,e)}}return function(){return new r(this,e)}},E=t+" Iterator",S=m==h,L=!1,M=e.prototype,A=M[p]||M[_]||m&&M[m],P=A||O(m),T=m?S?O("entries"):P:void 0,F="Array"==t?M.entries||A:A;if(F&&(k=l(F.call(new e)),k!==Object.prototype&&(f(k,E,!0),n||u(k,p)||a(k,p,y))),S&&A&&A.name!==h&&(L=!0,P=function(){return A.call(this)}),n&&!j||!d&&!L&&M[p]||a(M,p,P),c[t]=P,c[E]=y,m)if(w={values:S?P:O(h),keys:g?P:O(b),entries:T},j)for(x in w)x in M||i(M,x,w[x]);else o(o.P+o.F*(d||L),t,w);return w}},{"./_export":49,"./_has":52,"./_hide":53,"./_iter-create":61,"./_iterators":65,"./_library":67,"./_object-gpo":76,"./_redefine":82,"./_set-to-string-tag":84,"./_wks":97}],63:[function(e,t,r){var n=e("./_wks")("iterator"),o=!1;try{var i=[7][n]();i.return=function(){o=!0},Array.from(i,function(){throw 2})}catch(e){}t.exports=function(e,t){if(!t&&!o)return!1;var r=!1;try{var i=[7],a=i[n]();a.next=function(){return{done:r=!0}},i[n]=function(){return a},e(i)}catch(e){}return r}},{"./_wks":97}],64:[function(e,t,r){t.exports=function(e,t){return{value:t,done:!!e}}},{}],65:[function(e,t,r){t.exports={}},{}],66:[function(e,t,r){var n=e("./_object-keys"),o=e("./_to-iobject");t.exports=function(e,t){for(var r,i=o(e),a=n(i),u=a.length,c=0;u>c;)if(i[r=a[c++]]===t)return r}},{"./_object-keys":78,"./_to-iobject":90}],67:[function(e,t,r){t.exports=!0},{}],68:[function(e,t,r){var n=e("./_uid")("meta"),o=e("./_is-object"),i=e("./_has"),a=e("./_object-dp").f,u=0,c=Object.isExtensible||function(){return!0},s=!e("./_fails")(function(){return c(Object.preventExtensions({}))}),f=function(e){a(e,n,{value:{i:"O"+ ++u,w:{}}})},l=function(e,t){if(!o(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,n)){if(!c(e))return"F";if(!t)return"E";f(e)}return e[n].i},p=function(e,t){if(!i(e,n)){if(!c(e))return!0;if(!t)return!1;f(e)}return e[n].w},d=function(e){return s&&_.NEED&&c(e)&&!i(e,n)&&f(e),e},_=t.exports={KEY:n,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},{"./_fails":50,"./_has":52,"./_is-object":59,"./_object-dp":70,"./_uid":94}],69:[function(e,t,r){var n=e("./_an-object"),o=e("./_object-dps"),i=e("./_enum-bug-keys"),a=e("./_shared-key")("IE_PROTO"),u=function(){},c="prototype",s=function(){var t,r=e("./_dom-create")("iframe"),n=i.length,o="<",a=">";for(r.style.display="none",e("./_html").appendChild(r),r.src="javascript:",t=r.contentWindow.document,t.open(),t.write(o+"script"+a+"document.F=Object"+o+"/script"+a),t.close(),s=t.F;n--;)delete s[c][i[n]];return s()};t.exports=Object.create||function(e,t){var r;return null!==e?(u[c]=n(e),r=new u,u[c]=null,r[a]=e):r=s(),void 0===t?r:o(r,t)}},{"./_an-object":37,"./_dom-create":46,"./_enum-bug-keys":47,"./_html":54,"./_object-dps":71,"./_shared-key":85}],70:[function(e,t,r){var n=e("./_an-object"),o=e("./_ie8-dom-define"),i=e("./_to-primitive"),a=Object.defineProperty;r.f=e("./_descriptors")?Object.defineProperty:function(e,t,r){if(n(e),t=i(t,!0),n(r),o)try{return a(e,t,r)}catch(e){}if("get"in r||"set"in r)throw TypeError("Accessors not supported!");return"value"in r&&(e[t]=r.value),e}},{"./_an-object":37,"./_descriptors":45,"./_ie8-dom-define":55,"./_to-primitive":93}],71:[function(e,t,r){var n=e("./_object-dp"),o=e("./_an-object"),i=e("./_object-keys");t.exports=e("./_descriptors")?Object.defineProperties:function(e,t){o(e);for(var r,a=i(t),u=a.length,c=0;u>c;)n.f(e,r=a[c++],t[r]);return e}},{"./_an-object":37,"./_descriptors":45,"./_object-dp":70,"./_object-keys":78}],72:[function(e,t,r){
-var n=e("./_object-pie"),o=e("./_property-desc"),i=e("./_to-iobject"),a=e("./_to-primitive"),u=e("./_has"),c=e("./_ie8-dom-define"),s=Object.getOwnPropertyDescriptor;r.f=e("./_descriptors")?s:function(e,t){if(e=i(e),t=a(t,!0),c)try{return s(e,t)}catch(e){}if(u(e,t))return o(!n.f.call(e,t),e[t])}},{"./_descriptors":45,"./_has":52,"./_ie8-dom-define":55,"./_object-pie":79,"./_property-desc":81,"./_to-iobject":90,"./_to-primitive":93}],73:[function(e,t,r){var n=e("./_to-iobject"),o=e("./_object-gopn").f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],u=function(e){try{return o(e)}catch(e){return a.slice()}};t.exports.f=function(e){return a&&"[object Window]"==i.call(e)?u(e):o(n(e))}},{"./_object-gopn":74,"./_to-iobject":90}],74:[function(e,t,r){var n=e("./_object-keys-internal"),o=e("./_enum-bug-keys").concat("length","prototype");r.f=Object.getOwnPropertyNames||function(e){return n(e,o)}},{"./_enum-bug-keys":47,"./_object-keys-internal":77}],75:[function(e,t,r){r.f=Object.getOwnPropertySymbols},{}],76:[function(e,t,r){var n=e("./_has"),o=e("./_to-object"),i=e("./_shared-key")("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(e){return e=o(e),n(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},{"./_has":52,"./_shared-key":85,"./_to-object":92}],77:[function(e,t,r){var n=e("./_has"),o=e("./_to-iobject"),i=e("./_array-includes")(!1),a=e("./_shared-key")("IE_PROTO");t.exports=function(e,t){var r,u=o(e),c=0,s=[];for(r in u)r!=a&&n(u,r)&&s.push(r);for(;t.length>c;)n(u,r=t[c++])&&(~i(s,r)||s.push(r));return s}},{"./_array-includes":38,"./_has":52,"./_shared-key":85,"./_to-iobject":90}],78:[function(e,t,r){var n=e("./_object-keys-internal"),o=e("./_enum-bug-keys");t.exports=Object.keys||function(e){return n(e,o)}},{"./_enum-bug-keys":47,"./_object-keys-internal":77}],79:[function(e,t,r){r.f={}.propertyIsEnumerable},{}],80:[function(e,t,r){var n=e("./_export"),o=e("./_core"),i=e("./_fails");t.exports=function(e,t){var r=(o.Object||{})[e]||Object[e],a={};a[e]=t(r),n(n.S+n.F*i(function(){r(1)}),"Object",a)}},{"./_core":41,"./_export":49,"./_fails":50}],81:[function(e,t,r){t.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},{}],82:[function(e,t,r){t.exports=e("./_hide")},{"./_hide":53}],83:[function(e,t,r){var n=e("./_is-object"),o=e("./_an-object"),i=function(e,t){if(o(e),!n(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,r,n){try{n=e("./_ctx")(Function.call,e("./_object-gopd").f(Object.prototype,"__proto__").set,2),n(t,[]),r=!(t instanceof Array)}catch(e){r=!0}return function(e,t){return i(e,t),r?e.__proto__=t:n(e,t),e}}({},!1):void 0),check:i}},{"./_an-object":37,"./_ctx":43,"./_is-object":59,"./_object-gopd":72}],84:[function(e,t,r){var n=e("./_object-dp").f,o=e("./_has"),i=e("./_wks")("toStringTag");t.exports=function(e,t,r){e&&!o(e=r?e:e.prototype,i)&&n(e,i,{configurable:!0,value:t})}},{"./_has":52,"./_object-dp":70,"./_wks":97}],85:[function(e,t,r){var n=e("./_shared")("keys"),o=e("./_uid");t.exports=function(e){return n[e]||(n[e]=o(e))}},{"./_shared":86,"./_uid":94}],86:[function(e,t,r){var n=e("./_global"),o="__core-js_shared__",i=n[o]||(n[o]={});t.exports=function(e){return i[e]||(i[e]={})}},{"./_global":51}],87:[function(e,t,r){var n=e("./_to-integer"),o=e("./_defined");t.exports=function(e){return function(t,r){var i,a,u=String(o(t)),c=n(r),s=u.length;return c<0||c>=s?e?"":void 0:(i=u.charCodeAt(c),i<55296||i>56319||c+1===s||(a=u.charCodeAt(c+1))<56320||a>57343?e?u.charAt(c):i:e?u.slice(c,c+2):(i-55296<<10)+(a-56320)+65536)}}},{"./_defined":44,"./_to-integer":89}],88:[function(e,t,r){var n=e("./_to-integer"),o=Math.max,i=Math.min;t.exports=function(e,t){return e=n(e),e<0?o(e+t,0):i(e,t)}},{"./_to-integer":89}],89:[function(e,t,r){var n=Math.ceil,o=Math.floor;t.exports=function(e){return isNaN(e=+e)?0:(e>0?o:n)(e)}},{}],90:[function(e,t,r){var n=e("./_iobject"),o=e("./_defined");t.exports=function(e){return n(o(e))}},{"./_defined":44,"./_iobject":56}],91:[function(e,t,r){var n=e("./_to-integer"),o=Math.min;t.exports=function(e){return e>0?o(n(e),9007199254740991):0}},{"./_to-integer":89}],92:[function(e,t,r){var n=e("./_defined");t.exports=function(e){return Object(n(e))}},{"./_defined":44}],93:[function(e,t,r){var n=e("./_is-object");t.exports=function(e,t){if(!n(e))return e;var r,o;if(t&&"function"==typeof(r=e.toString)&&!n(o=r.call(e)))return o;if("function"==typeof(r=e.valueOf)&&!n(o=r.call(e)))return o;if(!t&&"function"==typeof(r=e.toString)&&!n(o=r.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},{"./_is-object":59}],94:[function(e,t,r){var n=0,o=Math.random();t.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+o).toString(36))}},{}],95:[function(e,t,r){var n=e("./_global"),o=e("./_core"),i=e("./_library"),a=e("./_wks-ext"),u=e("./_object-dp").f;t.exports=function(e){var t=o.Symbol||(o.Symbol=i?{}:n.Symbol||{});"_"==e.charAt(0)||e in t||u(t,e,{value:a.f(e)})}},{"./_core":41,"./_global":51,"./_library":67,"./_object-dp":70,"./_wks-ext":96}],96:[function(e,t,r){r.f=e("./_wks")},{"./_wks":97}],97:[function(e,t,r){var n=e("./_shared")("wks"),o=e("./_uid"),i=e("./_global").Symbol,a="function"==typeof i,u=t.exports=function(e){return n[e]||(n[e]=a&&i[e]||(a?i:o)("Symbol."+e))};u.store=n},{"./_global":51,"./_shared":86,"./_uid":94}],98:[function(e,t,r){var n=e("./_classof"),o=e("./_wks")("iterator"),i=e("./_iterators");t.exports=e("./_core").getIteratorMethod=function(e){if(void 0!=e)return e[o]||e["@@iterator"]||i[n(e)]}},{"./_classof":39,"./_core":41,"./_iterators":65,"./_wks":97}],99:[function(e,t,r){var n=e("./_an-object"),o=e("./core.get-iterator-method");t.exports=e("./_core").getIterator=function(e){var t=o(e);if("function"!=typeof t)throw TypeError(e+" is not iterable!");return n(t.call(e))}},{"./_an-object":37,"./_core":41,"./core.get-iterator-method":98}],100:[function(e,t,r){var n=e("./_classof"),o=e("./_wks")("iterator"),i=e("./_iterators");t.exports=e("./_core").isIterable=function(e){var t=Object(e);return void 0!==t[o]||"@@iterator"in t||i.hasOwnProperty(n(t))}},{"./_classof":39,"./_core":41,"./_iterators":65,"./_wks":97}],101:[function(e,t,r){"use strict";var n=e("./_ctx"),o=e("./_export"),i=e("./_to-object"),a=e("./_iter-call"),u=e("./_is-array-iter"),c=e("./_to-length"),s=e("./_create-property"),f=e("./core.get-iterator-method");o(o.S+o.F*!e("./_iter-detect")(function(e){Array.from(e)}),"Array",{from:function(e){var t,r,o,l,p=i(e),d="function"==typeof this?this:Array,_=arguments.length,b=_>1?arguments[1]:void 0,h=void 0!==b,y=0,v=f(p);if(h&&(b=n(b,_>2?arguments[2]:void 0,2)),void 0==v||d==Array&&u(v))for(t=c(p.length),r=new d(t);t>y;y++)s(r,y,h?b(p[y],y):p[y]);else for(l=v.call(p),r=new d;!(o=l.next()).done;y++)s(r,y,h?a(l,b,[o.value,y],!0):o.value);return r.length=y,r}})},{"./_create-property":42,"./_ctx":43,"./_export":49,"./_is-array-iter":57,"./_iter-call":60,"./_iter-detect":63,"./_to-length":91,"./_to-object":92,"./core.get-iterator-method":98}],102:[function(e,t,r){"use strict";var n=e("./_add-to-unscopables"),o=e("./_iter-step"),i=e("./_iterators"),a=e("./_to-iobject");t.exports=e("./_iter-define")(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,r=this._i++;return!e||r>=e.length?(this._t=void 0,o(1)):"keys"==t?o(0,r):"values"==t?o(0,e[r]):o(0,[r,e[r]])},"values"),i.Arguments=i.Array,n("keys"),n("values"),n("entries")},{"./_add-to-unscopables":36,"./_iter-define":62,"./_iter-step":64,"./_iterators":65,"./_to-iobject":90}],103:[function(e,t,r){var n=e("./_export");n(n.S,"Object",{create:e("./_object-create")})},{"./_export":49,"./_object-create":69}],104:[function(e,t,r){var n=e("./_export");n(n.S+n.F*!e("./_descriptors"),"Object",{defineProperty:e("./_object-dp").f})},{"./_descriptors":45,"./_export":49,"./_object-dp":70}],105:[function(e,t,r){var n=e("./_to-object"),o=e("./_object-gpo");e("./_object-sap")("getPrototypeOf",function(){return function(e){return o(n(e))}})},{"./_object-gpo":76,"./_object-sap":80,"./_to-object":92}],106:[function(e,t,r){var n=e("./_export");n(n.S,"Object",{setPrototypeOf:e("./_set-proto").set})},{"./_export":49,"./_set-proto":83}],107:[function(e,t,r){},{}],108:[function(e,t,r){"use strict";var n=e("./_string-at")(!0);e("./_iter-define")(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,r=this._i;return r>=t.length?{value:void 0,done:!0}:(e=n(t,r),this._i+=e.length,{value:e,done:!1})})},{"./_iter-define":62,"./_string-at":87}],109:[function(e,t,r){"use strict";var n=e("./_global"),o=e("./_has"),i=e("./_descriptors"),a=e("./_export"),u=e("./_redefine"),c=e("./_meta").KEY,s=e("./_fails"),f=e("./_shared"),l=e("./_set-to-string-tag"),p=e("./_uid"),d=e("./_wks"),_=e("./_wks-ext"),b=e("./_wks-define"),h=e("./_keyof"),y=e("./_enum-keys"),v=e("./_is-array"),m=e("./_an-object"),g=e("./_to-iobject"),j=e("./_to-primitive"),w=e("./_property-desc"),x=e("./_object-create"),k=e("./_object-gopn-ext"),O=e("./_object-gopd"),E=e("./_object-dp"),S=e("./_object-keys"),L=O.f,M=E.f,A=k.f,P=n.Symbol,T=n.JSON,F=T&&T.stringify,I="prototype",C=d("_hidden"),N=d("toPrimitive"),R={}.propertyIsEnumerable,G=f("symbol-registry"),D=f("symbols"),U=f("op-symbols"),Y=Object[I],W="function"==typeof P,B=n.QObject,q=!B||!B[I]||!B[I].findChild,J=i&&s(function(){return 7!=x(M({},"a",{get:function(){return M(this,"a",{value:7}).a}})).a})?function(e,t,r){var n=L(Y,t);n&&delete Y[t],M(e,t,r),n&&e!==Y&&M(Y,t,n)}:M,K=function(e){var t=D[e]=x(P[I]);return t._k=e,t},z=W&&"symbol"==typeof P.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof P},Q=function(e,t,r){return e===Y&&Q(U,t,r),m(e),t=j(t,!0),m(r),o(D,t)?(r.enumerable?(o(e,C)&&e[C][t]&&(e[C][t]=!1),r=x(r,{enumerable:w(0,!1)})):(o(e,C)||M(e,C,w(1,{})),e[C][t]=!0),J(e,t,r)):M(e,t,r)},H=function(e,t){m(e);for(var r,n=y(t=g(t)),o=0,i=n.length;i>o;)Q(e,r=n[o++],t[r]);return e},V=function(e,t){return void 0===t?x(e):H(x(e),t)},X=function(e){var t=R.call(this,e=j(e,!0));return!(this===Y&&o(D,e)&&!o(U,e))&&(!(t||!o(this,e)||!o(D,e)||o(this,C)&&this[C][e])||t)},Z=function(e,t){if(e=g(e),t=j(t,!0),e!==Y||!o(D,t)||o(U,t)){var r=L(e,t);return!r||!o(D,t)||o(e,C)&&e[C][t]||(r.enumerable=!0),r}},$=function(e){for(var t,r=A(g(e)),n=[],i=0;r.length>i;)o(D,t=r[i++])||t==C||t==c||n.push(t);return n},ee=function(e){for(var t,r=e===Y,n=A(r?U:g(e)),i=[],a=0;n.length>a;)!o(D,t=n[a++])||r&&!o(Y,t)||i.push(D[t]);return i};W||(P=function(){if(this instanceof P)throw TypeError("Symbol is not a constructor!");var e=p(arguments.length>0?arguments[0]:void 0),t=function(r){this===Y&&t.call(U,r),o(this,C)&&o(this[C],e)&&(this[C][e]=!1),J(this,e,w(1,r))};return i&&q&&J(Y,e,{configurable:!0,set:t}),K(e)},u(P[I],"toString",function(){return this._k}),O.f=Z,E.f=Q,e("./_object-gopn").f=k.f=$,e("./_object-pie").f=X,e("./_object-gops").f=ee,i&&!e("./_library")&&u(Y,"propertyIsEnumerable",X,!0),_.f=function(e){return K(d(e))}),a(a.G+a.W+a.F*!W,{Symbol:P});for(var te="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),re=0;te.length>re;)d(te[re++]);for(var te=S(d.store),re=0;te.length>re;)b(te[re++]);a(a.S+a.F*!W,"Symbol",{for:function(e){return o(G,e+="")?G[e]:G[e]=P(e)},keyFor:function(e){if(z(e))return h(G,e);throw TypeError(e+" is not a symbol!")},useSetter:function(){q=!0},useSimple:function(){q=!1}}),a(a.S+a.F*!W,"Object",{create:V,defineProperty:Q,defineProperties:H,getOwnPropertyDescriptor:Z,getOwnPropertyNames:$,getOwnPropertySymbols:ee}),T&&a(a.S+a.F*(!W||s(function(){var e=P();return"[null]"!=F([e])||"{}"!=F({a:e})||"{}"!=F(Object(e))})),"JSON",{stringify:function(e){if(void 0!==e&&!z(e)){for(var t,r,n=[e],o=1;arguments.length>o;)n.push(arguments[o++]);return t=n[1],"function"==typeof t&&(r=t),!r&&v(t)||(t=function(e,t){if(r&&(t=r.call(this,e,t)),!z(t))return t}),n[1]=t,F.apply(T,n)}}}),P[I][N]||e("./_hide")(P[I],N,P[I].valueOf),l(P,"Symbol"),l(Math,"Math",!0),l(n.JSON,"JSON",!0)},{"./_an-object":37,"./_descriptors":45,"./_enum-keys":48,"./_export":49,"./_fails":50,"./_global":51,"./_has":52,"./_hide":53,"./_is-array":58,"./_keyof":66,"./_library":67,"./_meta":68,"./_object-create":69,"./_object-dp":70,"./_object-gopd":72,"./_object-gopn":74,"./_object-gopn-ext":73,"./_object-gops":75,"./_object-keys":78,"./_object-pie":79,"./_property-desc":81,"./_redefine":82,"./_set-to-string-tag":84,"./_shared":86,"./_to-iobject":90,"./_to-primitive":93,"./_uid":94,"./_wks":97,"./_wks-define":95,"./_wks-ext":96}],110:[function(e,t,r){e("./_wks-define")("asyncIterator")},{"./_wks-define":95}],111:[function(e,t,r){e("./_wks-define")("observable")},{"./_wks-define":95}],112:[function(e,t,r){e("./es6.array.iterator");for(var n=e("./_global"),o=e("./_hide"),i=e("./_iterators"),a=e("./_wks")("toStringTag"),u=["NodeList","DOMTokenList","MediaList","StyleSheetList","CSSRuleList"],c=0;c<5;c++){var s=u[c],f=n[s],l=f&&f.prototype;l&&!l[a]&&o(l,a,s),i[s]=i.Array}},{"./_global":51,"./_hide":53,"./_iterators":65,"./_wks":97,"./es6.array.iterator":102}],113:[function(e,t,r){(function(r){var n="object"==typeof r?r:"object"==typeof window?window:"object"==typeof self?self:this,o=n.regeneratorRuntime&&Object.getOwnPropertyNames(n).indexOf("regeneratorRuntime")>=0,i=o&&n.regeneratorRuntime;if(n.regeneratorRuntime=void 0,t.exports=e("./runtime"),o)n.regeneratorRuntime=i;else try{delete n.regeneratorRuntime}catch(e){n.regeneratorRuntime=void 0}}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./runtime":114}],114:[function(e,t,r){(function(e,r){!function(r){"use strict";function n(e,t,r,n){var o=t&&t.prototype instanceof i?t:i,a=Object.create(o.prototype),u=new _(n||[]);return a._invoke=f(e,r,u),a}function o(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}function i(){}function a(){}function u(){}function c(e){["next","throw","return"].forEach(function(t){e[t]=function(e){return this._invoke(t,e)}})}function s(t){function r(e,n,i,a){var u=o(t[e],t,n);if("throw"!==u.type){var c=u.arg,s=c.value;return s&&"object"==typeof s&&m.call(s,"__await")?Promise.resolve(s.__await).then(function(e){r("next",e,i,a)},function(e){r("throw",e,i,a)}):Promise.resolve(s).then(function(e){c.value=e,i(c)},a)}a(u.arg)}function n(e,t){function n(){return new Promise(function(n,o){r(e,t,n,o)})}return i=i?i.then(n,n):n()}"object"==typeof e&&e.domain&&(r=e.domain.bind(r));var i;this._invoke=n}function f(e,t,r){var n=O;return function(i,a){if(n===S)throw new Error("Generator is already running");if(n===L){if("throw"===i)throw a;return h()}for(r.method=i,r.arg=a;;){var u=r.delegate;if(u){var c=l(u,r);if(c){if(c===M)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===O)throw n=L,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=S;var s=o(e,t,r);if("normal"===s.type){if(n=r.done?L:E,s.arg===M)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n=L,r.method="throw",r.arg=s.arg)}}}function l(e,t){var r=e.iterator[t.method];if(r===y){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=y,l(e,t),"throw"===t.method))return M;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return M}var n=o(r,e.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,M;var i=n.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=y),t.delegate=null,M):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,M)}function p(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function d(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function _(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(p,this),this.reset(!0)}function b(e){if(e){var t=e[j];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,n=function t(){for(;++r<e.length;)if(m.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=y,t.done=!0,t};return n.next=n}}return{next:h}}function h(){return{value:y,done:!0}}var y,v=Object.prototype,m=v.hasOwnProperty,g="function"==typeof Symbol?Symbol:{},j=g.iterator||"@@iterator",w=g.toStringTag||"@@toStringTag",x="object"==typeof t,k=r.regeneratorRuntime;if(k)return void(x&&(t.exports=k));k=r.regeneratorRuntime=x?t.exports:{},k.wrap=n;var O="suspendedStart",E="suspendedYield",S="executing",L="completed",M={},A={};A[j]=function(){return this};var P=Object.getPrototypeOf,T=P&&P(P(b([])));T&&T!==v&&m.call(T,j)&&(A=T);var F=u.prototype=i.prototype=Object.create(A);a.prototype=F.constructor=u,u.constructor=a,u[w]=a.displayName="GeneratorFunction",k.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===a||"GeneratorFunction"===(t.displayName||t.name))},k.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,w in e||(e[w]="GeneratorFunction")),e.prototype=Object.create(F),e},k.awrap=function(e){return{__await:e}},c(s.prototype),k.AsyncIterator=s,k.async=function(e,t,r,o){var i=new s(n(e,t,r,o));return k.isGeneratorFunction(t)?i:i.next().then(function(e){return e.done?e.value:i.next()})},c(F),F[w]="Generator",F.toString=function(){return"[object Generator]"},k.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},k.values=b,_.prototype={constructor:_,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=y,this.done=!1,this.delegate=null,this.method="next",this.arg=y,this.tryEntries.forEach(d),!e)for(var t in this)"t"===t.charAt(0)&&m.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=y)},stop:function(){this.done=!0;var e=this.tryEntries[0],t=e.completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){function t(t,n){return i.type="throw",i.arg=e,r.next=t,n&&(r.method="next",r.arg=y),!!n}if(this.done)throw e;for(var r=this,n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],i=o.completion;if("root"===o.tryLoc)return t("end");if(o.tryLoc<=this.prev){var a=m.call(o,"catchLoc"),u=m.call(o,"finallyLoc");if(a&&u){if(this.prev<o.catchLoc)return t(o.catchLoc,!0);if(this.prev<o.finallyLoc)return t(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return t(o.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return t(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&m.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,M):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),M},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),d(r),M}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;d(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:b(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=y),M}}}("object"==typeof r?r:"object"==typeof window?window:"object"==typeof self?self:this)}).call(this,e("_process"),"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{_process:1}],115:[function(e,t,r){t.exports=e("regenerator-runtime")},{"regenerator-runtime":113}]},{},[2])(2)});
diff --git a/documentation/js/libs/es6-shim.min.js b/documentation/js/libs/es6-shim.min.js
deleted file mode 100644
index 1c2d15c0..00000000
--- a/documentation/js/libs/es6-shim.min.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/*!
-  * https://github.com/paulmillr/es6-shim
-  * @license es6-shim Copyright 2013-2016 by Paul Miller (http://paulmillr.com)
-  *   and contributors,  MIT License
-  * es6-shim: v0.35.1
-  * see https://github.com/paulmillr/es6-shim/blob/0.35.1/LICENSE
-  * Details and documentation:
-  * https://github.com/paulmillr/es6-shim/
-  */
-(function(e,t){if(typeof define==="function"&&define.amd){define(t)}else if(typeof exports==="object"){module.exports=t()}else{e.returnExports=t()}})(this,function(){"use strict";var e=Function.call.bind(Function.apply);var t=Function.call.bind(Function.call);var r=Array.isArray;var n=Object.keys;var o=function notThunker(t){return function notThunk(){return!e(t,this,arguments)}};var i=function(e){try{e();return false}catch(t){return true}};var a=function valueOrFalseIfThrows(e){try{return e()}catch(t){return false}};var u=o(i);var f=function(){return!i(function(){Object.defineProperty({},"x",{get:function(){}})})};var s=!!Object.defineProperty&&f();var c=function foo(){}.name==="foo";var l=Function.call.bind(Array.prototype.forEach);var p=Function.call.bind(Array.prototype.reduce);var v=Function.call.bind(Array.prototype.filter);var y=Function.call.bind(Array.prototype.some);var h=function(e,t,r,n){if(!n&&t in e){return}if(s){Object.defineProperty(e,t,{configurable:true,enumerable:false,writable:true,value:r})}else{e[t]=r}};var b=function(e,t,r){l(n(t),function(n){var o=t[n];h(e,n,o,!!r)})};var g=Function.call.bind(Object.prototype.toString);var d=typeof/abc/==="function"?function IsCallableSlow(e){return typeof e==="function"&&g(e)==="[object Function]"}:function IsCallableFast(e){return typeof e==="function"};var O={getter:function(e,t,r){if(!s){throw new TypeError("getters require true ES5 support")}Object.defineProperty(e,t,{configurable:true,enumerable:false,get:r})},proxy:function(e,t,r){if(!s){throw new TypeError("getters require true ES5 support")}var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,{configurable:n.configurable,enumerable:n.enumerable,get:function getKey(){return e[t]},set:function setKey(r){e[t]=r}})},redefine:function(e,t,r){if(s){var n=Object.getOwnPropertyDescriptor(e,t);n.value=r;Object.defineProperty(e,t,n)}else{e[t]=r}},defineByDescriptor:function(e,t,r){if(s){Object.defineProperty(e,t,r)}else if("value"in r){e[t]=r.value}},preserveToString:function(e,t){if(t&&d(t.toString)){h(e,"toString",t.toString.bind(t),true)}}};var m=Object.create||function(e,t){var r=function Prototype(){};r.prototype=e;var o=new r;if(typeof t!=="undefined"){n(t).forEach(function(e){O.defineByDescriptor(o,e,t[e])})}return o};var w=function(e,t){if(!Object.setPrototypeOf){return false}return a(function(){var r=function Subclass(t){var r=new e(t);Object.setPrototypeOf(r,Subclass.prototype);return r};Object.setPrototypeOf(r,e);r.prototype=m(e.prototype,{constructor:{value:r}});return t(r)})};var j=function(){if(typeof self!=="undefined"){return self}if(typeof window!=="undefined"){return window}if(typeof global!=="undefined"){return global}throw new Error("unable to locate global object")};var S=j();var T=S.isFinite;var I=Function.call.bind(String.prototype.indexOf);var E=Function.apply.bind(Array.prototype.indexOf);var P=Function.call.bind(Array.prototype.concat);var C=Function.call.bind(String.prototype.slice);var M=Function.call.bind(Array.prototype.push);var x=Function.apply.bind(Array.prototype.push);var N=Function.call.bind(Array.prototype.shift);var A=Math.max;var R=Math.min;var _=Math.floor;var k=Math.abs;var F=Math.exp;var L=Math.log;var D=Math.sqrt;var z=Function.call.bind(Object.prototype.hasOwnProperty);var q;var W=function(){};var G=S.Symbol||{};var H=G.species||"@@species";var V=Number.isNaN||function isNaN(e){return e!==e};var B=Number.isFinite||function isFinite(e){return typeof e==="number"&&T(e)};var $=d(Math.sign)?Math.sign:function sign(e){var t=Number(e);if(t===0){return t}if(V(t)){return t}return t<0?-1:1};var U=function isArguments(e){return g(e)==="[object Arguments]"};var J=function isArguments(e){return e!==null&&typeof e==="object"&&typeof e.length==="number"&&e.length>=0&&g(e)!=="[object Array]"&&g(e.callee)==="[object Function]"};var X=U(arguments)?U:J;var K={primitive:function(e){return e===null||typeof e!=="function"&&typeof e!=="object"},string:function(e){return g(e)==="[object String]"},regex:function(e){return g(e)==="[object RegExp]"},symbol:function(e){return typeof S.Symbol==="function"&&typeof e==="symbol"}};var Z=function overrideNative(e,t,r){var n=e[t];h(e,t,r,true);O.preserveToString(e[t],n)};var Y=typeof G==="function"&&typeof G["for"]==="function"&&K.symbol(G());var Q=K.symbol(G.iterator)?G.iterator:"_es6-shim iterator_";if(S.Set&&typeof(new S.Set)["@@iterator"]==="function"){Q="@@iterator"}if(!S.Reflect){h(S,"Reflect",{},true)}var ee=S.Reflect;var te=String;var re={Call:function Call(t,r){var n=arguments.length>2?arguments[2]:[];if(!re.IsCallable(t)){throw new TypeError(t+" is not a function")}return e(t,r,n)},RequireObjectCoercible:function(e,t){if(e==null){throw new TypeError(t||"Cannot call method on "+e)}return e},TypeIsObject:function(e){if(e===void 0||e===null||e===true||e===false){return false}return typeof e==="function"||typeof e==="object"},ToObject:function(e,t){return Object(re.RequireObjectCoercible(e,t))},IsCallable:d,IsConstructor:function(e){return re.IsCallable(e)},ToInt32:function(e){return re.ToNumber(e)>>0},ToUint32:function(e){return re.ToNumber(e)>>>0},ToNumber:function(e){if(g(e)==="[object Symbol]"){throw new TypeError("Cannot convert a Symbol value to a number")}return+e},ToInteger:function(e){var t=re.ToNumber(e);if(V(t)){return 0}if(t===0||!B(t)){return t}return(t>0?1:-1)*_(k(t))},ToLength:function(e){var t=re.ToInteger(e);if(t<=0){return 0}if(t>Number.MAX_SAFE_INTEGER){return Number.MAX_SAFE_INTEGER}return t},SameValue:function(e,t){if(e===t){if(e===0){return 1/e===1/t}return true}return V(e)&&V(t)},SameValueZero:function(e,t){return e===t||V(e)&&V(t)},IsIterable:function(e){return re.TypeIsObject(e)&&(typeof e[Q]!=="undefined"||X(e))},GetIterator:function(e){if(X(e)){return new q(e,"value")}var t=re.GetMethod(e,Q);if(!re.IsCallable(t)){throw new TypeError("value is not an iterable")}var r=re.Call(t,e);if(!re.TypeIsObject(r)){throw new TypeError("bad iterator")}return r},GetMethod:function(e,t){var r=re.ToObject(e)[t];if(r===void 0||r===null){return void 0}if(!re.IsCallable(r)){throw new TypeError("Method not callable: "+t)}return r},IteratorComplete:function(e){return!!e.done},IteratorClose:function(e,t){var r=re.GetMethod(e,"return");if(r===void 0){return}var n,o;try{n=re.Call(r,e)}catch(i){o=i}if(t){return}if(o){throw o}if(!re.TypeIsObject(n)){throw new TypeError("Iterator's return method returned a non-object.")}},IteratorNext:function(e){var t=arguments.length>1?e.next(arguments[1]):e.next();if(!re.TypeIsObject(t)){throw new TypeError("bad iterator")}return t},IteratorStep:function(e){var t=re.IteratorNext(e);var r=re.IteratorComplete(t);return r?false:t},Construct:function(e,t,r,n){var o=typeof r==="undefined"?e:r;if(!n&&ee.construct){return ee.construct(e,t,o)}var i=o.prototype;if(!re.TypeIsObject(i)){i=Object.prototype}var a=m(i);var u=re.Call(e,a,t);return re.TypeIsObject(u)?u:a},SpeciesConstructor:function(e,t){var r=e.constructor;if(r===void 0){return t}if(!re.TypeIsObject(r)){throw new TypeError("Bad constructor")}var n=r[H];if(n===void 0||n===null){return t}if(!re.IsConstructor(n)){throw new TypeError("Bad @@species")}return n},CreateHTML:function(e,t,r,n){var o=re.ToString(e);var i="<"+t;if(r!==""){var a=re.ToString(n);var u=a.replace(/"/g,"&quot;");i+=" "+r+'="'+u+'"'}var f=i+">";var s=f+o;return s+"</"+t+">"},IsRegExp:function IsRegExp(e){if(!re.TypeIsObject(e)){return false}var t=e[G.match];if(typeof t!=="undefined"){return!!t}return K.regex(e)},ToString:function ToString(e){return te(e)}};if(s&&Y){var ne=function defineWellKnownSymbol(e){if(K.symbol(G[e])){return G[e]}var t=G["for"]("Symbol."+e);Object.defineProperty(G,e,{configurable:false,enumerable:false,writable:false,value:t});return t};if(!K.symbol(G.search)){var oe=ne("search");var ie=String.prototype.search;h(RegExp.prototype,oe,function search(e){return re.Call(ie,e,[this])});var ae=function search(e){var t=re.RequireObjectCoercible(this);if(e!==null&&typeof e!=="undefined"){var r=re.GetMethod(e,oe);if(typeof r!=="undefined"){return re.Call(r,e,[t])}}return re.Call(ie,t,[re.ToString(e)])};Z(String.prototype,"search",ae)}if(!K.symbol(G.replace)){var ue=ne("replace");var fe=String.prototype.replace;h(RegExp.prototype,ue,function replace(e,t){return re.Call(fe,e,[this,t])});var se=function replace(e,t){var r=re.RequireObjectCoercible(this);if(e!==null&&typeof e!=="undefined"){var n=re.GetMethod(e,ue);if(typeof n!=="undefined"){return re.Call(n,e,[r,t])}}return re.Call(fe,r,[re.ToString(e),t])};Z(String.prototype,"replace",se)}if(!K.symbol(G.split)){var ce=ne("split");var le=String.prototype.split;h(RegExp.prototype,ce,function split(e,t){return re.Call(le,e,[this,t])});var pe=function split(e,t){var r=re.RequireObjectCoercible(this);if(e!==null&&typeof e!=="undefined"){var n=re.GetMethod(e,ce);if(typeof n!=="undefined"){return re.Call(n,e,[r,t])}}return re.Call(le,r,[re.ToString(e),t])};Z(String.prototype,"split",pe)}var ve=K.symbol(G.match);var ye=ve&&function(){var e={};e[G.match]=function(){return 42};return"a".match(e)!==42}();if(!ve||ye){var he=ne("match");var be=String.prototype.match;h(RegExp.prototype,he,function match(e){return re.Call(be,e,[this])});var ge=function match(e){var t=re.RequireObjectCoercible(this);if(e!==null&&typeof e!=="undefined"){var r=re.GetMethod(e,he);if(typeof r!=="undefined"){return re.Call(r,e,[t])}}return re.Call(be,t,[re.ToString(e)])};Z(String.prototype,"match",ge)}}var de=function wrapConstructor(e,t,r){O.preserveToString(t,e);if(Object.setPrototypeOf){Object.setPrototypeOf(e,t)}if(s){l(Object.getOwnPropertyNames(e),function(n){if(n in W||r[n]){return}O.proxy(e,n,t)})}else{l(Object.keys(e),function(n){if(n in W||r[n]){return}t[n]=e[n]})}t.prototype=e.prototype;O.redefine(e.prototype,"constructor",t)};var Oe=function(){return this};var me=function(e){if(s&&!z(e,H)){O.getter(e,H,Oe)}};var we=function(e,t){var r=t||function iterator(){return this};h(e,Q,r);if(!e[Q]&&K.symbol(Q)){e[Q]=r}};var je=function createDataProperty(e,t,r){if(s){Object.defineProperty(e,t,{configurable:true,enumerable:true,writable:true,value:r})}else{e[t]=r}};var Se=function createDataPropertyOrThrow(e,t,r){je(e,t,r);if(!re.SameValue(e[t],r)){throw new TypeError("property is nonconfigurable")}};var Te=function(e,t,r,n){if(!re.TypeIsObject(e)){throw new TypeError("Constructor requires `new`: "+t.name)}var o=t.prototype;if(!re.TypeIsObject(o)){o=r}var i=m(o);for(var a in n){if(z(n,a)){var u=n[a];h(i,a,u,true)}}return i};if(String.fromCodePoint&&String.fromCodePoint.length!==1){var Ie=String.fromCodePoint;Z(String,"fromCodePoint",function fromCodePoint(e){return re.Call(Ie,this,arguments)})}var Ee={fromCodePoint:function fromCodePoint(e){var t=[];var r;for(var n=0,o=arguments.length;n<o;n++){r=Number(arguments[n]);if(!re.SameValue(r,re.ToInteger(r))||r<0||r>1114111){throw new RangeError("Invalid code point "+r)}if(r<65536){M(t,String.fromCharCode(r))}else{r-=65536;M(t,String.fromCharCode((r>>10)+55296));M(t,String.fromCharCode(r%1024+56320))}}return t.join("")},raw:function raw(e){var t=re.ToObject(e,"bad callSite");var r=re.ToObject(t.raw,"bad raw value");var n=r.length;var o=re.ToLength(n);if(o<=0){return""}var i=[];var a=0;var u,f,s,c;while(a<o){u=re.ToString(a);s=re.ToString(r[u]);M(i,s);if(a+1>=o){break}f=a+1<arguments.length?arguments[a+1]:"";c=re.ToString(f);M(i,c);a+=1}return i.join("")}};if(String.raw&&String.raw({raw:{0:"x",1:"y",length:2}})!=="xy"){Z(String,"raw",Ee.raw)}b(String,Ee);var Pe=function repeat(e,t){if(t<1){return""}if(t%2){return repeat(e,t-1)+e}var r=repeat(e,t/2);return r+r};var Ce=Infinity;var Me={repeat:function repeat(e){var t=re.ToString(re.RequireObjectCoercible(this));var r=re.ToInteger(e);if(r<0||r>=Ce){throw new RangeError("repeat count must be less than infinity and not overflow maximum string size")}return Pe(t,r)},startsWith:function startsWith(e){var t=re.ToString(re.RequireObjectCoercible(this));if(re.IsRegExp(e)){throw new TypeError('Cannot call method "startsWith" with a regex')}var r=re.ToString(e);var n;if(arguments.length>1){n=arguments[1]}var o=A(re.ToInteger(n),0);return C(t,o,o+r.length)===r},endsWith:function endsWith(e){var t=re.ToString(re.RequireObjectCoercible(this));if(re.IsRegExp(e)){throw new TypeError('Cannot call method "endsWith" with a regex')}var r=re.ToString(e);var n=t.length;var o;if(arguments.length>1){o=arguments[1]}var i=typeof o==="undefined"?n:re.ToInteger(o);var a=R(A(i,0),n);return C(t,a-r.length,a)===r},includes:function includes(e){if(re.IsRegExp(e)){throw new TypeError('"includes" does not accept a RegExp')}var t=re.ToString(e);var r;if(arguments.length>1){r=arguments[1]}return I(this,t,r)!==-1},codePointAt:function codePointAt(e){var t=re.ToString(re.RequireObjectCoercible(this));var r=re.ToInteger(e);var n=t.length;if(r>=0&&r<n){var o=t.charCodeAt(r);var i=r+1===n;if(o<55296||o>56319||i){return o}var a=t.charCodeAt(r+1);if(a<56320||a>57343){return o}return(o-55296)*1024+(a-56320)+65536}}};if(String.prototype.includes&&"a".includes("a",Infinity)!==false){Z(String.prototype,"includes",Me.includes)}if(String.prototype.startsWith&&String.prototype.endsWith){var xe=i(function(){"/a/".startsWith(/a/)});var Ne=a(function(){return"abc".startsWith("a",Infinity)===false});if(!xe||!Ne){Z(String.prototype,"startsWith",Me.startsWith);Z(String.prototype,"endsWith",Me.endsWith)}}if(Y){var Ae=a(function(){var e=/a/;e[G.match]=false;return"/a/".startsWith(e)});if(!Ae){Z(String.prototype,"startsWith",Me.startsWith)}var Re=a(function(){var e=/a/;e[G.match]=false;return"/a/".endsWith(e)});if(!Re){Z(String.prototype,"endsWith",Me.endsWith)}var _e=a(function(){var e=/a/;e[G.match]=false;return"/a/".includes(e)});if(!_e){Z(String.prototype,"includes",Me.includes)}}b(String.prototype,Me);var ke=["	\n\x0B\f\r \xa0\u1680\u180e\u2000\u2001\u2002\u2003","\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028","\u2029\ufeff"].join("");var Fe=new RegExp("(^["+ke+"]+)|(["+ke+"]+$)","g");var Le=function trim(){return re.ToString(re.RequireObjectCoercible(this)).replace(Fe,"")};var De=["\x85","\u200b","\ufffe"].join("");var ze=new RegExp("["+De+"]","g");var qe=/^[\-+]0x[0-9a-f]+$/i;var We=De.trim().length!==De.length;h(String.prototype,"trim",Le,We);var Ge=function(e){return{value:e,done:arguments.length===0}};var He=function(e){re.RequireObjectCoercible(e);this._s=re.ToString(e);this._i=0};He.prototype.next=function(){var e=this._s;var t=this._i;if(typeof e==="undefined"||t>=e.length){this._s=void 0;return Ge()}var r=e.charCodeAt(t);var n,o;if(r<55296||r>56319||t+1===e.length){o=1}else{n=e.charCodeAt(t+1);o=n<56320||n>57343?1:2}this._i=t+o;return Ge(e.substr(t,o))};we(He.prototype);we(String.prototype,function(){return new He(this)});var Ve={from:function from(e){var r=this;var n;if(arguments.length>1){n=arguments[1]}var o,i;if(typeof n==="undefined"){o=false}else{if(!re.IsCallable(n)){throw new TypeError("Array.from: when provided, the second argument must be a function")}if(arguments.length>2){i=arguments[2]}o=true}var a=typeof(X(e)||re.GetMethod(e,Q))!=="undefined";var u,f,s;if(a){f=re.IsConstructor(r)?Object(new r):[];var c=re.GetIterator(e);var l,p;s=0;while(true){l=re.IteratorStep(c);if(l===false){break}p=l.value;try{if(o){p=typeof i==="undefined"?n(p,s):t(n,i,p,s)}f[s]=p}catch(v){re.IteratorClose(c,true);throw v}s+=1}u=s}else{var y=re.ToObject(e);u=re.ToLength(y.length);f=re.IsConstructor(r)?Object(new r(u)):new Array(u);var h;for(s=0;s<u;++s){h=y[s];if(o){h=typeof i==="undefined"?n(h,s):t(n,i,h,s)}Se(f,s,h)}}f.length=u;return f},of:function of(){var e=arguments.length;var t=this;var n=r(t)||!re.IsCallable(t)?new Array(e):re.Construct(t,[e]);for(var o=0;o<e;++o){Se(n,o,arguments[o])}n.length=e;return n}};b(Array,Ve);me(Array);q=function(e,t){this.i=0;this.array=e;this.kind=t};b(q.prototype,{next:function(){var e=this.i;var t=this.array;if(!(this instanceof q)){throw new TypeError("Not an ArrayIterator")}if(typeof t!=="undefined"){var r=re.ToLength(t.length);for(;e<r;e++){var n=this.kind;var o;if(n==="key"){o=e}else if(n==="value"){o=t[e]}else if(n==="entry"){o=[e,t[e]]}this.i=e+1;return Ge(o)}}this.array=void 0;return Ge()}});we(q.prototype);var Be=Array.of===Ve.of||function(){var e=function Foo(e){this.length=e};e.prototype=[];var t=Array.of.apply(e,[1,2]);return t instanceof e&&t.length===2}();if(!Be){Z(Array,"of",Ve.of)}var $e={copyWithin:function copyWithin(e,t){var r=re.ToObject(this);var n=re.ToLength(r.length);var o=re.ToInteger(e);var i=re.ToInteger(t);var a=o<0?A(n+o,0):R(o,n);var u=i<0?A(n+i,0):R(i,n);var f;if(arguments.length>2){f=arguments[2]}var s=typeof f==="undefined"?n:re.ToInteger(f);var c=s<0?A(n+s,0):R(s,n);var l=R(c-u,n-a);var p=1;if(u<a&&a<u+l){p=-1;u+=l-1;a+=l-1}while(l>0){if(u in r){r[a]=r[u]}else{delete r[a]}u+=p;a+=p;l-=1}return r},fill:function fill(e){var t;if(arguments.length>1){t=arguments[1]}var r;if(arguments.length>2){r=arguments[2]}var n=re.ToObject(this);var o=re.ToLength(n.length);t=re.ToInteger(typeof t==="undefined"?0:t);r=re.ToInteger(typeof r==="undefined"?o:r);var i=t<0?A(o+t,0):R(t,o);var a=r<0?o+r:r;for(var u=i;u<o&&u<a;++u){n[u]=e}return n},find:function find(e){var r=re.ToObject(this);var n=re.ToLength(r.length);if(!re.IsCallable(e)){throw new TypeError("Array#find: predicate must be a function")}var o=arguments.length>1?arguments[1]:null;for(var i=0,a;i<n;i++){a=r[i];if(o){if(t(e,o,a,i,r)){return a}}else if(e(a,i,r)){return a}}},findIndex:function findIndex(e){var r=re.ToObject(this);var n=re.ToLength(r.length);if(!re.IsCallable(e)){throw new TypeError("Array#findIndex: predicate must be a function")}var o=arguments.length>1?arguments[1]:null;for(var i=0;i<n;i++){if(o){if(t(e,o,r[i],i,r)){return i}}else if(e(r[i],i,r)){return i}}return-1},keys:function keys(){return new q(this,"key")},values:function values(){return new q(this,"value")},entries:function entries(){return new q(this,"entry")}};if(Array.prototype.keys&&!re.IsCallable([1].keys().next)){delete Array.prototype.keys}if(Array.prototype.entries&&!re.IsCallable([1].entries().next)){delete Array.prototype.entries}if(Array.prototype.keys&&Array.prototype.entries&&!Array.prototype.values&&Array.prototype[Q]){b(Array.prototype,{values:Array.prototype[Q]});if(K.symbol(G.unscopables)){Array.prototype[G.unscopables].values=true}}if(c&&Array.prototype.values&&Array.prototype.values.name!=="values"){var Ue=Array.prototype.values;Z(Array.prototype,"values",function values(){return re.Call(Ue,this,arguments)});h(Array.prototype,Q,Array.prototype.values,true)}b(Array.prototype,$e);if(1/[true].indexOf(true,-0)<0){h(Array.prototype,"indexOf",function indexOf(e){var t=E(this,arguments);if(t===0&&1/t<0){return 0}return t},true)}we(Array.prototype,function(){return this.values()});if(Object.getPrototypeOf){we(Object.getPrototypeOf([].values()))}var Je=function(){return a(function(){return Array.from({length:-1}).length===0})}();var Xe=function(){var e=Array.from([0].entries());return e.length===1&&r(e[0])&&e[0][0]===0&&e[0][1]===0}();if(!Je||!Xe){Z(Array,"from",Ve.from)}var Ke=function(){return a(function(){return Array.from([0],void 0)})}();if(!Ke){var Ze=Array.from;Z(Array,"from",function from(e){if(arguments.length>1&&typeof arguments[1]!=="undefined"){return re.Call(Ze,this,arguments)}else{return t(Ze,this,e)}})}var Ye=-(Math.pow(2,32)-1);var Qe=function(e,r){var n={length:Ye};n[r?(n.length>>>0)-1:0]=true;return a(function(){t(e,n,function(){throw new RangeError("should not reach here")},[]);return true})};if(!Qe(Array.prototype.forEach)){var et=Array.prototype.forEach;Z(Array.prototype,"forEach",function forEach(e){return re.Call(et,this.length>=0?this:[],arguments)},true)}if(!Qe(Array.prototype.map)){var tt=Array.prototype.map;Z(Array.prototype,"map",function map(e){return re.Call(tt,this.length>=0?this:[],arguments)},true)}if(!Qe(Array.prototype.filter)){var rt=Array.prototype.filter;Z(Array.prototype,"filter",function filter(e){return re.Call(rt,this.length>=0?this:[],arguments)},true)}if(!Qe(Array.prototype.some)){var nt=Array.prototype.some;Z(Array.prototype,"some",function some(e){return re.Call(nt,this.length>=0?this:[],arguments)},true)}if(!Qe(Array.prototype.every)){var ot=Array.prototype.every;Z(Array.prototype,"every",function every(e){return re.Call(ot,this.length>=0?this:[],arguments)},true)}if(!Qe(Array.prototype.reduce)){var it=Array.prototype.reduce;Z(Array.prototype,"reduce",function reduce(e){return re.Call(it,this.length>=0?this:[],arguments)},true)}if(!Qe(Array.prototype.reduceRight,true)){var at=Array.prototype.reduceRight;Z(Array.prototype,"reduceRight",function reduceRight(e){return re.Call(at,this.length>=0?this:[],arguments)},true)}var ut=Number("0o10")!==8;var ft=Number("0b10")!==2;var st=y(De,function(e){return Number(e+0+e)===0});if(ut||ft||st){var ct=Number;var lt=/^0b[01]+$/i;var pt=/^0o[0-7]+$/i;var vt=lt.test.bind(lt);var yt=pt.test.bind(pt);var ht=function(e){var t;if(typeof e.valueOf==="function"){t=e.valueOf();if(K.primitive(t)){return t}}if(typeof e.toString==="function"){t=e.toString();if(K.primitive(t)){return t}}throw new TypeError("No default value")};var bt=ze.test.bind(ze);var gt=qe.test.bind(qe);var dt=function(){var e=function Number(t){var r;if(arguments.length>0){r=K.primitive(t)?t:ht(t,"number")}else{r=0}if(typeof r==="string"){r=re.Call(Le,r);if(vt(r)){r=parseInt(C(r,2),2)}else if(yt(r)){r=parseInt(C(r,2),8)}else if(bt(r)||gt(r)){r=NaN}}var n=this;var o=a(function(){ct.prototype.valueOf.call(n);return true});if(n instanceof e&&!o){return new ct(r)}return ct(r)};return e}();de(ct,dt,{});b(dt,{NaN:ct.NaN,MAX_VALUE:ct.MAX_VALUE,MIN_VALUE:ct.MIN_VALUE,NEGATIVE_INFINITY:ct.NEGATIVE_INFINITY,POSITIVE_INFINITY:ct.POSITIVE_INFINITY});Number=dt;O.redefine(S,"Number",dt)}var Ot=Math.pow(2,53)-1;b(Number,{MAX_SAFE_INTEGER:Ot,MIN_SAFE_INTEGER:-Ot,EPSILON:2.220446049250313e-16,parseInt:S.parseInt,parseFloat:S.parseFloat,isFinite:B,isInteger:function isInteger(e){return B(e)&&re.ToInteger(e)===e},isSafeInteger:function isSafeInteger(e){return Number.isInteger(e)&&k(e)<=Number.MAX_SAFE_INTEGER},isNaN:V});h(Number,"parseInt",S.parseInt,Number.parseInt!==S.parseInt);if(![,1].find(function(e,t){return t===0})){Z(Array.prototype,"find",$e.find)}if([,1].findIndex(function(e,t){return t===0})!==0){Z(Array.prototype,"findIndex",$e.findIndex)}var mt=Function.bind.call(Function.bind,Object.prototype.propertyIsEnumerable);var wt=function ensureEnumerable(e,t){if(s&&mt(e,t)){Object.defineProperty(e,t,{enumerable:false})}};var jt=function sliceArgs(){var e=Number(this);var t=arguments.length;var r=t-e;var n=new Array(r<0?0:r);for(var o=e;o<t;++o){n[o-e]=arguments[o]}return n};var St=function assignTo(e){return function assignToSource(t,r){t[r]=e[r];return t}};var Tt=function(e,t){var r=n(Object(t));var o;if(re.IsCallable(Object.getOwnPropertySymbols)){o=v(Object.getOwnPropertySymbols(Object(t)),mt(t))}return p(P(r,o||[]),St(t),e)};var It={assign:function(e,t){var r=re.ToObject(e,"Cannot convert undefined or null to object");return p(re.Call(jt,1,arguments),Tt,r)},is:function is(e,t){return re.SameValue(e,t)}};var Et=Object.assign&&Object.preventExtensions&&function(){var e=Object.preventExtensions({1:2});try{Object.assign(e,"xy")}catch(t){return e[1]==="y"}}();if(Et){Z(Object,"assign",It.assign)}b(Object,It);if(s){var Pt={setPrototypeOf:function(e,r){var n;var o=function(e,t){if(!re.TypeIsObject(e)){throw new TypeError("cannot set prototype on a non-object")}if(!(t===null||re.TypeIsObject(t))){throw new TypeError("can only set prototype to an object or null"+t)}};var i=function(e,r){o(e,r);t(n,e,r);return e};try{n=e.getOwnPropertyDescriptor(e.prototype,r).set;t(n,{},null)}catch(a){if(e.prototype!=={}[r]){return}n=function(e){this[r]=e};i.polyfill=i(i({},null),e.prototype)instanceof e}return i}(Object,"__proto__")};b(Object,Pt)}if(Object.setPrototypeOf&&Object.getPrototypeOf&&Object.getPrototypeOf(Object.setPrototypeOf({},null))!==null&&Object.getPrototypeOf(Object.create(null))===null){(function(){var e=Object.create(null);var t=Object.getPrototypeOf;var r=Object.setPrototypeOf;Object.getPrototypeOf=function(r){var n=t(r);return n===e?null:n};Object.setPrototypeOf=function(t,n){var o=n===null?e:n;return r(t,o)};Object.setPrototypeOf.polyfill=false})()}var Ct=!i(function(){Object.keys("foo")});if(!Ct){var Mt=Object.keys;Z(Object,"keys",function keys(e){return Mt(re.ToObject(e))});n=Object.keys}var xt=i(function(){Object.keys(/a/g)});if(xt){var Nt=Object.keys;Z(Object,"keys",function keys(e){if(K.regex(e)){var t=[];for(var r in e){if(z(e,r)){M(t,r)}}return t}return Nt(e)});n=Object.keys}if(Object.getOwnPropertyNames){var At=!i(function(){Object.getOwnPropertyNames("foo")});if(!At){var Rt=typeof window==="object"?Object.getOwnPropertyNames(window):[];var _t=Object.getOwnPropertyNames;Z(Object,"getOwnPropertyNames",function getOwnPropertyNames(e){var t=re.ToObject(e);if(g(t)==="[object Window]"){try{return _t(t)}catch(r){return P([],Rt)}}return _t(t)})}}if(Object.getOwnPropertyDescriptor){var kt=!i(function(){Object.getOwnPropertyDescriptor("foo","bar")});if(!kt){var Ft=Object.getOwnPropertyDescriptor;Z(Object,"getOwnPropertyDescriptor",function getOwnPropertyDescriptor(e,t){return Ft(re.ToObject(e),t)})}}if(Object.seal){var Lt=!i(function(){Object.seal("foo")});if(!Lt){var Dt=Object.seal;Z(Object,"seal",function seal(e){if(!re.TypeIsObject(e)){return e}return Dt(e)})}}if(Object.isSealed){var zt=!i(function(){Object.isSealed("foo")});if(!zt){var qt=Object.isSealed;Z(Object,"isSealed",function isSealed(e){if(!re.TypeIsObject(e)){return true}return qt(e)})}}if(Object.freeze){var Wt=!i(function(){Object.freeze("foo")});if(!Wt){var Gt=Object.freeze;Z(Object,"freeze",function freeze(e){if(!re.TypeIsObject(e)){return e}return Gt(e)})}}if(Object.isFrozen){var Ht=!i(function(){Object.isFrozen("foo")});if(!Ht){var Vt=Object.isFrozen;Z(Object,"isFrozen",function isFrozen(e){if(!re.TypeIsObject(e)){return true}return Vt(e)})}}if(Object.preventExtensions){var Bt=!i(function(){Object.preventExtensions("foo")});if(!Bt){var $t=Object.preventExtensions;Z(Object,"preventExtensions",function preventExtensions(e){if(!re.TypeIsObject(e)){return e}return $t(e)})}}if(Object.isExtensible){var Ut=!i(function(){Object.isExtensible("foo")});if(!Ut){var Jt=Object.isExtensible;Z(Object,"isExtensible",function isExtensible(e){if(!re.TypeIsObject(e)){return false}return Jt(e)})}}if(Object.getPrototypeOf){var Xt=!i(function(){Object.getPrototypeOf("foo")});if(!Xt){var Kt=Object.getPrototypeOf;Z(Object,"getPrototypeOf",function getPrototypeOf(e){return Kt(re.ToObject(e))})}}var Zt=s&&function(){var e=Object.getOwnPropertyDescriptor(RegExp.prototype,"flags");return e&&re.IsCallable(e.get)}();if(s&&!Zt){var Yt=function flags(){if(!re.TypeIsObject(this)){throw new TypeError("Method called on incompatible type: must be an object.")}var e="";if(this.global){e+="g"}if(this.ignoreCase){e+="i"}if(this.multiline){e+="m"}if(this.unicode){e+="u"}if(this.sticky){e+="y"}return e};O.getter(RegExp.prototype,"flags",Yt)}var Qt=s&&a(function(){return String(new RegExp(/a/g,"i"))==="/a/i"});var er=Y&&s&&function(){var e=/./;e[G.match]=false;return RegExp(e)===e}();var tr=a(function(){return RegExp.prototype.toString.call({source:"abc"})==="/abc/"});var rr=tr&&a(function(){return RegExp.prototype.toString.call({source:"a",flags:"b"})==="/a/b"});if(!tr||!rr){var nr=RegExp.prototype.toString;h(RegExp.prototype,"toString",function toString(){var e=re.RequireObjectCoercible(this);if(K.regex(e)){return t(nr,e)}var r=te(e.source);var n=te(e.flags);return"/"+r+"/"+n},true);O.preserveToString(RegExp.prototype.toString,nr)}if(s&&(!Qt||er)){var or=Object.getOwnPropertyDescriptor(RegExp.prototype,"flags").get;var ir=Object.getOwnPropertyDescriptor(RegExp.prototype,"source")||{};var ar=function(){return this.source};var ur=re.IsCallable(ir.get)?ir.get:ar;var fr=RegExp;var sr=function(){return function RegExp(e,t){var r=re.IsRegExp(e);var n=this instanceof RegExp;if(!n&&r&&typeof t==="undefined"&&e.constructor===RegExp){return e}var o=e;var i=t;if(K.regex(e)){o=re.Call(ur,e);i=typeof t==="undefined"?re.Call(or,e):t;return new RegExp(o,i)}else if(r){o=e.source;i=typeof t==="undefined"?e.flags:t}return new fr(e,t)}}();de(fr,sr,{$input:true});RegExp=sr;O.redefine(S,"RegExp",sr)}if(s){var cr={input:"$_",lastMatch:"$&",lastParen:"$+",leftContext:"$`",rightContext:"$'"};l(n(cr),function(e){if(e in RegExp&&!(cr[e]in RegExp)){O.getter(RegExp,cr[e],function get(){return RegExp[e]})}})}me(RegExp);var lr=1/Number.EPSILON;var pr=function roundTiesToEven(e){return e+lr-lr};var vr=Math.pow(2,-23);var yr=Math.pow(2,127)*(2-vr);var hr=Math.pow(2,-126);var br=Math.E;var gr=Math.LOG2E;var dr=Math.LOG10E;var Or=Number.prototype.clz;delete Number.prototype.clz;var mr={acosh:function acosh(e){var t=Number(e);if(V(t)||e<1){return NaN}if(t===1){return 0}if(t===Infinity){return t}return L(t/br+D(t+1)*D(t-1)/br)+1},asinh:function asinh(e){var t=Number(e);if(t===0||!T(t)){return t}return t<0?-asinh(-t):L(t+D(t*t+1))},atanh:function atanh(e){var t=Number(e);if(V(t)||t<-1||t>1){return NaN}if(t===-1){return-Infinity}if(t===1){return Infinity}if(t===0){return t}return.5*L((1+t)/(1-t))},cbrt:function cbrt(e){var t=Number(e);if(t===0){return t}var r=t<0;var n;if(r){t=-t}if(t===Infinity){n=Infinity}else{n=F(L(t)/3);n=(t/(n*n)+2*n)/3}return r?-n:n},clz32:function clz32(e){var t=Number(e);var r=re.ToUint32(t);if(r===0){return 32}return Or?re.Call(Or,r):31-_(L(r+.5)*gr)},cosh:function cosh(e){var t=Number(e);if(t===0){return 1}if(V(t)){return NaN}if(!T(t)){return Infinity}if(t<0){t=-t}if(t>21){return F(t)/2}return(F(t)+F(-t))/2},expm1:function expm1(e){var t=Number(e);if(t===-Infinity){return-1}if(!T(t)||t===0){return t}if(k(t)>.5){return F(t)-1}var r=t;var n=0;var o=1;while(n+r!==n){n+=r;o+=1;r*=t/o}return n},hypot:function hypot(e,t){var r=0;var n=0;for(var o=0;o<arguments.length;++o){var i=k(Number(arguments[o]));if(n<i){r*=n/i*(n/i);r+=1;n=i}else{r+=i>0?i/n*(i/n):i}}return n===Infinity?Infinity:n*D(r)},log2:function log2(e){return L(e)*gr},log10:function log10(e){return L(e)*dr},log1p:function log1p(e){var t=Number(e);if(t<-1||V(t)){return NaN}if(t===0||t===Infinity){return t}if(t===-1){return-Infinity}return 1+t-1===0?t:t*(L(1+t)/(1+t-1))},sign:$,sinh:function sinh(e){var t=Number(e);if(!T(t)||t===0){return t}if(k(t)<1){return(Math.expm1(t)-Math.expm1(-t))/2}return(F(t-1)-F(-t-1))*br/2},tanh:function tanh(e){var t=Number(e);if(V(t)||t===0){return t}if(t>=20){return 1}if(t<=-20){return-1}return(Math.expm1(t)-Math.expm1(-t))/(F(t)+F(-t))},trunc:function trunc(e){var t=Number(e);return t<0?-_(-t):_(t)},imul:function imul(e,t){var r=re.ToUint32(e);var n=re.ToUint32(t);var o=r>>>16&65535;var i=r&65535;var a=n>>>16&65535;var u=n&65535;return i*u+(o*u+i*a<<16>>>0)|0},fround:function fround(e){var t=Number(e);if(t===0||t===Infinity||t===-Infinity||V(t)){return t}var r=$(t);var n=k(t);if(n<hr){return r*pr(n/hr/vr)*hr*vr}var o=(1+vr/Number.EPSILON)*n;var i=o-(o-n);if(i>yr||V(i)){return r*Infinity}return r*i}};b(Math,mr);h(Math,"log1p",mr.log1p,Math.log1p(-1e-17)!==-1e-17);h(Math,"asinh",mr.asinh,Math.asinh(-1e7)!==-Math.asinh(1e7));h(Math,"tanh",mr.tanh,Math.tanh(-2e-17)!==-2e-17);h(Math,"acosh",mr.acosh,Math.acosh(Number.MAX_VALUE)===Infinity);h(Math,"cbrt",mr.cbrt,Math.abs(1-Math.cbrt(1e-300)/1e-100)/Number.EPSILON>8);h(Math,"sinh",mr.sinh,Math.sinh(-2e-17)!==-2e-17);var wr=Math.expm1(10);h(Math,"expm1",mr.expm1,wr>22025.465794806718||wr<22025.465794806718);var jr=Math.round;var Sr=Math.round(.5-Number.EPSILON/4)===0&&Math.round(-.5+Number.EPSILON/3.99)===1;var Tr=lr+1;var Ir=2*lr-1;var Er=[Tr,Ir].every(function(e){return Math.round(e)===e});h(Math,"round",function round(e){var t=_(e);var r=t===-1?-0:t+1;return e-t<.5?t:r},!Sr||!Er);O.preserveToString(Math.round,jr);var Pr=Math.imul;if(Math.imul(4294967295,5)!==-5){Math.imul=mr.imul;O.preserveToString(Math.imul,Pr)}if(Math.imul.length!==2){Z(Math,"imul",function imul(e,t){return re.Call(Pr,Math,arguments);
-})}var Cr=function(){var e=S.setTimeout;if(typeof e!=="function"&&typeof e!=="object"){return}re.IsPromise=function(e){if(!re.TypeIsObject(e)){return false}if(typeof e._promise==="undefined"){return false}return true};var r=function(e){if(!re.IsConstructor(e)){throw new TypeError("Bad promise constructor")}var t=this;var r=function(e,r){if(t.resolve!==void 0||t.reject!==void 0){throw new TypeError("Bad Promise implementation!")}t.resolve=e;t.reject=r};t.resolve=void 0;t.reject=void 0;t.promise=new e(r);if(!(re.IsCallable(t.resolve)&&re.IsCallable(t.reject))){throw new TypeError("Bad promise constructor")}};var n;if(typeof window!=="undefined"&&re.IsCallable(window.postMessage)){n=function(){var e=[];var t="zero-timeout-message";var r=function(r){M(e,r);window.postMessage(t,"*")};var n=function(r){if(r.source===window&&r.data===t){r.stopPropagation();if(e.length===0){return}var n=N(e);n()}};window.addEventListener("message",n,true);return r}}var o=function(){var e=S.Promise;var t=e&&e.resolve&&e.resolve();return t&&function(e){return t.then(e)}};var i=re.IsCallable(S.setImmediate)?S.setImmediate:typeof process==="object"&&process.nextTick?process.nextTick:o()||(re.IsCallable(n)?n():function(t){e(t,0)});var a=function(e){return e};var u=function(e){throw e};var f=0;var s=1;var c=2;var l=0;var p=1;var v=2;var y={};var h=function(e,t,r){i(function(){g(e,t,r)})};var g=function(e,t,r){var n,o;if(t===y){return e(r)}try{n=e(r);o=t.resolve}catch(i){n=i;o=t.reject}o(n)};var d=function(e,t){var r=e._promise;var n=r.reactionLength;if(n>0){h(r.fulfillReactionHandler0,r.reactionCapability0,t);r.fulfillReactionHandler0=void 0;r.rejectReactions0=void 0;r.reactionCapability0=void 0;if(n>1){for(var o=1,i=0;o<n;o++,i+=3){h(r[i+l],r[i+v],t);e[i+l]=void 0;e[i+p]=void 0;e[i+v]=void 0}}}r.result=t;r.state=s;r.reactionLength=0};var O=function(e,t){var r=e._promise;var n=r.reactionLength;if(n>0){h(r.rejectReactionHandler0,r.reactionCapability0,t);r.fulfillReactionHandler0=void 0;r.rejectReactions0=void 0;r.reactionCapability0=void 0;if(n>1){for(var o=1,i=0;o<n;o++,i+=3){h(r[i+p],r[i+v],t);e[i+l]=void 0;e[i+p]=void 0;e[i+v]=void 0}}}r.result=t;r.state=c;r.reactionLength=0};var m=function(e){var t=false;var r=function(r){var n;if(t){return}t=true;if(r===e){return O(e,new TypeError("Self resolution"))}if(!re.TypeIsObject(r)){return d(e,r)}try{n=r.then}catch(o){return O(e,o)}if(!re.IsCallable(n)){return d(e,r)}i(function(){j(e,r,n)})};var n=function(r){if(t){return}t=true;return O(e,r)};return{resolve:r,reject:n}};var w=function(e,r,n,o){if(e===I){t(e,r,n,o,y)}else{t(e,r,n,o)}};var j=function(e,t,r){var n=m(e);var o=n.resolve;var i=n.reject;try{w(r,t,o,i)}catch(a){i(a)}};var T,I;var E=function(){var e=function Promise(t){if(!(this instanceof e)){throw new TypeError('Constructor Promise requires "new"')}if(this&&this._promise){throw new TypeError("Bad construction")}if(!re.IsCallable(t)){throw new TypeError("not a valid resolver")}var r=Te(this,e,T,{_promise:{result:void 0,state:f,reactionLength:0,fulfillReactionHandler0:void 0,rejectReactionHandler0:void 0,reactionCapability0:void 0}});var n=m(r);var o=n.reject;try{t(n.resolve,o)}catch(i){o(i)}return r};return e}();T=E.prototype;var P=function(e,t,r,n){var o=false;return function(i){if(o){return}o=true;t[e]=i;if(--n.count===0){var a=r.resolve;a(t)}}};var C=function(e,t,r){var n=e.iterator;var o=[];var i={count:1};var a,u;var f=0;while(true){try{a=re.IteratorStep(n);if(a===false){e.done=true;break}u=a.value}catch(s){e.done=true;throw s}o[f]=void 0;var c=t.resolve(u);var l=P(f,o,r,i);i.count+=1;w(c.then,c,l,r.reject);f+=1}if(--i.count===0){var p=r.resolve;p(o)}return r.promise};var x=function(e,t,r){var n=e.iterator;var o,i,a;while(true){try{o=re.IteratorStep(n);if(o===false){e.done=true;break}i=o.value}catch(u){e.done=true;throw u}a=t.resolve(i);w(a.then,a,r.resolve,r.reject)}return r.promise};b(E,{all:function all(e){var t=this;if(!re.TypeIsObject(t)){throw new TypeError("Promise is not object")}var n=new r(t);var o,i;try{o=re.GetIterator(e);i={iterator:o,done:false};return C(i,t,n)}catch(a){var u=a;if(i&&!i.done){try{re.IteratorClose(o,true)}catch(f){u=f}}var s=n.reject;s(u);return n.promise}},race:function race(e){var t=this;if(!re.TypeIsObject(t)){throw new TypeError("Promise is not object")}var n=new r(t);var o,i;try{o=re.GetIterator(e);i={iterator:o,done:false};return x(i,t,n)}catch(a){var u=a;if(i&&!i.done){try{re.IteratorClose(o,true)}catch(f){u=f}}var s=n.reject;s(u);return n.promise}},reject:function reject(e){var t=this;if(!re.TypeIsObject(t)){throw new TypeError("Bad promise constructor")}var n=new r(t);var o=n.reject;o(e);return n.promise},resolve:function resolve(e){var t=this;if(!re.TypeIsObject(t)){throw new TypeError("Bad promise constructor")}if(re.IsPromise(e)){var n=e.constructor;if(n===t){return e}}var o=new r(t);var i=o.resolve;i(e);return o.promise}});b(T,{"catch":function(e){return this.then(null,e)},then:function then(e,t){var n=this;if(!re.IsPromise(n)){throw new TypeError("not a promise")}var o=re.SpeciesConstructor(n,E);var i;var b=arguments.length>2&&arguments[2]===y;if(b&&o===E){i=y}else{i=new r(o)}var g=re.IsCallable(e)?e:a;var d=re.IsCallable(t)?t:u;var O=n._promise;var m;if(O.state===f){if(O.reactionLength===0){O.fulfillReactionHandler0=g;O.rejectReactionHandler0=d;O.reactionCapability0=i}else{var w=3*(O.reactionLength-1);O[w+l]=g;O[w+p]=d;O[w+v]=i}O.reactionLength+=1}else if(O.state===s){m=O.result;h(g,i,m)}else if(O.state===c){m=O.result;h(d,i,m)}else{throw new TypeError("unexpected Promise state")}return i.promise}});y=new r(E);I=T.then;return E}();if(S.Promise){delete S.Promise.accept;delete S.Promise.defer;delete S.Promise.prototype.chain}if(typeof Cr==="function"){b(S,{Promise:Cr});var Mr=w(S.Promise,function(e){return e.resolve(42).then(function(){})instanceof e});var xr=!i(function(){S.Promise.reject(42).then(null,5).then(null,W)});var Nr=i(function(){S.Promise.call(3,W)});var Ar=function(e){var t=e.resolve(5);t.constructor={};var r=e.resolve(t);try{r.then(null,W).then(null,W)}catch(n){return true}return t===r}(S.Promise);var Rr=s&&function(){var e=0;var t=Object.defineProperty({},"then",{get:function(){e+=1}});Promise.resolve(t);return e===1}();var _r=function BadResolverPromise(e){var t=new Promise(e);e(3,function(){});this.then=t.then;this.constructor=BadResolverPromise};_r.prototype=Promise.prototype;_r.all=Promise.all;var kr=a(function(){return!!_r.all([1,2])});if(!Mr||!xr||!Nr||Ar||!Rr||kr){Promise=Cr;Z(S,"Promise",Cr)}if(Promise.all.length!==1){var Fr=Promise.all;Z(Promise,"all",function all(e){return re.Call(Fr,this,arguments)})}if(Promise.race.length!==1){var Lr=Promise.race;Z(Promise,"race",function race(e){return re.Call(Lr,this,arguments)})}if(Promise.resolve.length!==1){var Dr=Promise.resolve;Z(Promise,"resolve",function resolve(e){return re.Call(Dr,this,arguments)})}if(Promise.reject.length!==1){var zr=Promise.reject;Z(Promise,"reject",function reject(e){return re.Call(zr,this,arguments)})}wt(Promise,"all");wt(Promise,"race");wt(Promise,"resolve");wt(Promise,"reject");me(Promise)}var qr=function(e){var t=n(p(e,function(e,t){e[t]=true;return e},{}));return e.join(":")===t.join(":")};var Wr=qr(["z","a","bb"]);var Gr=qr(["z",1,"a","3",2]);if(s){var Hr=function fastkey(e){if(!Wr){return null}if(typeof e==="undefined"||e===null){return"^"+re.ToString(e)}else if(typeof e==="string"){return"$"+e}else if(typeof e==="number"){if(!Gr){return"n"+e}return e}else if(typeof e==="boolean"){return"b"+e}return null};var Vr=function emptyObject(){return Object.create?Object.create(null):{}};var Br=function addIterableToMap(e,n,o){if(r(o)||K.string(o)){l(o,function(e){if(!re.TypeIsObject(e)){throw new TypeError("Iterator value "+e+" is not an entry object")}n.set(e[0],e[1])})}else if(o instanceof e){t(e.prototype.forEach,o,function(e,t){n.set(t,e)})}else{var i,a;if(o!==null&&typeof o!=="undefined"){a=n.set;if(!re.IsCallable(a)){throw new TypeError("bad map")}i=re.GetIterator(o)}if(typeof i!=="undefined"){while(true){var u=re.IteratorStep(i);if(u===false){break}var f=u.value;try{if(!re.TypeIsObject(f)){throw new TypeError("Iterator value "+f+" is not an entry object")}t(a,n,f[0],f[1])}catch(s){re.IteratorClose(i,true);throw s}}}}};var $r=function addIterableToSet(e,n,o){if(r(o)||K.string(o)){l(o,function(e){n.add(e)})}else if(o instanceof e){t(e.prototype.forEach,o,function(e){n.add(e)})}else{var i,a;if(o!==null&&typeof o!=="undefined"){a=n.add;if(!re.IsCallable(a)){throw new TypeError("bad set")}i=re.GetIterator(o)}if(typeof i!=="undefined"){while(true){var u=re.IteratorStep(i);if(u===false){break}var f=u.value;try{t(a,n,f)}catch(s){re.IteratorClose(i,true);throw s}}}}};var Ur={Map:function(){var e={};var r=function MapEntry(e,t){this.key=e;this.value=t;this.next=null;this.prev=null};r.prototype.isRemoved=function isRemoved(){return this.key===e};var n=function isMap(e){return!!e._es6map};var o=function requireMapSlot(e,t){if(!re.TypeIsObject(e)||!n(e)){throw new TypeError("Method Map.prototype."+t+" called on incompatible receiver "+re.ToString(e))}};var i=function MapIterator(e,t){o(e,"[[MapIterator]]");this.head=e._head;this.i=this.head;this.kind=t};i.prototype={next:function next(){var e=this.i;var t=this.kind;var r=this.head;if(typeof this.i==="undefined"){return Ge()}while(e.isRemoved()&&e!==r){e=e.prev}var n;while(e.next!==r){e=e.next;if(!e.isRemoved()){if(t==="key"){n=e.key}else if(t==="value"){n=e.value}else{n=[e.key,e.value]}this.i=e;return Ge(n)}}this.i=void 0;return Ge()}};we(i.prototype);var a;var u=function Map(){if(!(this instanceof Map)){throw new TypeError('Constructor Map requires "new"')}if(this&&this._es6map){throw new TypeError("Bad construction")}var e=Te(this,Map,a,{_es6map:true,_head:null,_storage:Vr(),_size:0});var t=new r(null,null);t.next=t.prev=t;e._head=t;if(arguments.length>0){Br(Map,e,arguments[0])}return e};a=u.prototype;O.getter(a,"size",function(){if(typeof this._size==="undefined"){throw new TypeError("size method called on incompatible Map")}return this._size});b(a,{get:function get(e){o(this,"get");var t=Hr(e);if(t!==null){var r=this._storage[t];if(r){return r.value}else{return}}var n=this._head;var i=n;while((i=i.next)!==n){if(re.SameValueZero(i.key,e)){return i.value}}},has:function has(e){o(this,"has");var t=Hr(e);if(t!==null){return typeof this._storage[t]!=="undefined"}var r=this._head;var n=r;while((n=n.next)!==r){if(re.SameValueZero(n.key,e)){return true}}return false},set:function set(e,t){o(this,"set");var n=this._head;var i=n;var a;var u=Hr(e);if(u!==null){if(typeof this._storage[u]!=="undefined"){this._storage[u].value=t;return this}else{a=this._storage[u]=new r(e,t);i=n.prev}}while((i=i.next)!==n){if(re.SameValueZero(i.key,e)){i.value=t;return this}}a=a||new r(e,t);if(re.SameValue(-0,e)){a.key=+0}a.next=this._head;a.prev=this._head.prev;a.prev.next=a;a.next.prev=a;this._size+=1;return this},"delete":function(t){o(this,"delete");var r=this._head;var n=r;var i=Hr(t);if(i!==null){if(typeof this._storage[i]==="undefined"){return false}n=this._storage[i].prev;delete this._storage[i]}while((n=n.next)!==r){if(re.SameValueZero(n.key,t)){n.key=n.value=e;n.prev.next=n.next;n.next.prev=n.prev;this._size-=1;return true}}return false},clear:function clear(){o(this,"clear");this._size=0;this._storage=Vr();var t=this._head;var r=t;var n=r.next;while((r=n)!==t){r.key=r.value=e;n=r.next;r.next=r.prev=t}t.next=t.prev=t},keys:function keys(){o(this,"keys");return new i(this,"key")},values:function values(){o(this,"values");return new i(this,"value")},entries:function entries(){o(this,"entries");return new i(this,"key+value")},forEach:function forEach(e){o(this,"forEach");var r=arguments.length>1?arguments[1]:null;var n=this.entries();for(var i=n.next();!i.done;i=n.next()){if(r){t(e,r,i.value[1],i.value[0],this)}else{e(i.value[1],i.value[0],this)}}}});we(a,a.entries);return u}(),Set:function(){var e=function isSet(e){return e._es6set&&typeof e._storage!=="undefined"};var r=function requireSetSlot(t,r){if(!re.TypeIsObject(t)||!e(t)){throw new TypeError("Set.prototype."+r+" called on incompatible receiver "+re.ToString(t))}};var o;var i=function Set(){if(!(this instanceof Set)){throw new TypeError('Constructor Set requires "new"')}if(this&&this._es6set){throw new TypeError("Bad construction")}var e=Te(this,Set,o,{_es6set:true,"[[SetData]]":null,_storage:Vr()});if(!e._es6set){throw new TypeError("bad set")}if(arguments.length>0){$r(Set,e,arguments[0])}return e};o=i.prototype;var a=function(e){var t=e;if(t==="^null"){return null}else if(t==="^undefined"){return void 0}else{var r=t.charAt(0);if(r==="$"){return C(t,1)}else if(r==="n"){return+C(t,1)}else if(r==="b"){return t==="btrue"}}return+t};var u=function ensureMap(e){if(!e["[[SetData]]"]){var t=e["[[SetData]]"]=new Ur.Map;l(n(e._storage),function(e){var r=a(e);t.set(r,r)});e["[[SetData]]"]=t}e._storage=null};O.getter(i.prototype,"size",function(){r(this,"size");if(this._storage){return n(this._storage).length}u(this);return this["[[SetData]]"].size});b(i.prototype,{has:function has(e){r(this,"has");var t;if(this._storage&&(t=Hr(e))!==null){return!!this._storage[t]}u(this);return this["[[SetData]]"].has(e)},add:function add(e){r(this,"add");var t;if(this._storage&&(t=Hr(e))!==null){this._storage[t]=true;return this}u(this);this["[[SetData]]"].set(e,e);return this},"delete":function(e){r(this,"delete");var t;if(this._storage&&(t=Hr(e))!==null){var n=z(this._storage,t);return delete this._storage[t]&&n}u(this);return this["[[SetData]]"]["delete"](e)},clear:function clear(){r(this,"clear");if(this._storage){this._storage=Vr()}if(this["[[SetData]]"]){this["[[SetData]]"].clear()}},values:function values(){r(this,"values");u(this);return this["[[SetData]]"].values()},entries:function entries(){r(this,"entries");u(this);return this["[[SetData]]"].entries()},forEach:function forEach(e){r(this,"forEach");var n=arguments.length>1?arguments[1]:null;var o=this;u(o);this["[[SetData]]"].forEach(function(r,i){if(n){t(e,n,i,i,o)}else{e(i,i,o)}})}});h(i.prototype,"keys",i.prototype.values,true);we(i.prototype,i.prototype.values);return i}()};if(S.Map||S.Set){var Jr=a(function(){return new Map([[1,2]]).get(1)===2});if(!Jr){var Xr=S.Map;S.Map=function Map(){if(!(this instanceof Map)){throw new TypeError('Constructor Map requires "new"')}var e=new Xr;if(arguments.length>0){Br(Map,e,arguments[0])}delete e.constructor;Object.setPrototypeOf(e,S.Map.prototype);return e};S.Map.prototype=m(Xr.prototype);h(S.Map.prototype,"constructor",S.Map,true);O.preserveToString(S.Map,Xr)}var Kr=new Map;var Zr=function(){var e=new Map([[1,0],[2,0],[3,0],[4,0]]);e.set(-0,e);return e.get(0)===e&&e.get(-0)===e&&e.has(0)&&e.has(-0)}();var Yr=Kr.set(1,2)===Kr;if(!Zr||!Yr){var Qr=Map.prototype.set;Z(Map.prototype,"set",function set(e,r){t(Qr,this,e===0?0:e,r);return this})}if(!Zr){var en=Map.prototype.get;var tn=Map.prototype.has;b(Map.prototype,{get:function get(e){return t(en,this,e===0?0:e)},has:function has(e){return t(tn,this,e===0?0:e)}},true);O.preserveToString(Map.prototype.get,en);O.preserveToString(Map.prototype.has,tn)}var rn=new Set;var nn=function(e){e["delete"](0);e.add(-0);return!e.has(0)}(rn);var on=rn.add(1)===rn;if(!nn||!on){var an=Set.prototype.add;Set.prototype.add=function add(e){t(an,this,e===0?0:e);return this};O.preserveToString(Set.prototype.add,an)}if(!nn){var un=Set.prototype.has;Set.prototype.has=function has(e){return t(un,this,e===0?0:e)};O.preserveToString(Set.prototype.has,un);var fn=Set.prototype["delete"];Set.prototype["delete"]=function SetDelete(e){return t(fn,this,e===0?0:e)};O.preserveToString(Set.prototype["delete"],fn)}var sn=w(S.Map,function(e){var t=new e([]);t.set(42,42);return t instanceof e});var cn=Object.setPrototypeOf&&!sn;var ln=function(){try{return!(S.Map()instanceof S.Map)}catch(e){return e instanceof TypeError}}();if(S.Map.length!==0||cn||!ln){var pn=S.Map;S.Map=function Map(){if(!(this instanceof Map)){throw new TypeError('Constructor Map requires "new"')}var e=new pn;if(arguments.length>0){Br(Map,e,arguments[0])}delete e.constructor;Object.setPrototypeOf(e,Map.prototype);return e};S.Map.prototype=pn.prototype;h(S.Map.prototype,"constructor",S.Map,true);O.preserveToString(S.Map,pn)}var vn=w(S.Set,function(e){var t=new e([]);t.add(42,42);return t instanceof e});var yn=Object.setPrototypeOf&&!vn;var hn=function(){try{return!(S.Set()instanceof S.Set)}catch(e){return e instanceof TypeError}}();if(S.Set.length!==0||yn||!hn){var bn=S.Set;S.Set=function Set(){if(!(this instanceof Set)){throw new TypeError('Constructor Set requires "new"')}var e=new bn;if(arguments.length>0){$r(Set,e,arguments[0])}delete e.constructor;Object.setPrototypeOf(e,Set.prototype);return e};S.Set.prototype=bn.prototype;h(S.Set.prototype,"constructor",S.Set,true);O.preserveToString(S.Set,bn)}var gn=new S.Map;var dn=!a(function(){return gn.keys().next().done});if(typeof S.Map.prototype.clear!=="function"||(new S.Set).size!==0||gn.size!==0||typeof S.Map.prototype.keys!=="function"||typeof S.Set.prototype.keys!=="function"||typeof S.Map.prototype.forEach!=="function"||typeof S.Set.prototype.forEach!=="function"||u(S.Map)||u(S.Set)||typeof gn.keys().next!=="function"||dn||!sn){b(S,{Map:Ur.Map,Set:Ur.Set},true)}if(S.Set.prototype.keys!==S.Set.prototype.values){h(S.Set.prototype,"keys",S.Set.prototype.values,true)}we(Object.getPrototypeOf((new S.Map).keys()));we(Object.getPrototypeOf((new S.Set).keys()));if(c&&S.Set.prototype.has.name!=="has"){var On=S.Set.prototype.has;Z(S.Set.prototype,"has",function has(e){return t(On,this,e)})}}b(S,Ur);me(S.Map);me(S.Set)}var mn=function throwUnlessTargetIsObject(e){if(!re.TypeIsObject(e)){throw new TypeError("target must be an object")}};var wn={apply:function apply(){return re.Call(re.Call,null,arguments)},construct:function construct(e,t){if(!re.IsConstructor(e)){throw new TypeError("First argument must be a constructor.")}var r=arguments.length>2?arguments[2]:e;if(!re.IsConstructor(r)){throw new TypeError("new.target must be a constructor.")}return re.Construct(e,t,r,"internal")},deleteProperty:function deleteProperty(e,t){mn(e);if(s){var r=Object.getOwnPropertyDescriptor(e,t);if(r&&!r.configurable){return false}}return delete e[t]},has:function has(e,t){mn(e);return t in e}};if(Object.getOwnPropertyNames){Object.assign(wn,{ownKeys:function ownKeys(e){mn(e);var t=Object.getOwnPropertyNames(e);if(re.IsCallable(Object.getOwnPropertySymbols)){x(t,Object.getOwnPropertySymbols(e))}return t}})}var jn=function ConvertExceptionToBoolean(e){return!i(e)};if(Object.preventExtensions){Object.assign(wn,{isExtensible:function isExtensible(e){mn(e);return Object.isExtensible(e)},preventExtensions:function preventExtensions(e){mn(e);return jn(function(){Object.preventExtensions(e)})}})}if(s){var Sn=function get(e,t,r){var n=Object.getOwnPropertyDescriptor(e,t);if(!n){var o=Object.getPrototypeOf(e);if(o===null){return void 0}return Sn(o,t,r)}if("value"in n){return n.value}if(n.get){return re.Call(n.get,r)}return void 0};var Tn=function set(e,r,n,o){var i=Object.getOwnPropertyDescriptor(e,r);if(!i){var a=Object.getPrototypeOf(e);if(a!==null){return Tn(a,r,n,o)}i={value:void 0,writable:true,enumerable:true,configurable:true}}if("value"in i){if(!i.writable){return false}if(!re.TypeIsObject(o)){return false}var u=Object.getOwnPropertyDescriptor(o,r);if(u){return ee.defineProperty(o,r,{value:n})}else{return ee.defineProperty(o,r,{value:n,writable:true,enumerable:true,configurable:true})}}if(i.set){t(i.set,o,n);return true}return false};Object.assign(wn,{defineProperty:function defineProperty(e,t,r){mn(e);return jn(function(){Object.defineProperty(e,t,r)})},getOwnPropertyDescriptor:function getOwnPropertyDescriptor(e,t){mn(e);return Object.getOwnPropertyDescriptor(e,t)},get:function get(e,t){mn(e);var r=arguments.length>2?arguments[2]:e;return Sn(e,t,r)},set:function set(e,t,r){mn(e);var n=arguments.length>3?arguments[3]:e;return Tn(e,t,r,n)}})}if(Object.getPrototypeOf){var In=Object.getPrototypeOf;wn.getPrototypeOf=function getPrototypeOf(e){mn(e);return In(e)}}if(Object.setPrototypeOf&&wn.getPrototypeOf){var En=function(e,t){var r=t;while(r){if(e===r){return true}r=wn.getPrototypeOf(r)}return false};Object.assign(wn,{setPrototypeOf:function setPrototypeOf(e,t){mn(e);if(t!==null&&!re.TypeIsObject(t)){throw new TypeError("proto must be an object or null")}if(t===ee.getPrototypeOf(e)){return true}if(ee.isExtensible&&!ee.isExtensible(e)){return false}if(En(e,t)){return false}Object.setPrototypeOf(e,t);return true}})}var Pn=function(e,t){if(!re.IsCallable(S.Reflect[e])){h(S.Reflect,e,t)}else{var r=a(function(){S.Reflect[e](1);S.Reflect[e](NaN);S.Reflect[e](true);return true});if(r){Z(S.Reflect,e,t)}}};Object.keys(wn).forEach(function(e){Pn(e,wn[e])});var Cn=S.Reflect.getPrototypeOf;if(c&&Cn&&Cn.name!=="getPrototypeOf"){Z(S.Reflect,"getPrototypeOf",function getPrototypeOf(e){return t(Cn,S.Reflect,e)})}if(S.Reflect.setPrototypeOf){if(a(function(){S.Reflect.setPrototypeOf(1,{});return true})){Z(S.Reflect,"setPrototypeOf",wn.setPrototypeOf)}}if(S.Reflect.defineProperty){if(!a(function(){var e=!S.Reflect.defineProperty(1,"test",{value:1});var t=typeof Object.preventExtensions!=="function"||!S.Reflect.defineProperty(Object.preventExtensions({}),"test",{});return e&&t})){Z(S.Reflect,"defineProperty",wn.defineProperty)}}if(S.Reflect.construct){if(!a(function(){var e=function F(){};return S.Reflect.construct(function(){},[],e)instanceof e})){Z(S.Reflect,"construct",wn.construct)}}if(String(new Date(NaN))!=="Invalid Date"){var Mn=Date.prototype.toString;var xn=function toString(){var e=+this;if(e!==e){return"Invalid Date"}return re.Call(Mn,this)};Z(Date.prototype,"toString",xn)}var Nn={anchor:function anchor(e){return re.CreateHTML(this,"a","name",e)},big:function big(){return re.CreateHTML(this,"big","","")},blink:function blink(){return re.CreateHTML(this,"blink","","")},bold:function bold(){return re.CreateHTML(this,"b","","")},fixed:function fixed(){return re.CreateHTML(this,"tt","","")},fontcolor:function fontcolor(e){return re.CreateHTML(this,"font","color",e)},fontsize:function fontsize(e){return re.CreateHTML(this,"font","size",e)},italics:function italics(){return re.CreateHTML(this,"i","","")},link:function link(e){return re.CreateHTML(this,"a","href",e)},small:function small(){return re.CreateHTML(this,"small","","")},strike:function strike(){return re.CreateHTML(this,"strike","","")},sub:function sub(){return re.CreateHTML(this,"sub","","")},sup:function sub(){return re.CreateHTML(this,"sup","","")}};l(Object.keys(Nn),function(e){var r=String.prototype[e];var n=false;if(re.IsCallable(r)){var o=t(r,"",' " ');var i=P([],o.match(/"/g)).length;n=o!==o.toLowerCase()||i>2}else{n=true}if(n){Z(String.prototype,e,Nn[e])}});var An=function(){if(!Y){return false}var e=typeof JSON==="object"&&typeof JSON.stringify==="function"?JSON.stringify:null;if(!e){return false}if(typeof e(G())!=="undefined"){return true}if(e([G()])!=="[null]"){return true}var t={a:G()};t[G()]=true;if(e(t)!=="{}"){return true}return false}();var Rn=a(function(){if(!Y){return true}return JSON.stringify(Object(G()))==="{}"&&JSON.stringify([Object(G())])==="[{}]"});if(An||!Rn){var _n=JSON.stringify;Z(JSON,"stringify",function stringify(e){if(typeof e==="symbol"){return}var n;if(arguments.length>1){n=arguments[1]}var o=[e];if(!r(n)){var i=re.IsCallable(n)?n:null;var a=function(e,r){var n=i?t(i,this,e,r):r;if(typeof n!=="symbol"){if(K.symbol(n)){return St({})(n)}else{return n}}};o.push(a)}else{o.push(n)}if(arguments.length>2){o.push(arguments[2])}return _n.apply(this,o)})}return S});
\ No newline at end of file
diff --git a/documentation/js/libs/htmlparser.js b/documentation/js/libs/htmlparser.js
deleted file mode 100644
index 522b39ca..00000000
--- a/documentation/js/libs/htmlparser.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/***********************************************
-Copyright 2010 - 2012 Chris Winberry <chris@winberry.net>. All rights reserved.
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to
-deal in the Software without restriction, including without limitation the
-rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
-sell copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
-IN THE SOFTWARE.
-***********************************************/
-/* v2.0.0 */
-
-!function(){function t(t,e){var a=function(){};a.prototype=e.prototype,t.super_=e,t.prototype=new a,t.prototype.constructor=t}function e(t,e){this._options=e||{},this._validateBuilder(t);this._builder=t,this.reset()}function a(t,e){this.reset(),this._options=e||{},void 0===this._options.ignoreWhitespace&&(this._options.ignoreWhitespace=!1),void 0===this._options.includeLocation&&(this._options.includeLocation=!1),void 0===this._options.verbose&&(this._options.verbose=!0),void 0===this._options.enforceEmptyTags&&(this._options.enforceEmptyTags=!0),void 0===this._options.caseSensitiveTags&&(this._options.caseSensitiveTags=!1),void 0===this._options.caseSensitiveAttr&&(this._options.caseSensitiveAttr=!1),"function"==typeof t&&(this._callback=t)}function n(t){n.super_.call(this,t,{ignoreWhitespace:!0,verbose:!1,enforceEmptyTags:!1,caseSensitiveTags:!0})}var i;if("undefined"!=typeof module&&void 0!==module.exports)i=module.exports;else{if(i={},this.Tautologistics||(this.Tautologistics={}),this.Tautologistics.NodeHtmlParser)return;this.Tautologistics.NodeHtmlParser=i}var s={Text:"text",Tag:"tag",Attr:"attr",CData:"cdata",Doctype:"doctype",Comment:"comment"};"undefined"!=typeof module&&void 0!==module.exports&&(t(e,require("stream")),e.prototype.writable=!0,e.prototype.write=function(t){t instanceof Buffer&&(t=t.toString()),this.parseChunk(t)},e.prototype.end=function(t){arguments.length&&this.write(t),this.writable=!1,this.done()},e.prototype.destroy=function(){this.writable=!1}),e.prototype.reset=function(){this._state={mode:s.Text,pos:0,data:null,pendingText:null,pendingWrite:null,lastTag:null,isScript:!1,needData:!1,output:[],done:!1},this._builder.reset()},e.prototype.parseChunk=function(t){for(this._state.needData=!1,this._state.data=null!==this._state.data?this._state.data.substr(this.pos)+t:t;this._state.pos<this._state.data.length&&!this._state.needData;)this._parse(this._state)},e.prototype.parseComplete=function(t){this.reset(),this.parseChunk(t),this.done()},e.prototype.done=function(){this._state.done=!0,this._parse(this._state),this._flushWrite(),this._builder.done()},e.prototype._validateBuilder=function(t){if("object"!=typeof t)throw new Error("Builder is not an object");if("function"!=typeof t.reset)throw new Error("Builder method 'reset' is invalid");if("function"!=typeof t.done)throw new Error("Builder method 'done' is invalid");if("function"!=typeof t.write)throw new Error("Builder method 'write' is invalid");if("function"!=typeof t.error)throw new Error("Builder method 'error' is invalid")},e.prototype._parse=function(){switch(this._state.mode){case s.Text:return this._parseText(this._state);case s.Tag:return this._parseTag(this._state);case s.Attr:return this._parseAttr(this._state);case s.CData:return this._parseCData(this._state);case s.Doctype:return this._parseDoctype(this._state);case s.Comment:return this._parseComment(this._state)}},e.prototype._writePending=function(t){this._state.pendingWrite||(this._state.pendingWrite=[]),this._state.pendingWrite.push(t)},e.prototype._flushWrite=function(){if(this._state.pendingWrite){for(var t=0,e=this._state.pendingWrite.length;t<e;t++){var a=this._state.pendingWrite[t];this._builder.write(a)}this._state.pendingWrite=null}},e.prototype._write=function(t){this._flushWrite(),this._builder.write(t)},e._re_parseText_scriptClose=/<\s*\/\s*script/gi,e.prototype._parseText=function(){var t,a=this._state;a.isScript?(e._re_parseText_scriptClose.lastIndex=a.pos,t=(t=e._re_parseText_scriptClose.exec(a.data))?t.index:-1):t=a.data.indexOf("<",a.pos);var n=-1===t?a.data.substring(a.pos,a.data.length):a.data.substring(a.pos,t);if(t<0&&a.done&&(t=a.data.length),t<0){if(a.isScript)return void(a.needData=!0);a.pendingText||(a.pendingText=[]),a.pendingText.push(a.data.substring(a.pos,a.data.length)),a.pos=a.data.length}else a.pendingText?(a.pendingText.push(a.data.substring(a.pos,t)),n=a.pendingText.join(""),a.pendingText=null):n=a.data.substring(a.pos,t),""!==n&&this._write({type:s.Text,data:n}),a.pos=t+1,a.mode=s.Tag},e.re_parseTag=/\s*(\/?)\s*([^\s>\/]+)(\s*)\??(>?)/g,e.prototype._parseTag=function(){var t=this._state;e.re_parseTag.lastIndex=t.pos;var a=e.re_parseTag.exec(t.data);if(a){if(!a[1]&&"!--"===a[2].substr(0,3))return t.mode=s.Comment,void(t.pos+=3);if(!a[1]&&"![CDATA["===a[2].substr(0,8))return t.mode=s.CData,void(t.pos+=8);if(!a[1]&&"!DOCTYPE"===a[2].substr(0,8))return t.mode=s.Doctype,void(t.pos+=8);if(!t.done&&t.pos+a[0].length===t.data.length)return void(t.needData=!0);var n;">"===a[4]?(t.mode=s.Text,n=a[0].substr(0,a[0].length-1)):(t.mode=s.Attr,n=a[0]),t.pos+=a[0].length;var i={type:s.Tag,name:a[1]+a[2],raw:n};t.mode===s.Attr&&(t.lastTag=i),"script"===i.name.toLowerCase()?t.isScript=!0:"/script"===i.name.toLowerCase()&&(t.isScript=!1),t.mode===s.Attr?this._writePending(i):this._write(i)}else t.needData=!0},e.re_parseAttr_findName=/\s*([^=<>\s'"\/]+)\s*/g,e.prototype._parseAttr_findName=function(){e.re_parseAttr_findName.lastIndex=this._state.pos;var t=e.re_parseAttr_findName.exec(this._state.data);return t?this._state.pos+t[0].length!==e.re_parseAttr_findName.lastIndex?null:{match:t[0],name:t[1]}:null},e.re_parseAttr_findValue=/\s*=\s*(?:'([^']*)'|"([^"]*)"|([^'"\s\/>]+))\s*/g,e.re_parseAttr_findValue_last=/\s*=\s*['"]?(.*)$/g,e.prototype._parseAttr_findValue=function(){var t=this._state;e.re_parseAttr_findValue.lastIndex=t.pos;var a=e.re_parseAttr_findValue.exec(t.data);return a?t.pos+a[0].length!==e.re_parseAttr_findValue.lastIndex?null:{match:a[0],value:a[1]||a[2]||a[3]}:t.done?(e.re_parseAttr_findValue_last.lastIndex=t.pos,a=e.re_parseAttr_findValue_last.exec(t.data),a?{match:a[0],value:""!==a[1]?a[1]:null}:null):null},e.re_parseAttr_splitValue=/\s*=\s*['"]?/g,e.re_parseAttr_selfClose=/(\s*\/\s*)(>?)/g,e.prototype._parseAttr=function(){var t=this._state,a=this._parseAttr_findName(t);if(a&&"?"!==a.name){if(!t.done&&t.pos+a.match.length===t.data.length)return t.needData=!0,null;t.pos+=a.match.length;var n=this._parseAttr_findValue(t);t.data.indexOf(" ",t.pos);if(n){if(!t.done&&t.pos+n.match.length===t.data.length)return t.needData=!0,void(t.pos-=a.match.length);t.pos+=n.match.length}else if(t.data.indexOf(" ",t.pos-1))n={match:"",value:a.name};else{if(e.re_parseAttr_splitValue.lastIndex=t.pos,e.re_parseAttr_splitValue.exec(t.data))return t.needData=!0,void(t.pos-=a.match.length);n={match:"",value:null}}t.lastTag.raw+=a.match+n.match,this._writePending({type:s.Attr,name:a.name,data:n.value})}else{e.re_parseAttr_selfClose.lastIndex=t.pos;var i=e.re_parseAttr_selfClose.exec(t.data);if(i&&i.index===t.pos){if(!t.done&&!i[2]&&t.pos+i[0].length===t.data.length)return void(t.needData=!0);t.lastTag.raw+=i[1],this._write({type:s.Tag,name:"/"+t.lastTag.name,raw:null}),t.pos+=i[1].length}var r=t.data.indexOf(">",t.pos);if(r<0){if(t.done)return t.lastTag.raw+=t.data.substr(t.pos),void(t.pos=t.data.length);t.needData=!0}else t.pos=r+1,t.mode=s.Text}},e.re_parseCData_findEnding=/\]{1,2}$/,e.prototype._parseCData=function(){var t=this._state,a=t.data.indexOf("]]>",t.pos);if(a<0&&t.done&&(a=t.data.length),a<0){if(e.re_parseCData_findEnding.lastIndex=t.pos,e.re_parseCData_findEnding.exec(t.data))return void(t.needData=!0);t.pendingText||(t.pendingText=[]),t.pendingText.push(t.data.substr(t.pos,t.data.length)),t.pos=t.data.length,t.needData=!0}else{var n;t.pendingText?(t.pendingText.push(t.data.substring(t.pos,a)),n=t.pendingText.join(""),t.pendingText=null):n=t.data.substring(t.pos,a),this._write({type:s.CData,data:n}),t.mode=s.Text,t.pos=a+3}},e.prototype._parseDoctype=function(){var t=this._state,a=t.data.indexOf(">",t.pos);if(a<0&&t.done&&(a=t.data.length),a<0)e.re_parseCData_findEnding.lastIndex=t.pos,t.pendingText||(t.pendingText=[]),t.pendingText.push(t.data.substr(t.pos,t.data.length)),t.pos=t.data.length,t.needData=!0;else{var n;t.pendingText?(t.pendingText.push(t.data.substring(t.pos,a)),n=t.pendingText.join(""),t.pendingText=null):n=t.data.substring(t.pos,a),this._write({type:s.Doctype,data:n}),t.mode=s.Text,t.pos=a+1}},e.re_parseComment_findEnding=/\-{1,2}$/,e.prototype._parseComment=function(){var t=this._state,a=t.data.indexOf("--\x3e",t.pos);if(a<0&&t.done&&(a=t.data.length),a<0){if(e.re_parseComment_findEnding.lastIndex=t.pos,e.re_parseComment_findEnding.exec(t.data))return void(t.needData=!0);t.pendingText||(t.pendingText=[]),t.pendingText.push(t.data.substr(t.pos,t.data.length)),t.pos=t.data.length,t.needData=!0}else{var n;t.pendingText?(t.pendingText.push(t.data.substring(t.pos,a)),n=t.pendingText.join(""),t.pendingText=null):n=t.data.substring(t.pos,a),this._write({type:s.Comment,data:n}),t.mode=s.Text,t.pos=a+3}},a._emptyTags={area:1,base:1,basefont:1,br:1,col:1,frame:1,hr:1,img:1,input:1,isindex:1,link:1,meta:1,param:1,embed:1,"?xml":1},a.reWhitespace=/^\s*$/,a.prototype.dom=null,a.prototype.reset=function(){this.dom=[],this._done=!1,this._tagStack=[],this._lastTag=null,this._tagStack.last=function(){return this.length?this[this.length-1]:null},this._line=1,this._col=1},a.prototype.done=function(){this._done=!0,this.handleCallback(null)},a.prototype.error=function(t){this.handleCallback(t)},a.prototype.handleCallback=function(t){if("function"==typeof this._callback)this._callback(t,this.dom);else if(t)throw t},a.prototype.isEmptyTag=function(t){var e=t.name.toLowerCase();return"?"==e.charAt(0)||("/"==e.charAt(0)&&(e=e.substring(1)),this._options.enforceEmptyTags&&!!a._emptyTags[e])},a.prototype._getLocation=function(){return{line:this._line,col:this._col}},a.prototype._updateLocation=function(t){var e=t.type===s.Tag?t.raw:t.data;if(null!==e){var a=e.split("\n");this._line+=a.length-1,a.length>1&&(this._col=1),this._col+=a[a.length-1].length,t.type===s.Tag?this._col+=2:t.type===s.Comment?this._col+=7:t.type===s.CData&&(this._col+=12)}},a.prototype._copyElement=function(t){var e={type:t.type};if(this._options.verbose&&void 0!==t.raw&&(e.raw=t.raw),void 0!==t.name)switch(t.type){case s.Tag:e.name=this._options.caseSensitiveTags?t.name:t.name.toLowerCase();break;case s.Attr:e.name=this._options.caseSensitiveAttr?t.name:t.name.toLowerCase();break;default:e.name=this._options.caseSensitiveTags?t.name:t.name.toLowerCase()}return void 0!==t.data&&(e.data=t.data),t.location&&(e.location={line:t.location.line,col:t.location.col}),e},a.prototype.write=function(t){if(this._done&&this.handleCallback(new Error("Writing to the builder after done() called is not allowed without a reset()")),this._options.includeLocation&&t.type!==s.Attr&&(t.location=this._getLocation(),this._updateLocation(t)),t.type!==s.Text||!this._options.ignoreWhitespace||!a.reWhitespace.test(t.data)){var e,n;if(this._tagStack.last())if(t.type===s.Tag)if("/"==t.name.charAt(0)){var i=this._options.caseSensitiveTags?t.name.substring(1):t.name.substring(1).toLowerCase();if(!this.isEmptyTag(t)){for(var r=this._tagStack.length-1;r>-1&&this._tagStack[r--].name!=i;);if(r>-1||this._tagStack[0].name==i)for(;r<this._tagStack.length-1;)this._tagStack.pop()}}else e=this._tagStack.last(),t.type===s.Attr?(e.attributes||(e.attributes={}),e.attributes[this._options.caseSensitiveAttr?t.name:t.name.toLowerCase()]=t.data):(n=this._copyElement(t),e.children||(e.children=[]),e.children.push(n),this.isEmptyTag(n)||this._tagStack.push(n),t.type===s.Tag&&(this._lastTag=n));else e=this._tagStack.last(),t.type===s.Attr?(e.attributes||(e.attributes={}),e.attributes[this._options.caseSensitiveAttr?t.name:t.name.toLowerCase()]=t.data):(e.children||(e.children=[]),e.children.push(this._copyElement(t)));else t.type===s.Tag?"/"!=t.name.charAt(0)&&(n=this._copyElement(t),this.dom.push(n),this.isEmptyTag(n)||this._tagStack.push(n),this._lastTag=n):t.type===s.Attr&&this._lastTag?(this._lastTag.attributes||(this._lastTag.attributes={}),this._lastTag.attributes[this._options.caseSensitiveAttr?t.name:t.name.toLowerCase()]=t.data):this.dom.push(this._copyElement(t))}},a.prototype._options=null,a.prototype._callback=null,a.prototype._done=!1,a.prototype._tagStack=null,t(n,a),n.prototype.done=function(){var t,e={},a=r.getElementsByTagName(function(t){return"rss"==t||"feed"==t},this.dom,!1);if(a.length&&(t=a[0]),t){if("rss"==t.name){e.type="rss",t=t.children[0],e.id="";try{e.title=r.getElementsByTagName("title",t.children,!1)[0].children[0].data}catch(t){}try{e.link=r.getElementsByTagName("link",t.children,!1)[0].children[0].data}catch(t){}try{e.description=r.getElementsByTagName("description",t.children,!1)[0].children[0].data}catch(t){}try{e.updated=new Date(r.getElementsByTagName("lastBuildDate",t.children,!1)[0].children[0].data)}catch(t){}try{e.author=r.getElementsByTagName("managingEditor",t.children,!1)[0].children[0].data}catch(t){}e.items=[],r.getElementsByTagName("item",t.children).forEach(function(t,a,n){var i={};try{i.id=r.getElementsByTagName("guid",t.children,!1)[0].children[0].data}catch(t){}try{i.title=r.getElementsByTagName("title",t.children,!1)[0].children[0].data}catch(t){}try{i.link=r.getElementsByTagName("link",t.children,!1)[0].children[0].data}catch(t){}try{i.description=r.getElementsByTagName("description",t.children,!1)[0].children[0].data}catch(t){}try{i.pubDate=new Date(r.getElementsByTagName("pubDate",t.children,!1)[0].children[0].data)}catch(t){}e.items.push(i)})}else{e.type="atom";try{e.id=r.getElementsByTagName("id",t.children,!1)[0].children[0].data}catch(t){}try{e.title=r.getElementsByTagName("title",t.children,!1)[0].children[0].data}catch(t){}try{e.link=r.getElementsByTagName("link",t.children,!1)[0].attributes.href}catch(t){}try{e.description=r.getElementsByTagName("subtitle",t.children,!1)[0].children[0].data}catch(t){}try{e.updated=new Date(r.getElementsByTagName("updated",t.children,!1)[0].children[0].data)}catch(t){}try{e.author=r.getElementsByTagName("email",t.children,!0)[0].children[0].data}catch(t){}e.items=[],r.getElementsByTagName("entry",t.children).forEach(function(t,a,n){var i={};try{i.id=r.getElementsByTagName("id",t.children,!1)[0].children[0].data}catch(t){}try{i.title=r.getElementsByTagName("title",t.children,!1)[0].children[0].data}catch(t){}try{i.link=r.getElementsByTagName("link",t.children,!1)[0].attributes.href}catch(t){}try{i.description=r.getElementsByTagName("summary",t.children,!1)[0].children[0].data}catch(t){}try{i.pubDate=new Date(r.getElementsByTagName("updated",t.children,!1)[0].children[0].data)}catch(t){}e.items.push(i)})}this.dom=e}n.super_.prototype.done.call(this)};var r={testElement:function(t,e){if(!e)return!1;for(var a in t)if(t.hasOwnProperty(a))if("tag_name"==a){if(e.type!==s.Tag)return!1;if(!t.tag_name(e.name))return!1}else if("tag_type"==a){if(!t.tag_type(e.type))return!1}else if("tag_contains"==a){if(e.type!==s.Text&&e.type!==s.Comment&&e.type!==s.CData)return!1;if(!t.tag_contains(e.data))return!1}else if(!e.attributes||!t[a](e.attributes[a]))return!1;return!0},getElements:function(t,e,a,n){if(a=void 0===a||null===a||!!a,n=isNaN(parseInt(n))?-1:parseInt(n),!e)return[];var i,s=[];for(var o in t)"function"!=typeof t[o]&&(t[o]=function(t){return function(e){return e==t}}(t[o]));if(r.testElement(t,e)&&s.push(e),n>=0&&s.length>=n)return s;if(a&&e.children)i=e.children;else{if(!(e instanceof Array))return s;i=e}for(var d=0;d<i.length&&(s=s.concat(r.getElements(t,i[d],a,n)),!(n>=0&&s.length>=n));d++);return s},getElementById:function(t,e,a){var n=r.getElements({id:t},e,a,1);return n.length?n[0]:null},getElementsByTagName:function(t,e,a,n){return r.getElements({tag_name:t},e,a,n)},getElementsByTagType:function(t,e,a,n){return r.getElements({tag_type:t},e,a,n)}};i.Parser=e,i.HtmlBuilder=a,i.RssBuilder=n,i.ElementType=s,i.DomUtils=r}();
diff --git a/documentation/js/libs/innersvg.js b/documentation/js/libs/innersvg.js
deleted file mode 100644
index b1099deb..00000000
--- a/documentation/js/libs/innersvg.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * innerHTML property for SVGElement
- * Copyright(c) 2010, Jeff Schiller
- *
- * Licensed under the Apache License, Version 2
- *
- * Minor modifications by Chris Price to only polyfill when required.
- */
-!function(e){if(e&&!("innerHTML"in e.prototype)){var t=function(e,r){var i=e.nodeType;if(3==i)r.push(e.textContent.replace(/&/,"&amp;").replace(/</,"&lt;").replace(">","&gt;"));else if(1==i){if(r.push("<",e.tagName),e.hasAttributes())for(var n=e.attributes,s=0,o=n.length;s<o;++s){var a=n.item(s);r.push(" ",a.name,"='",a.value,"'")}if(e.hasChildNodes()){r.push(">");for(var h=e.childNodes,s=0,o=h.length;s<o;++s)t(h.item(s),r);r.push("</",e.tagName,">")}else r.push("/>")}else{if(8!=i)throw"Error serializing XML. Unhandled node of type: "+i;r.push("\x3c!--",e.nodeValue,"--\x3e")}};Object.defineProperty(e.prototype,"innerHTML",{get:function(){for(var e=[],r=this.firstChild;r;)t(r,e),r=r.nextSibling;return e.join("")},set:function(e){for(;this.firstChild;)this.removeChild(this.firstChild);try{var t=new DOMParser;t.async=!1,sXML="<svg xmlns='http://www.w3.org/2000/svg'>"+e+"</svg>";for(var r=t.parseFromString(sXML,"text/xml").documentElement.firstChild;r;)this.appendChild(this.ownerDocument.importNode(r,!0)),r=r.nextSibling}catch(e){throw new Error("Error parsing XML string")}}})}}((0,eval)("this").SVGElement);
\ No newline at end of file
diff --git a/documentation/js/libs/lit-html.js b/documentation/js/libs/lit-html.js
deleted file mode 100644
index 743deea1..00000000
--- a/documentation/js/libs/lit-html.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call}return _assertThisInitialized(self)}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return self}function _get(target,property,receiver){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(receiver)}return desc.value}}return _get(target,property,receiver||target)}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break}return object}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)};return _getPrototypeOf(o)}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function")}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o};return _setPrototypeOf(o,p)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function _iterableToArray(iter){if(Symbol.iterator in Object(iter)||Object.prototype.toString.call(iter)==="[object Arguments]")return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr)){for(var i=0,arr2=new Array(arr.length);i<arr.length;i++){arr2[i]=arr[i]}return arr2}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj}}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj}}return _typeof(obj)}!function(t,e){"object"==(typeof exports==="undefined"?"undefined":_typeof(exports))&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).lithtml={})}(void 0,function(t){"use strict";var e=new WeakMap,s=function s(t){return"function"==typeof t&&e.has(t)},i=void 0!==window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,n=function n(t,e){var s=arguments.length>2&&arguments[2]!==undefined?arguments[2]:null;var i=arguments.length>3&&arguments[3]!==undefined?arguments[3]:null;var n=e;for(;n!==s;){var _e=n.nextSibling;t.insertBefore(n,i),n=_e}},o=function o(t,e){var s=arguments.length>2&&arguments[2]!==undefined?arguments[2]:null;var i=e;for(;i!==s;){var _e2=i.nextSibling;t.removeChild(i),i=_e2}},r={},a={},l="{{lit-".concat(String(Math.random()).slice(2),"}}"),h="\x3c!--".concat(l,"--\x3e"),d=new RegExp("".concat(l,"|").concat(h)),c="$lit$";var u=function u(t,e){var _this=this;_classCallCheck(this,u);this.parts=[],this.element=e;var s=-1,i=0;var n=[],o=function o(e){var r=e.content,a=document.createTreeWalker(r,133,null,!1);var h=0;for(;a.nextNode();){s++;var _e3=a.currentNode;if(1===_e3.nodeType){if(_e3.hasAttributes()){var _n=_e3.attributes;var _o=0;for(var _t=0;_t<_n.length;_t++){_n[_t].value.indexOf(l)>=0&&_o++}for(;_o-- >0;){var _n2=t.strings[i],_o2=g.exec(_n2)[2],_r=_o2.toLowerCase()+c,_a=_e3.getAttribute(_r).split(d);_this.parts.push({type:"attribute",index:s,name:_o2,strings:_a}),_e3.removeAttribute(_r),i+=_a.length-1}}"TEMPLATE"===_e3.tagName&&o(_e3)}else if(3===_e3.nodeType){var _t2=_e3.data;if(_t2.indexOf(l)>=0){var _o3=_e3.parentNode,_r2=_t2.split(d),_a2=_r2.length-1;for(var _t3=0;_t3<_a2;_t3++){_o3.insertBefore(""===_r2[_t3]?m():document.createTextNode(_r2[_t3]),_e3),_this.parts.push({type:"node",index:++s})}""===_r2[_a2]?(_o3.insertBefore(m(),_e3),n.push(_e3)):_e3.data=_r2[_a2],i+=_a2}}else if(8===_e3.nodeType)if(_e3.data===l){var _t4=_e3.parentNode;null!==_e3.previousSibling&&s!==h||(s++,_t4.insertBefore(m(),_e3)),h=s,_this.parts.push({type:"node",index:s}),null===_e3.nextSibling?_e3.data="":(n.push(_e3),s--),i++}else{var _t5=-1;for(;-1!==(_t5=_e3.data.indexOf(l,_t5+1));){_this.parts.push({type:"node",index:-1})}}}};o(e);for(var _i=0;_i<n.length;_i++){var _t6=n[_i];_t6.parentNode.removeChild(_t6)}};var p=function p(t){return-1!==t.index},m=function m(){return document.createComment("")},g=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F \x09\x0a\x0c\x0d"'>=\/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;var v=function(){function v(t,e,s){_classCallCheck(this,v);this._parts=[],this.template=t,this.processor=e,this.options=s}_createClass(v,[{key:"update",value:function update(t){var e=0;var _iteratorNormalCompletion=true;var _didIteratorError=false;var _iteratorError=undefined;try{for(var _iterator=this._parts[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var _s=_step.value;void 0!==_s&&_s.setValue(t[e]),e++}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return!=null){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}var _iteratorNormalCompletion2=true;var _didIteratorError2=false;var _iteratorError2=undefined;try{for(var _iterator2=this._parts[Symbol.iterator](),_step2;!(_iteratorNormalCompletion2=(_step2=_iterator2.next()).done);_iteratorNormalCompletion2=true){var _t7=_step2.value;void 0!==_t7&&_t7.commit()}}catch(err){_didIteratorError2=true;_iteratorError2=err}finally{try{if(!_iteratorNormalCompletion2&&_iterator2.return!=null){_iterator2.return()}}finally{if(_didIteratorError2){throw _iteratorError2}}}}},{key:"_clone",value:function _clone(){var _this2=this;var t=i?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),e=this.template.parts;var s=0,n=0;var o=function o(t){var i=document.createTreeWalker(t,133,null,!1);var r=i.nextNode();for(;s<e.length&&null!==r;){var _t8=e[s];if(p(_t8)){if(n===_t8.index){var _this2$_parts;if("node"===_t8.type){var _t9=_this2.processor.handleTextExpression(_this2.options);_t9.insertAfterNode(r.previousSibling),_this2._parts.push(_t9)}else(_this2$_parts=_this2._parts).push.apply(_this2$_parts,_toConsumableArray(_this2.processor.handleAttributeExpressions(r,_t8.name,_t8.strings,_this2.options)));s++}else n++,"TEMPLATE"===r.nodeName&&o(r.content),r=i.nextNode()}else _this2._parts.push(void 0),s++}};return o(t),i&&(document.adoptNode(t),customElements.upgrade(t)),t}}]);return v}();var f=function(){function f(t,e,s,i){_classCallCheck(this,f);this.strings=t,this.values=e,this.type=s,this.processor=i}_createClass(f,[{key:"getHTML",value:function getHTML(){var t=this.strings.length-1;var e="";for(var _s2=0;_s2<t;_s2++){var _t10=this.strings[_s2],_i2=g.exec(_t10);e+=_i2?_t10.substr(0,_i2.index)+_i2[1]+_i2[2]+c+_i2[3]+l:_t10+h}return e+this.strings[t]}},{key:"getTemplateElement",value:function getTemplateElement(){var t=document.createElement("template");return t.innerHTML=this.getHTML(),t}}]);return f}();var x=function(_f){_inherits(x,_f);function x(){_classCallCheck(this,x);return _possibleConstructorReturn(this,_getPrototypeOf(x).apply(this,arguments))}_createClass(x,[{key:"getHTML",value:function getHTML(){return"<svg>".concat(_get(_getPrototypeOf(x.prototype),"getHTML",this).call(this),"</svg>")}},{key:"getTemplateElement",value:function getTemplateElement(){var t=_get(_getPrototypeOf(x.prototype),"getTemplateElement",this).call(this),e=t.content,s=e.firstChild;return e.removeChild(s),n(e,s.firstChild),t}}]);return x}(f);var _=function _(t){return null===t||!("object"==_typeof(t)||"function"==typeof t)};var y=function(){function y(t,e,s){_classCallCheck(this,y);this.dirty=!0,this.element=t,this.name=e,this.strings=s,this.parts=[];for(var _t11=0;_t11<s.length-1;_t11++){this.parts[_t11]=this._createPart()}}_createClass(y,[{key:"_createPart",value:function _createPart(){return new N(this)}},{key:"_getValue",value:function _getValue(){var t=this.strings,e=t.length-1;var s="";for(var _i3=0;_i3<e;_i3++){s+=t[_i3];var _e4=this.parts[_i3];if(void 0!==_e4){var _t12=_e4.value;if(null!=_t12&&(Array.isArray(_t12)||"string"!=typeof _t12&&_t12[Symbol.iterator])){var _iteratorNormalCompletion3=true;var _didIteratorError3=false;var _iteratorError3=undefined;try{for(var _iterator3=_t12[Symbol.iterator](),_step3;!(_iteratorNormalCompletion3=(_step3=_iterator3.next()).done);_iteratorNormalCompletion3=true){var _e5=_step3.value;s+="string"==typeof _e5?_e5:String(_e5)}}catch(err){_didIteratorError3=true;_iteratorError3=err}finally{try{if(!_iteratorNormalCompletion3&&_iterator3.return!=null){_iterator3.return()}}finally{if(_didIteratorError3){throw _iteratorError3}}}}else s+="string"==typeof _t12?_t12:String(_t12)}}return s+=t[e]}},{key:"commit",value:function commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}]);return y}();var N=function(){function N(t){_classCallCheck(this,N);this.value=void 0,this.committer=t}_createClass(N,[{key:"setValue",value:function setValue(t){t===r||_(t)&&t===this.value||(this.value=t,s(t)||(this.committer.dirty=!0))}},{key:"commit",value:function commit(){for(;s(this.value);){var _t13=this.value;this.value=r,_t13(this)}this.value!==r&&this.committer.commit()}}]);return N}();var V=function(){function V(t){_classCallCheck(this,V);this.value=void 0,this._pendingValue=void 0,this.options=t}_createClass(V,[{key:"appendInto",value:function appendInto(t){this.startNode=t.appendChild(m()),this.endNode=t.appendChild(m())}},{key:"insertAfterNode",value:function insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}},{key:"appendIntoPart",value:function appendIntoPart(t){t._insert(this.startNode=m()),t._insert(this.endNode=m())}},{key:"insertAfterPart",value:function insertAfterPart(t){t._insert(this.startNode=m()),this.endNode=t.endNode,t.endNode=this.startNode}},{key:"setValue",value:function setValue(t){this._pendingValue=t}},{key:"commit",value:function commit(){for(;s(this._pendingValue);){var _t14=this._pendingValue;this._pendingValue=r,_t14(this)}var t=this._pendingValue;t!==r&&(_(t)?t!==this.value&&this._commitText(t):t instanceof f?this._commitTemplateResult(t):t instanceof Node?this._commitNode(t):Array.isArray(t)||t[Symbol.iterator]?this._commitIterable(t):t===a?(this.value=a,this.clear()):this._commitText(t))}},{key:"_insert",value:function _insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}},{key:"_commitNode",value:function _commitNode(t){this.value!==t&&(this.clear(),this._insert(t),this.value=t)}},{key:"_commitText",value:function _commitText(t){var e=this.startNode.nextSibling;t=null==t?"":t,e===this.endNode.previousSibling&&3===e.nodeType?e.data=t:this._commitNode(document.createTextNode("string"==typeof t?t:String(t))),this.value=t}},{key:"_commitTemplateResult",value:function _commitTemplateResult(t){var e=this.options.templateFactory(t);if(this.value instanceof v&&this.value.template===e)this.value.update(t.values);else{var _s3=new v(e,t.processor,this.options),_i4=_s3._clone();_s3.update(t.values),this._commitNode(_i4),this.value=_s3}}},{key:"_commitIterable",value:function _commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());var e=this.value;var s,i=0;var _iteratorNormalCompletion4=true;var _didIteratorError4=false;var _iteratorError4=undefined;try{for(var _iterator4=t[Symbol.iterator](),_step4;!(_iteratorNormalCompletion4=(_step4=_iterator4.next()).done);_iteratorNormalCompletion4=true){var _n3=_step4.value;void 0===(s=e[i])&&(s=new V(this.options),e.push(s),0===i?s.appendIntoPart(this):s.insertAfterPart(e[i-1])),s.setValue(_n3),s.commit(),i++}}catch(err){_didIteratorError4=true;_iteratorError4=err}finally{try{if(!_iteratorNormalCompletion4&&_iterator4.return!=null){_iterator4.return()}}finally{if(_didIteratorError4){throw _iteratorError4}}}i<e.length&&(e.length=i,this.clear(s&&s.endNode))}},{key:"clear",value:function clear(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:this.startNode;o(this.startNode.parentNode,t.nextSibling,this.endNode)}}]);return V}();var b=function(){function b(t,e,s){_classCallCheck(this,b);if(this.value=void 0,this._pendingValue=void 0,2!==s.length||""!==s[0]||""!==s[1])throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=e,this.strings=s}_createClass(b,[{key:"setValue",value:function setValue(t){this._pendingValue=t}},{key:"commit",value:function commit(){for(;s(this._pendingValue);){var _t15=this._pendingValue;this._pendingValue=r,_t15(this)}if(this._pendingValue===r)return;var t=!!this._pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name)),this.value=t,this._pendingValue=r}}]);return b}();var w=function(_y){_inherits(w,_y);function w(t,e,s){var _this3;_classCallCheck(this,w);_this3=_possibleConstructorReturn(this,_getPrototypeOf(w).call(this,t,e,s)),_this3.single=2===s.length&&""===s[0]&&""===s[1];return _this3}_createClass(w,[{key:"_createPart",value:function _createPart(){return new T(this)}},{key:"_getValue",value:function _getValue(){return this.single?this.parts[0].value:_get(_getPrototypeOf(w.prototype),"_getValue",this).call(this)}},{key:"commit",value:function commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}]);return w}(y);var T=function(_N){_inherits(T,_N);function T(){_classCallCheck(this,T);return _possibleConstructorReturn(this,_getPrototypeOf(T).apply(this,arguments))}return T}(N);var E=!1;try{var _t16={get capture(){return E=!0,!1}};window.addEventListener("test",_t16,_t16),window.removeEventListener("test",_t16,_t16)}catch(t){}var A=function(){function A(t,e,s){var _this4=this;_classCallCheck(this,A);this.value=void 0,this._pendingValue=void 0,this.element=t,this.eventName=e,this.eventContext=s,this._boundHandleEvent=function(t){return _this4.handleEvent(t)}}_createClass(A,[{key:"setValue",value:function setValue(t){this._pendingValue=t}},{key:"commit",value:function commit(){for(;s(this._pendingValue);){var _t17=this._pendingValue;this._pendingValue=r,_t17(this)}if(this._pendingValue===r)return;var t=this._pendingValue,e=this.value,i=null==t||null!=e&&(t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive),n=null!=t&&(null==e||i);i&&this.element.removeEventListener(this.eventName,this._boundHandleEvent,this._options),n&&(this._options=P(t),this.element.addEventListener(this.eventName,this._boundHandleEvent,this._options)),this.value=t,this._pendingValue=r}},{key:"handleEvent",value:function handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}]);return A}();var P=function P(t){return t&&(E?{capture:t.capture,passive:t.passive,once:t.once}:t.capture)};var S=function(){function S(){_classCallCheck(this,S)}_createClass(S,[{key:"handleAttributeExpressions",value:function handleAttributeExpressions(t,e,s,i){var n=e[0];if("."===n){return new w(t,e.slice(1),s).parts}return"@"===n?[new A(t,e.slice(1),i.eventContext)]:"?"===n?[new b(t,e.slice(1),s)]:new y(t,e,s).parts}},{key:"handleTextExpression",value:function handleTextExpression(t){return new V(t)}}]);return S}();var C=new S;function M(t){var e=L.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},L.set(t.type,e));var s=e.stringsArray.get(t.strings);if(void 0!==s)return s;var i=t.strings.join(l);return void 0===(s=e.keyString.get(i))&&(s=new u(t,t.getTemplateElement()),e.keyString.set(i,s)),e.stringsArray.set(t.strings,s),s}var L=new Map,k=new WeakMap;(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.0.0");t.html=function(t){for(var _len=arguments.length,e=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++){e[_key-1]=arguments[_key]}return new f(t,e,"html",C)},t.svg=function(t){for(var _len2=arguments.length,e=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++){e[_key2-1]=arguments[_key2]}return new x(t,e,"svg",C)},t.DefaultTemplateProcessor=S,t.defaultTemplateProcessor=C,t.directive=function(t){return function(){var i=t.apply(void 0,arguments);return e.set(i,!0),i}},t.isDirective=s,t.removeNodes=o,t.reparentNodes=n,t.noChange=r,t.nothing=a,t.AttributeCommitter=y,t.AttributePart=N,t.BooleanAttributePart=b,t.EventPart=A,t.isPrimitive=_,t.NodePart=V,t.PropertyCommitter=w,t.PropertyPart=T,t.parts=k,t.render=function(t,e,s){var i=k.get(e);void 0===i&&(o(e,e.firstChild),k.set(e,i=new V(Object.assign({templateFactory:M},s))),i.appendInto(e)),i.setValue(t),i.commit()},t.templateCaches=L,t.templateFactory=M,t.TemplateInstance=v,t.SVGTemplateResult=x,t.TemplateResult=f,t.createMarker=m,t.isTemplatePartActive=p,t.Template=u,Object.defineProperty(t,"__esModule",{value:!0})});
\ No newline at end of file
diff --git a/documentation/js/libs/prism.js b/documentation/js/libs/prism.js
deleted file mode 100644
index bb9d7ebb..00000000
--- a/documentation/js/libs/prism.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/* PrismJS 1.23.0
-https://prismjs.com/download.html?#themes=prism&languages=markup+css+clike+javascript+apacheconf+aspnet+bash+c+csharp+cpp+coffeescript+dart+docker+elm+git+go+graphql+handlebars+haskell+http+ignore+java+json+kotlin+less+markdown+markup-templating+nginx+php+powershell+ruby+rust+sass+scss+sql+swift+typescript+wasm+yaml&plugins=line-highlight+line-numbers+toolbar+copy-to-clipboard */
-var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,e={},M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++n}),e.__id},clone:function t(e,r){var a,n;switch(r=r||{},M.util.type(e)){case"Object":if(n=M.util.objId(e),r[n])return r[n];for(var i in a={},r[n]=a,e)e.hasOwnProperty(i)&&(a[i]=t(e[i],r));return a;case"Array":return n=M.util.objId(e),r[n]?r[n]:(a=[],r[n]=a,e.forEach(function(e,n){a[n]=t(e,r)}),a);default:return e}},getLanguage:function(e){for(;e&&!c.test(e.className);)e=e.parentElement;return e?(e.className.match(c)||[,"none"])[1].toLowerCase():"none"},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(e){var n=(/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(e.stack)||[])[1];if(n){var t=document.getElementsByTagName("script");for(var r in t)if(t[r].src==n)return t[r]}return null}},isActive:function(e,n,t){for(var r="no-"+n;e;){var a=e.classList;if(a.contains(n))return!0;if(a.contains(r))return!1;e=e.parentElement}return!!t}},languages:{plain:e,plaintext:e,text:e,txt:e,extend:function(e,n){var t=M.util.clone(M.languages[e]);for(var r in n)t[r]=n[r];return t},insertBefore:function(t,e,n,r){var a=(r=r||M.languages)[t],i={};for(var l in a)if(a.hasOwnProperty(l)){if(l==e)for(var o in n)n.hasOwnProperty(o)&&(i[o]=n[o]);n.hasOwnProperty(l)||(i[l]=a[l])}var s=r[t];return r[t]=i,M.languages.DFS(M.languages,function(e,n){n===s&&e!=t&&(this[e]=i)}),i},DFS:function e(n,t,r,a){a=a||{};var i=M.util.objId;for(var l in n)if(n.hasOwnProperty(l)){t.call(n,l,n[l],r||l);var o=n[l],s=M.util.type(o);"Object"!==s||a[i(o)]?"Array"!==s||a[i(o)]||(a[i(o)]=!0,e(o,t,l,a)):(a[i(o)]=!0,e(o,t,null,a))}}},plugins:{},highlightAll:function(e,n){M.highlightAllUnder(document,e,n)},highlightAllUnder:function(e,n,t){var r={callback:t,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};M.hooks.run("before-highlightall",r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),M.hooks.run("before-all-elements-highlight",r);for(var a,i=0;a=r.elements[i++];)M.highlightElement(a,!0===n,r.callback)},highlightElement:function(e,n,t){var r=M.util.getLanguage(e),a=M.languages[r];e.className=e.className.replace(c,"").replace(/\s+/g," ")+" language-"+r;var i=e.parentElement;i&&"pre"===i.nodeName.toLowerCase()&&(i.className=i.className.replace(c,"").replace(/\s+/g," ")+" language-"+r);var l={element:e,language:r,grammar:a,code:e.textContent};function o(e){l.highlightedCode=e,M.hooks.run("before-insert",l),l.element.innerHTML=l.highlightedCode,M.hooks.run("after-highlight",l),M.hooks.run("complete",l),t&&t.call(l.element)}if(M.hooks.run("before-sanity-check",l),(i=l.element.parentElement)&&"pre"===i.nodeName.toLowerCase()&&!i.hasAttribute("tabindex")&&i.setAttribute("tabindex","0"),!l.code)return M.hooks.run("complete",l),void(t&&t.call(l.element));if(M.hooks.run("before-highlight",l),l.grammar)if(n&&u.Worker){var s=new Worker(M.filename);s.onmessage=function(e){o(e.data)},s.postMessage(JSON.stringify({language:l.language,code:l.code,immediateClose:!0}))}else o(M.highlight(l.code,l.grammar,l.language));else o(M.util.encode(l.code))},highlight:function(e,n,t){var r={code:e,grammar:n,language:t};return M.hooks.run("before-tokenize",r),r.tokens=M.tokenize(r.code,r.grammar),M.hooks.run("after-tokenize",r),W.stringify(M.util.encode(r.tokens),r.language)},tokenize:function(e,n){var t=n.rest;if(t){for(var r in t)n[r]=t[r];delete n.rest}var a=new i;return I(a,a.head,e),function e(n,t,r,a,i,l){for(var o in r)if(r.hasOwnProperty(o)&&r[o]){var s=r[o];s=Array.isArray(s)?s:[s];for(var u=0;u<s.length;++u){if(l&&l.cause==o+","+u)return;var c=s[u],g=c.inside,f=!!c.lookbehind,h=!!c.greedy,d=c.alias;if(h&&!c.pattern.global){var p=c.pattern.toString().match(/[imsuy]*$/)[0];c.pattern=RegExp(c.pattern.source,p+"g")}for(var v=c.pattern||c,m=a.next,y=i;m!==t.tail&&!(l&&y>=l.reach);y+=m.value.length,m=m.next){var b=m.value;if(t.length>n.length)return;if(!(b instanceof W)){var k,x=1;if(h){if(!(k=z(v,y,n,f)))break;var w=k.index,A=k.index+k[0].length,P=y;for(P+=m.value.length;P<=w;)m=m.next,P+=m.value.length;if(P-=m.value.length,y=P,m.value instanceof W)continue;for(var E=m;E!==t.tail&&(P<A||"string"==typeof E.value);E=E.next)x++,P+=E.value.length;x--,b=n.slice(y,P),k.index-=y}else if(!(k=z(v,0,b,f)))continue;var w=k.index,S=k[0],O=b.slice(0,w),L=b.slice(w+S.length),N=y+b.length;l&&N>l.reach&&(l.reach=N);var j=m.prev;O&&(j=I(t,j,O),y+=O.length),q(t,j,x);var C=new W(o,g?M.tokenize(S,g):S,d,S);if(m=I(t,j,C),L&&I(t,m,L),1<x){var _={cause:o+","+u,reach:N};e(n,t,r,m.prev,y,_),l&&_.reach>l.reach&&(l.reach=_.reach)}}}}}}(e,a,n,a.head,0),function(e){var n=[],t=e.head.next;for(;t!==e.tail;)n.push(t.value),t=t.next;return n}(a)},hooks:{all:{},add:function(e,n){var t=M.hooks.all;t[e]=t[e]||[],t[e].push(n)},run:function(e,n){var t=M.hooks.all[e];if(t&&t.length)for(var r,a=0;r=t[a++];)r(n)}},Token:W};function W(e,n,t,r){this.type=e,this.content=n,this.alias=t,this.length=0|(r||"").length}function z(e,n,t,r){e.lastIndex=n;var a=e.exec(t);if(a&&r&&a[1]){var i=a[1].length;a.index+=i,a[0]=a[0].slice(i)}return a}function i(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function I(e,n,t){var r=n.next,a={value:t,prev:n,next:r};return n.next=a,r.prev=a,e.length++,a}function q(e,n,t){for(var r=n.next,a=0;a<t&&r!==e.tail;a++)r=r.next;(n.next=r).prev=n,e.length-=a}if(u.Prism=M,W.stringify=function n(e,t){if("string"==typeof e)return e;if(Array.isArray(e)){var r="";return e.forEach(function(e){r+=n(e,t)}),r}var a={type:e.type,content:n(e.content,t),tag:"span",classes:["token",e.type],attributes:{},language:t},i=e.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),M.hooks.run("wrap",a);var l="";for(var o in a.attributes)l+=" "+o+'="'+(a.attributes[o]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+l+">"+a.content+"</"+a.tag+">"},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var t=M.util.currentScript();function r(){M.manual||M.highlightAll()}if(t&&(M.filename=t.src,t.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var a=document.readyState;"loading"===a||"interactive"===a&&t&&t.defer?document.addEventListener("DOMContentLoaded",r):window.requestAnimationFrame?window.requestAnimationFrame(r):window.setTimeout(r,16)}return M}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism);
-Prism.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&amp;/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^<!\[CDATA\[|\]\]>$/i;var t={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:s}};t["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var n={};n[a]={pattern:RegExp("(<__[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])*?(?=</__>)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:t},Prism.languages.insertBefore("markup","cdata",n)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(a,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp("(^|[\"'\\s])(?:"+a+")\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))","i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml;
-!function(s){var e=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),string:{pattern:e,greedy:!0},property:/(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(Prism);
-Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};
-Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute("on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)","javascript")),Prism.languages.js=Prism.languages.javascript;
-Prism.languages.apacheconf={comment:/#.*/,"directive-inline":{pattern:/(^\s*)\b(?:AcceptFilter|AcceptPathInfo|AccessFileName|Action|Add(?:Alt|AltByEncoding|AltByType|Charset|DefaultCharset|Description|Encoding|Handler|Icon|IconByEncoding|IconByType|InputFilter|Language|ModuleInfo|OutputFilter|OutputFilterByType|Type)|Alias|AliasMatch|Allow(?:CONNECT|EncodedSlashes|Methods|Override|OverrideList)?|Anonymous(?:_LogEmail|_MustGiveEmail|_NoUserID|_VerifyEmail)?|AsyncRequestWorkerFactor|Auth(?:BasicAuthoritative|BasicFake|BasicProvider|BasicUseDigestAlgorithm|DBDUserPWQuery|DBDUserRealmQuery|DBMGroupFile|DBMType|DBMUserFile|Digest(?:Algorithm|Domain|NonceLifetime|Provider|Qop|ShmemSize)|Form(?:Authoritative|Body|DisableNoStore|FakeBasicAuth|Location|LoginRequiredLocation|LoginSuccessLocation|LogoutLocation|Method|Mimetype|Password|Provider|SitePassphrase|Size|Username)|GroupFile|LDAP(?:AuthorizePrefix|BindAuthoritative|BindDN|BindPassword|CharsetConfig|CompareAsUser|CompareDNOnServer|DereferenceAliases|GroupAttribute|GroupAttributeIsDN|InitialBindAsUser|InitialBindPattern|MaxSubGroupDepth|RemoteUserAttribute|RemoteUserIsDN|SearchAsUser|SubGroupAttribute|SubGroupClass|Url)|Merging|Name|Type|UserFile|nCache(?:Context|Enable|ProvideFor|SOCache|Timeout)|nzFcgiCheckAuthnProvider|nzFcgiDefineProvider|zDBDLoginToReferer|zDBDQuery|zDBDRedirectQuery|zDBMType|zSendForbiddenOnFailure)|BalancerGrowth|BalancerInherit|BalancerMember|BalancerPersist|BrowserMatch|BrowserMatchNoCase|BufferSize|BufferedLogs|CGIDScriptTimeout|CGIMapExtension|Cache(?:DefaultExpire|DetailHeader|DirLength|DirLevels|Disable|Enable|File|Header|IgnoreCacheControl|IgnoreHeaders|IgnoreNoLastMod|IgnoreQueryString|IgnoreURLSessionIdentifiers|KeyBaseURL|LastModifiedFactor|Lock|LockMaxAge|LockPath|MaxExpire|MaxFileSize|MinExpire|MinFileSize|NegotiatedDocs|QuickHandler|ReadSize|ReadTime|Root|Socache(?:MaxSize|MaxTime|MinTime|ReadSize|ReadTime)?|StaleOnError|StoreExpired|StoreNoStore|StorePrivate)|CharsetDefault|CharsetOptions|CharsetSourceEnc|CheckCaseOnly|CheckSpelling|ChrootDir|ContentDigest|CookieDomain|CookieExpires|CookieName|CookieStyle|CookieTracking|CoreDumpDirectory|CustomLog|DBDExptime|DBDInitSQL|DBDKeep|DBDMax|DBDMin|DBDParams|DBDPersist|DBDPrepareSQL|DBDriver|DTracePrivileges|Dav|DavDepthInfinity|DavGenericLockDB|DavLockDB|DavMinTimeout|DefaultIcon|DefaultLanguage|DefaultRuntimeDir|DefaultType|Define|Deflate(?:BufferSize|CompressionLevel|FilterNote|InflateLimitRequestBody|InflateRatio(?:Burst|Limit)|MemLevel|WindowSize)|Deny|DirectoryCheckHandler|DirectoryIndex|DirectoryIndexRedirect|DirectorySlash|DocumentRoot|DumpIOInput|DumpIOOutput|EnableExceptionHook|EnableMMAP|EnableSendfile|Error|ErrorDocument|ErrorLog|ErrorLogFormat|Example|ExpiresActive|ExpiresByType|ExpiresDefault|ExtFilterDefine|ExtFilterOptions|ExtendedStatus|FallbackResource|FileETag|FilterChain|FilterDeclare|FilterProtocol|FilterProvider|FilterTrace|ForceLanguagePriority|ForceType|ForensicLog|GprofDir|GracefulShutdownTimeout|Group|Header|HeaderName|Heartbeat(?:Address|Listen|MaxServers|Storage)|HostnameLookups|ISAPI(?:AppendLogToErrors|AppendLogToQuery|CacheFile|FakeAsync|LogNotSupported|ReadAheadBuffer)|IdentityCheck|IdentityCheckTimeout|ImapBase|ImapDefault|ImapMenu|Include|IncludeOptional|Index(?:HeadInsert|Ignore|IgnoreReset|Options|OrderDefault|StyleSheet)|InputSed|KeepAlive|KeepAliveTimeout|KeptBodySize|LDAP(?:CacheEntries|CacheTTL|ConnectionPoolTTL|ConnectionTimeout|LibraryDebug|OpCacheEntries|OpCacheTTL|ReferralHopLimit|Referrals|Retries|RetryDelay|SharedCacheFile|SharedCacheSize|Timeout|TrustedClientCert|TrustedGlobalCert|TrustedMode|VerifyServerCert)|LanguagePriority|Limit(?:InternalRecursion|Request(?:Body|FieldSize|Fields|Line)|XMLRequestBody)|Listen|ListenBackLog|LoadFile|LoadModule|LogFormat|LogLevel|LogMessage|LuaAuthzProvider|LuaCodeCache|Lua(?:Hook(?:AccessChecker|AuthChecker|CheckUserID|Fixups|InsertFilter|Log|MapToStorage|TranslateName|TypeChecker)|Inherit|InputFilter|MapHandler|OutputFilter|PackageCPath|PackagePath|QuickHandler|Root|Scope)|MMapFile|Max(?:ConnectionsPerChild|KeepAliveRequests|MemFree|RangeOverlaps|RangeReversals|Ranges|RequestWorkers|SpareServers|SpareThreads|Threads)|MergeTrailers|MetaDir|MetaFiles|MetaSuffix|MimeMagicFile|MinSpareServers|MinSpareThreads|ModMimeUsePathInfo|ModemStandard|MultiviewsMatch|Mutex|NWSSLTrustedCerts|NWSSLUpgradeable|NameVirtualHost|NoProxy|Options|Order|OutputSed|PassEnv|PidFile|PrivilegesMode|Protocol|ProtocolEcho|Proxy(?:AddHeaders|BadHeader|Block|Domain|ErrorOverride|ExpressDBMFile|ExpressDBMType|ExpressEnable|FtpDirCharset|FtpEscapeWildcards|FtpListOnWildcard|HTML(?:BufSize|CharsetOut|DocType|Enable|Events|Extended|Fixups|Interp|Links|Meta|StripComments|URLMap)|IOBufferSize|MaxForwards|Pass(?:Inherit|InterpolateEnv|Match|Reverse|ReverseCookieDomain|ReverseCookiePath)?|PreserveHost|ReceiveBufferSize|Remote|RemoteMatch|Requests|SCGIInternalRedirect|SCGISendfile|Set|SourceAddress|Status|Timeout|Via)|RLimitCPU|RLimitMEM|RLimitNPROC|ReadmeName|ReceiveBufferSize|Redirect|RedirectMatch|RedirectPermanent|RedirectTemp|ReflectorHeader|RemoteIP(?:Header|InternalProxy|InternalProxyList|ProxiesHeader|TrustedProxy|TrustedProxyList)|RemoveCharset|RemoveEncoding|RemoveHandler|RemoveInputFilter|RemoveLanguage|RemoveOutputFilter|RemoveType|RequestHeader|RequestReadTimeout|Require|Rewrite(?:Base|Cond|Engine|Map|Options|Rule)|SSIETag|SSIEndTag|SSIErrorMsg|SSILastModified|SSILegacyExprParser|SSIStartTag|SSITimeFormat|SSIUndefinedEcho|SSL(?:CACertificateFile|CACertificatePath|CADNRequestFile|CADNRequestPath|CARevocationCheck|CARevocationFile|CARevocationPath|CertificateChainFile|CertificateFile|CertificateKeyFile|CipherSuite|Compression|CryptoDevice|Engine|FIPS|HonorCipherOrder|InsecureRenegotiation|OCSP(?:DefaultResponder|Enable|OverrideResponder|ResponderTimeout|ResponseMaxAge|ResponseTimeSkew|UseRequestNonce)|OpenSSLConfCmd|Options|PassPhraseDialog|Protocol|Proxy(?:CACertificateFile|CACertificatePath|CARevocation(?:Check|File|Path)|CheckPeer(?:CN|Expire|Name)|CipherSuite|Engine|MachineCertificate(?:ChainFile|File|Path)|Protocol|Verify|VerifyDepth)|RandomSeed|RenegBufferSize|Require|RequireSSL|SRPUnknownUserSeed|SRPVerifierFile|Session(?:Cache|CacheTimeout|TicketKeyFile|Tickets)|Stapling(?:Cache|ErrorCacheTimeout|FakeTryLater|ForceURL|ResponderTimeout|ResponseMaxAge|ResponseTimeSkew|ReturnResponderErrors|StandardCacheTimeout)|StrictSNIVHostCheck|UseStapling|UserName|VerifyClient|VerifyDepth)|Satisfy|ScoreBoardFile|Script(?:Alias|AliasMatch|InterpreterSource|Log|LogBuffer|LogLength|Sock)?|SecureListen|SeeRequestTail|SendBufferSize|Server(?:Admin|Alias|Limit|Name|Path|Root|Signature|Tokens)|Session(?:Cookie(?:Name|Name2|Remove)|Crypto(?:Cipher|Driver|Passphrase|PassphraseFile)|DBD(?:CookieName|CookieName2|CookieRemove|DeleteLabel|InsertLabel|PerUser|SelectLabel|UpdateLabel)|Env|Exclude|Header|Include|MaxAge)?|SetEnv|SetEnvIf|SetEnvIfExpr|SetEnvIfNoCase|SetHandler|SetInputFilter|SetOutputFilter|StartServers|StartThreads|Substitute|Suexec|SuexecUserGroup|ThreadLimit|ThreadStackSize|ThreadsPerChild|TimeOut|TraceEnable|TransferLog|TypesConfig|UnDefine|UndefMacro|UnsetEnv|Use|UseCanonicalName|UseCanonicalPhysicalPort|User|UserDir|VHostCGIMode|VHostCGIPrivs|VHostGroup|VHostPrivs|VHostSecure|VHostUser|Virtual(?:DocumentRoot|ScriptAlias)(?:IP)?|WatchdogInterval|XBitHack|xml2EncAlias|xml2EncDefault|xml2StartParse)\b/im,lookbehind:!0,alias:"property"},"directive-block":{pattern:/<\/?\b(?:Auth[nz]ProviderAlias|Directory|DirectoryMatch|Else|ElseIf|Files|FilesMatch|If|IfDefine|IfModule|IfVersion|Limit|LimitExcept|Location|LocationMatch|Macro|Proxy|Require(?:All|Any|None)|VirtualHost)\b.*>/i,inside:{"directive-block":{pattern:/^<\/?\w+/,inside:{punctuation:/^<\/?/},alias:"tag"},"directive-block-parameter":{pattern:/.*[^>]/,inside:{punctuation:/:/,string:{pattern:/("|').*\1/,inside:{variable:/[$%]\{?(?:\w\.?[-+:]?)+\}?/}}},alias:"attr-value"},punctuation:/>/},alias:"tag"},"directive-flags":{pattern:/\[(?:[\w=],?)+\]/,alias:"keyword"},string:{pattern:/("|').*\1/,inside:{variable:/[$%]\{?(?:\w\.?[-+:]?)+\}?/}},variable:/[$%]\{?(?:\w\.?[-+:]?)+\}?/,regex:/\^?.*\$|\^.*\$?/};
-!function(s){function a(e,s){return e.replace(/<<(\d+)>>/g,function(e,n){return"(?:"+s[+n]+")"})}function t(e,n,s){return RegExp(a(e,n),s||"")}function e(e,n){for(var s=0;s<n;s++)e=e.replace(/<<self>>/g,function(){return"(?:"+e+")"});return e.replace(/<<self>>/g,"[^\\s\\S]")}var n="bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void",i="class enum interface struct",r="add alias and ascending async await by descending from get global group into join let nameof not notnull on or orderby partial remove select set unmanaged value when where",o="abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield";function l(e){return"\\b(?:"+e.trim().replace(/ /g,"|")+")\\b"}var d=l(i),p=RegExp(l(n+" "+i+" "+r+" "+o)),c=l(i+" "+r+" "+o),u=l(n+" "+i+" "+o),g=e("<(?:[^<>;=+\\-*/%&|^]|<<self>>)*>",2),b=e("\\((?:[^()]|<<self>>)*\\)",2),h="@?\\b[A-Za-z_]\\w*\\b",f=a("<<0>>(?:\\s*<<1>>)?",[h,g]),m=a("(?!<<0>>)<<1>>(?:\\s*\\.\\s*<<1>>)*",[c,f]),k="\\[\\s*(?:,\\s*)*\\]",y=a("<<0>>(?:\\s*(?:\\?\\s*)?<<1>>)*(?:\\s*\\?)?",[m,k]),w=a("(?:<<0>>|<<1>>)(?:\\s*(?:\\?\\s*)?<<2>>)*(?:\\s*\\?)?",[a("\\(<<0>>+(?:,<<0>>+)+\\)",[a("[^,()<>[\\];=+\\-*/%&|^]|<<0>>|<<1>>|<<2>>",[g,b,k])]),m,k]),v={keyword:p,punctuation:/[<>()?,.:[\]]/},x="'(?:[^\r\n'\\\\]|\\\\.|\\\\[Uux][\\da-fA-F]{1,8})'",$='"(?:\\\\.|[^\\\\"\r\n])*"';s.languages.csharp=s.languages.extend("clike",{string:[{pattern:t("(^|[^$\\\\])<<0>>",['@"(?:""|\\\\[^]|[^\\\\"])*"(?!")']),lookbehind:!0,greedy:!0},{pattern:t("(^|[^@$\\\\])<<0>>",[$]),lookbehind:!0,greedy:!0},{pattern:RegExp(x),greedy:!0,alias:"character"}],"class-name":[{pattern:t("(\\busing\\s+static\\s+)<<0>>(?=\\s*;)",[m]),lookbehind:!0,inside:v},{pattern:t("(\\busing\\s+<<0>>\\s*=\\s*)<<1>>(?=\\s*;)",[h,w]),lookbehind:!0,inside:v},{pattern:t("(\\busing\\s+)<<0>>(?=\\s*=)",[h]),lookbehind:!0},{pattern:t("(\\b<<0>>\\s+)<<1>>",[d,f]),lookbehind:!0,inside:v},{pattern:t("(\\bcatch\\s*\\(\\s*)<<0>>",[m]),lookbehind:!0,inside:v},{pattern:t("(\\bwhere\\s+)<<0>>",[h]),lookbehind:!0},{pattern:t("(\\b(?:is(?:\\s+not)?|as)\\s+)<<0>>",[y]),lookbehind:!0,inside:v},{pattern:t("\\b<<0>>(?=\\s+(?!<<1>>)<<2>>(?:\\s*[=,;:{)\\]]|\\s+(?:in|when)\\b))",[w,u,h]),inside:v}],keyword:p,number:/(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:ul|lu|[dflmu])?\b/i,operator:/>>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,punctuation:/\?\.?|::|[{}[\];(),.:]/}),s.languages.insertBefore("csharp","number",{range:{pattern:/\.\./,alias:"operator"}}),s.languages.insertBefore("csharp","punctuation",{"named-parameter":{pattern:t("([(,]\\s*)<<0>>(?=\\s*:)",[h]),lookbehind:!0,alias:"punctuation"}}),s.languages.insertBefore("csharp","class-name",{namespace:{pattern:t("(\\b(?:namespace|using)\\s+)<<0>>(?:\\s*\\.\\s*<<0>>)*(?=\\s*[;{])",[h]),lookbehind:!0,inside:{punctuation:/\./}},"type-expression":{pattern:t("(\\b(?:default|typeof|sizeof)\\s*\\(\\s*(?!\\s))(?:[^()\\s]|\\s(?!\\s)|<<0>>)*(?=\\s*\\))",[b]),lookbehind:!0,alias:"class-name",inside:v},"return-type":{pattern:t("<<0>>(?=\\s+(?:<<1>>\\s*(?:=>|[({]|\\.\\s*this\\s*\\[)|this\\s*\\[))",[w,m]),inside:v,alias:"class-name"},"constructor-invocation":{pattern:t("(\\bnew\\s+)<<0>>(?=\\s*[[({])",[w]),lookbehind:!0,inside:v,alias:"class-name"},"generic-method":{pattern:t("<<0>>\\s*<<1>>(?=\\s*\\()",[h,g]),inside:{function:t("^<<0>>",[h]),generic:{pattern:RegExp(g),alias:"class-name",inside:v}}},"type-list":{pattern:t("\\b((?:<<0>>\\s+<<1>>|where\\s+<<2>>)\\s*:\\s*)(?:<<3>>|<<4>>)(?:\\s*,\\s*(?:<<3>>|<<4>>))*(?=\\s*(?:where|[{;]|=>|$))",[d,f,h,w,p.source]),lookbehind:!0,inside:{keyword:p,"class-name":{pattern:RegExp(w),greedy:!0,inside:v},punctuation:/,/}},preprocessor:{pattern:/(^\s*)#.*/m,lookbehind:!0,alias:"property",inside:{directive:{pattern:/(\s*#)\b(?:define|elif|else|endif|endregion|error|if|line|pragma|region|undef|warning)\b/,lookbehind:!0,alias:"keyword"}}}});var _=$+"|"+x,B=a("/(?![*/])|//[^\r\n]*[\r\n]|/\\*(?:[^*]|\\*(?!/))*\\*/|<<0>>",[_]),E=e(a("[^\"'/()]|<<0>>|\\(<<self>>*\\)",[B]),2),R="\\b(?:assembly|event|field|method|module|param|property|return|type)\\b",P=a("<<0>>(?:\\s*\\(<<1>>*\\))?",[m,E]);s.languages.insertBefore("csharp","class-name",{attribute:{pattern:t("((?:^|[^\\s\\w>)?])\\s*\\[\\s*)(?:<<0>>\\s*:\\s*)?<<1>>(?:\\s*,\\s*<<1>>)*(?=\\s*\\])",[R,P]),lookbehind:!0,greedy:!0,inside:{target:{pattern:t("^<<0>>(?=\\s*:)",[R]),alias:"keyword"},"attribute-arguments":{pattern:t("\\(<<0>>*\\)",[E]),inside:s.languages.csharp},"class-name":{pattern:RegExp(m),inside:{punctuation:/\./}},punctuation:/[:,]/}}});var z=":[^}\r\n]+",S=e(a("[^\"'/()]|<<0>>|\\(<<self>>*\\)",[B]),2),j=a("\\{(?!\\{)(?:(?![}:])<<0>>)*<<1>>?\\}",[S,z]),A=e(a("[^\"'/()]|/(?!\\*)|/\\*(?:[^*]|\\*(?!/))*\\*/|<<0>>|\\(<<self>>*\\)",[_]),2),F=a("\\{(?!\\{)(?:(?![}:])<<0>>)*<<1>>?\\}",[A,z]);function U(e,n){return{interpolation:{pattern:t("((?:^|[^{])(?:\\{\\{)*)<<0>>",[e]),lookbehind:!0,inside:{"format-string":{pattern:t("(^\\{(?:(?![}:])<<0>>)*)<<1>>(?=\\}$)",[n,z]),lookbehind:!0,inside:{punctuation:/^:/}},punctuation:/^\{|\}$/,expression:{pattern:/[\s\S]+/,alias:"language-csharp",inside:s.languages.csharp}}},string:/[\s\S]+/}}s.languages.insertBefore("csharp","string",{"interpolation-string":[{pattern:t('(^|[^\\\\])(?:\\$@|@\\$)"(?:""|\\\\[^]|\\{\\{|<<0>>|[^\\\\{"])*"',[j]),lookbehind:!0,greedy:!0,inside:U(j,S)},{pattern:t('(^|[^@\\\\])\\$"(?:\\\\.|\\{\\{|<<0>>|[^\\\\"{])*"',[F]),lookbehind:!0,greedy:!0,inside:U(F,A)}]})}(Prism),Prism.languages.dotnet=Prism.languages.cs=Prism.languages.csharp;
-Prism.languages.aspnet=Prism.languages.extend("markup",{"page-directive":{pattern:/<%\s*@.*%>/i,alias:"tag",inside:{"page-directive":{pattern:/<%\s*@\s*(?:Assembly|Control|Implements|Import|Master(?:Type)?|OutputCache|Page|PreviousPageType|Reference|Register)?|%>/i,alias:"tag"},rest:Prism.languages.markup.tag.inside}},directive:{pattern:/<%.*%>/i,alias:"tag",inside:{directive:{pattern:/<%\s*?[$=%#:]{0,2}|%>/i,alias:"tag"},rest:Prism.languages.csharp}}}),Prism.languages.aspnet.tag.pattern=/<(?!%)\/?[^\s>\/]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+))?)*\s*\/?>/i,Prism.languages.insertBefore("inside","punctuation",{directive:Prism.languages.aspnet.directive},Prism.languages.aspnet.tag.inside["attr-value"]),Prism.languages.insertBefore("aspnet","comment",{"asp-comment":{pattern:/<%--[\s\S]*?--%>/,alias:["asp","comment"]}}),Prism.languages.insertBefore("aspnet",Prism.languages.javascript?"script":"tag",{"asp-script":{pattern:/(<script(?=.*runat=['"]?server['"]?)[^>]*>)[\s\S]*?(?=<\/script>)/i,lookbehind:!0,alias:["asp","script"],inside:Prism.languages.csharp||{}}});
-!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--?|-=|\+\+?|\+=|!=?|~|\*\*?|\*=|\/=?|%=?|<<=?|>>=?|<=?|>=?|==?|&&?|&=|\^=?|\|\|?|\|=|\?|:/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|x[0-9a-fA-F]{1,2}|u[0-9a-fA-F]{4}|U[0-9a-fA-F]{8})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+?)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:a},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:a.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|aptitude|apt-cache|apt-get|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:if|then|else|elif|fi|for|while|in|case|esac|function|select|do|done|until)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|break|cd|continue|eval|exec|exit|export|getopts|hash|pwd|readonly|return|shift|test|times|trap|umask|unset|alias|bind|builtin|caller|command|declare|echo|enable|help|let|local|logout|mapfile|printf|read|readarray|source|type|typeset|ulimit|unalias|set|shopt)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:true|false)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|==?|!=?|=~|<<[<-]?|[&\d]?>>|\d?[<>]&?|&[>&]?|\|[&|]?|<=?|>=?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],i=a.variable[1].inside,o=0;o<s.length;o++)i[s[o]]=e.languages.bash[s[o]];e.languages.shell=e.languages.bash}(Prism);
-Prism.languages.c=Prism.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:__attribute__|_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|asm|typeof|inline|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|union|unsigned|void|volatile|while)\b/,function:/[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),Prism.languages.insertBefore("c","string",{macro:{pattern:/(^\s*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},Prism.languages.c.string],comment:Prism.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:Prism.languages.c}}},constant:/\b(?:__FILE__|__LINE__|__DATE__|__TIME__|__TIMESTAMP__|__func__|EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|stdin|stdout|stderr)\b/}),delete Prism.languages.c.boolean;
-!function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char8_t|char16_t|char32_t|class|compl|concept|const|consteval|constexpr|constinit|const_cast|continue|co_await|co_return|co_yield|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int8_t|int16_t|int32_t|int64_t|uint8_t|uint16_t|uint32_t|uint64_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n="\\b(?!<keyword>)\\w+(?:\\s*\\.\\s*\\w+)*\\b".replace(/<keyword>/g,function(){return t.source});e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp("(\\b(?:class|concept|enum|struct|typename)\\s+)(?!<keyword>)\\w+".replace(/<keyword>/g,function(){return t.source})),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:true|false)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp('(\\b(?:module|import)\\s+)(?:"(?:\\\\(?:\r\n|[^])|[^"\\\\\r\n])*"|<[^<>\r\n]*>|'+"<mod-name>(?:\\s*:\\s*<mod-name>)?|:\\s*<mod-name>".replace(/<mod-name>/g,function(){return n})+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b[a-z_]\w*\s*<(?:[^<>]|<(?:[^<>])*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(Prism);
-!function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(Prism);
-!function(e){var a=[/\b(?:async|sync|yield)\*/,/\b(?:abstract|assert|async|await|break|case|catch|class|const|continue|covariant|default|deferred|do|dynamic|else|enum|export|extension|external|extends|factory|final|finally|for|get|hide|if|implements|interface|import|in|library|mixin|new|null|on|operator|part|rethrow|return|set|show|static|super|switch|sync|this|throw|try|typedef|var|void|while|with|yield)\b/],t="(^|[^\\w.])(?:[a-z]\\w*\\s*\\.\\s*)*(?:[A-Z]\\w*\\s*\\.\\s*)*",s={pattern:RegExp(t+"[A-Z](?:[\\d_A-Z]*[a-z]\\w*)?\\b"),lookbehind:!0,inside:{namespace:{pattern:/^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,inside:{punctuation:/\./}}}};e.languages.dart=e.languages.extend("clike",{string:[{pattern:/r?("""|''')[\s\S]*?\1/,greedy:!0},{pattern:/r?(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,greedy:!0}],"class-name":[s,{pattern:RegExp(t+"[A-Z]\\w*(?=\\s+\\w+\\s*[;,=()])"),lookbehind:!0,inside:s.inside}],keyword:a,operator:/\bis!|\b(?:as|is)\b|\+\+|--|&&|\|\||<<=?|>>=?|~(?:\/=?)?|[+\-*\/%&^|=!<>]=?|\?/}),e.languages.insertBefore("dart","function",{metadata:{pattern:/@\w+/,alias:"symbol"}}),e.languages.insertBefore("dart","class-name",{generics:{pattern:/<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<[\w\s,.&?]*>)*>)*>)*>/,inside:{"class-name":s,keyword:a,punctuation:/[<>(),.:]/,operator:/[?&|]/}}})}(Prism);
-!function(e){var r="(?:[ \t]+(?![ \t])(?:<SP_BS>)?|<SP_BS>)".replace(/<SP_BS>/g,function(){return"\\\\[\r\n](?:\\s|\\\\[\r\n]|#.*(?!.))*(?![\\s#]|\\\\[\r\n])"}),n="\"(?:[^\"\\\\\r\n]|\\\\(?:\r\n|[^]))*\"|'(?:[^'\\\\\r\n]|\\\\(?:\r\n|[^]))*'",t="--[\\w-]+=(?:<STR>|(?![\"'])(?:[^\\s\\\\]|\\\\.)+)".replace(/<STR>/g,function(){return n}),o={pattern:RegExp(n),greedy:!0},i={pattern:/(^[ \t]*)#.*/m,lookbehind:!0,greedy:!0};function a(e,n){return e=e.replace(/<OPT>/g,function(){return t}).replace(/<SP>/g,function(){return r}),RegExp(e,n)}e.languages.docker={instruction:{pattern:/(^[ \t]*)(?:ADD|ARG|CMD|COPY|ENTRYPOINT|ENV|EXPOSE|FROM|HEALTHCHECK|LABEL|MAINTAINER|ONBUILD|RUN|SHELL|STOPSIGNAL|USER|VOLUME|WORKDIR)(?=\s)(?:\\.|[^\r\n\\])*(?:\\$(?:\s|#.*$)*(?![\s#])(?:\\.|[^\r\n\\])*)*/im,lookbehind:!0,greedy:!0,inside:{options:{pattern:a("(^(?:ONBUILD<SP>)?\\w+<SP>)<OPT>(?:<SP><OPT>)*","i"),lookbehind:!0,greedy:!0,inside:{property:{pattern:/(^|\s)--[\w-]+/,lookbehind:!0},string:[o,{pattern:/(=)(?!["'])(?:[^\s\\]|\\.)+/,lookbehind:!0}],operator:/\\$/m,punctuation:/=/}},keyword:[{pattern:a("(^(?:ONBUILD<SP>)?HEALTHCHECK<SP>(?:<OPT><SP>)*)(?:CMD|NONE)\\b","i"),lookbehind:!0,greedy:!0},{pattern:a("(^(?:ONBUILD<SP>)?FROM<SP>(?:<OPT><SP>)*(?!--)[^ \t\\\\]+<SP>)AS","i"),lookbehind:!0,greedy:!0},{pattern:a("(^ONBUILD<SP>)\\w+","i"),lookbehind:!0,greedy:!0},{pattern:/^\w+/,greedy:!0}],comment:i,string:o,variable:/\$(?:\w+|\{[^{}"'\\]*\})/,operator:/\\$/m}},comment:i},e.languages.dockerfile=e.languages.docker}(Prism);
-Prism.languages.elm={comment:/--.*|{-[\s\S]*?-}/,char:{pattern:/'(?:[^\\'\r\n]|\\(?:[abfnrtv\\']|\d+|x[0-9a-fA-F]+))'/,greedy:!0},string:[{pattern:/"""[\s\S]*?"""/,greedy:!0},{pattern:/"(?:[^\\"\r\n]|\\.)*"/,greedy:!0}],"import-statement":{pattern:/^\s*import\s+[A-Z]\w*(?:\.[A-Z]\w*)*(?:\s+as\s+(?:[A-Z]\w*)(?:\.[A-Z]\w*)*)?(?:\s+exposing\s+)?/m,inside:{keyword:/\b(?:import|as|exposing)\b/}},keyword:/\b(?:alias|as|case|else|exposing|if|in|infixl|infixr|let|module|of|then|type)\b/,builtin:/\b(?:abs|acos|always|asin|atan|atan2|ceiling|clamp|compare|cos|curry|degrees|e|flip|floor|fromPolar|identity|isInfinite|isNaN|logBase|max|min|negate|never|not|pi|radians|rem|round|sin|sqrt|tan|toFloat|toPolar|toString|truncate|turns|uncurry|xor)\b/,number:/\b(?:\d+(?:\.\d+)?(?:e[+-]?\d+)?|0x[0-9a-f]+)\b/i,operator:/\s\.\s|[+\-/*=.$<>:&|^?%#@~!]{2,}|[+\-/*=$<>:&|^?%#@~!]/,hvariable:/\b(?:[A-Z]\w*\.)*[a-z]\w*\b/,constant:/\b(?:[A-Z]\w*\.)*[A-Z]\w*\b/,punctuation:/[{}[\]|(),.:]/};
-Prism.languages.git={comment:/^#.*/m,deleted:/^[-–].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/m,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/m}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m};
-Prism.languages.go=Prism.languages.extend("clike",{string:{pattern:/(["'`])(?:\\[\s\S]|(?!\1)[^\\])*\1/,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|iota|nil|true|false)\b/,number:/(?:\b0x[a-f\d]+|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[-+]?\d+)?)i?/i,operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:bool|byte|complex(?:64|128)|error|float(?:32|64)|rune|string|u?int(?:8|16|32|64)?|uintptr|append|cap|close|complex|copy|delete|imag|len|make|new|panic|print(?:ln)?|real|recover)\b/}),delete Prism.languages.go["class-name"];
-Prism.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:Prism.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:true|false)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*)[a-zA-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,punctuation:/[!(){}\[\]:=,]/,constant:/\b(?!ID\b)[A-Z][A-Z_\d]*\b/};
-!function(h){function v(e,n){return"___"+e.toUpperCase()+n+"___"}Object.defineProperties(h.languages["markup-templating"]={},{buildPlaceholders:{value:function(a,r,e,o){if(a.language===r){var c=a.tokenStack=[];a.code=a.code.replace(e,function(e){if("function"==typeof o&&!o(e))return e;for(var n,t=c.length;-1!==a.code.indexOf(n=v(r,t));)++t;return c[t]=e,n}),a.grammar=h.languages.markup}}},tokenizePlaceholders:{value:function(p,k){if(p.language===k&&p.tokenStack){p.grammar=h.languages[k];var m=0,d=Object.keys(p.tokenStack);!function e(n){for(var t=0;t<n.length&&!(m>=d.length);t++){var a=n[t];if("string"==typeof a||a.content&&"string"==typeof a.content){var r=d[m],o=p.tokenStack[r],c="string"==typeof a?a:a.content,i=v(k,r),u=c.indexOf(i);if(-1<u){++m;var g=c.substring(0,u),l=new h.Token(k,h.tokenize(o,p.grammar),"language-"+k,o),s=c.substring(u+i.length),f=[];g&&f.push.apply(f,e([g])),f.push(l),s&&f.push.apply(f,e([s])),"string"==typeof a?n.splice.apply(n,[t,1].concat(f)):a.content=f}}else a.content&&e(a.content)}return n}(p.tokens)}}}})}(Prism);
-!function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/i,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:true|false)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/i,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",function(a){e.languages["markup-templating"].buildPlaceholders(a,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)}),e.hooks.add("after-tokenize",function(a){e.languages["markup-templating"].tokenizePlaceholders(a,"handlebars")})}(Prism);
-Prism.languages.haskell={comment:{pattern:/(^|[^-!#$%*+=?&@|~.:<>^\\\/])(?:--(?:(?=.)[^-!#$%*+=?&@|~.:<>^\\\/].*|$)|{-[\s\S]*?-})/m,lookbehind:!0},char:{pattern:/'(?:[^\\']|\\(?:[abfnrtv\\"'&]|\^[A-Z@[\]^_]|NUL|SOH|STX|ETX|EOT|ENQ|ACK|BEL|BS|HT|LF|VT|FF|CR|SO|SI|DLE|DC1|DC2|DC3|DC4|NAK|SYN|ETB|CAN|EM|SUB|ESC|FS|GS|RS|US|SP|DEL|\d+|o[0-7]+|x[0-9a-fA-F]+))'/,alias:"string"},string:{pattern:/"(?:[^\\"]|\\(?:\S|\s+\\))*"/,greedy:!0},keyword:/\b(?:case|class|data|deriving|do|else|if|in|infixl|infixr|instance|let|module|newtype|of|primitive|then|type|where)\b/,"import-statement":{pattern:/(^\s*)import\s+(?:qualified\s+)?(?:[A-Z][\w']*)(?:\.[A-Z][\w']*)*(?:\s+as\s+(?:[A-Z][\w']*)(?:\.[A-Z][\w']*)*)?(?:\s+hiding\b)?/m,lookbehind:!0,inside:{keyword:/\b(?:import|qualified|as|hiding)\b/}},builtin:/\b(?:abs|acos|acosh|all|and|any|appendFile|approxRational|asTypeOf|asin|asinh|atan|atan2|atanh|basicIORun|break|catch|ceiling|chr|compare|concat|concatMap|const|cos|cosh|curry|cycle|decodeFloat|denominator|digitToInt|div|divMod|drop|dropWhile|either|elem|encodeFloat|enumFrom|enumFromThen|enumFromThenTo|enumFromTo|error|even|exp|exponent|fail|filter|flip|floatDigits|floatRadix|floatRange|floor|fmap|foldl|foldl1|foldr|foldr1|fromDouble|fromEnum|fromInt|fromInteger|fromIntegral|fromRational|fst|gcd|getChar|getContents|getLine|group|head|id|inRange|index|init|intToDigit|interact|ioError|isAlpha|isAlphaNum|isAscii|isControl|isDenormalized|isDigit|isHexDigit|isIEEE|isInfinite|isLower|isNaN|isNegativeZero|isOctDigit|isPrint|isSpace|isUpper|iterate|last|lcm|length|lex|lexDigits|lexLitChar|lines|log|logBase|lookup|map|mapM|mapM_|max|maxBound|maximum|maybe|min|minBound|minimum|mod|negate|not|notElem|null|numerator|odd|or|ord|otherwise|pack|pi|pred|primExitWith|print|product|properFraction|putChar|putStr|putStrLn|quot|quotRem|range|rangeSize|read|readDec|readFile|readFloat|readHex|readIO|readInt|readList|readLitChar|readLn|readOct|readParen|readSigned|reads|readsPrec|realToFrac|recip|rem|repeat|replicate|return|reverse|round|scaleFloat|scanl|scanl1|scanr|scanr1|seq|sequence|sequence_|show|showChar|showInt|showList|showLitChar|showParen|showSigned|showString|shows|showsPrec|significand|signum|sin|sinh|snd|sort|span|splitAt|sqrt|subtract|succ|sum|tail|take|takeWhile|tan|tanh|threadToIOResult|toEnum|toInt|toInteger|toLower|toRational|toUpper|truncate|uncurry|undefined|unlines|until|unwords|unzip|unzip3|userError|words|writeFile|zip|zip3|zipWith|zipWith3)\b/,number:/\b(?:\d+(?:\.\d+)?(?:e[+-]?\d+)?|0o[0-7]+|0x[0-9a-f]+)\b/i,operator:/\s\.\s|[-!#$%*+=?&@|~:<>^\\\/]*\.[-!#$%*+=?&@|~.:<>^\\\/]+|[-!#$%*+=?&@|~.:<>^\\\/]+\.[-!#$%*+=?&@|~:<>^\\\/]*|[-!#$%*+=?&@|~:<>^\\\/]+|`(?:[A-Z][\w']*\.)*[_a-z][\w']*`/,hvariable:/\b(?:[A-Z][\w']*\.)*[_a-z][\w']*\b/,constant:/\b(?:[A-Z][\w']*\.)*[A-Z][\w']*\b/,punctuation:/[{}[\];(),.:]/},Prism.languages.hs=Prism.languages.haskell;
-!function(t){t.languages.http={"request-line":{pattern:/^(?:GET|HEAD|POST|PUT|DELETE|CONNECT|OPTIONS|TRACE|PATCH|PRI|SEARCH)\s(?:https?:\/\/|\/)\S*\sHTTP\/[0-9.]+/m,inside:{method:{pattern:/^[A-Z]+\b/,alias:"property"},"request-target":{pattern:/^(\s)(?:https?:\/\/|\/)\S*(?=\s)/,lookbehind:!0,alias:"url",inside:t.languages.uri},"http-version":{pattern:/^(\s)HTTP\/[0-9.]+/,lookbehind:!0,alias:"property"}}},"response-status":{pattern:/^HTTP\/[0-9.]+ \d+ .+/m,inside:{"http-version":{pattern:/^HTTP\/[0-9.]+/,alias:"property"},"status-code":{pattern:/^(\s)\d+(?=\s)/,lookbehind:!0,alias:"number"},"reason-phrase":{pattern:/^(\s).+/,lookbehind:!0,alias:"string"}}},"header-name":{pattern:/^[\w-]+:(?=.)/m,alias:"keyword"}};var a,e,s,n=t.languages,r={"application/javascript":n.javascript,"application/json":n.json||n.javascript,"application/xml":n.xml,"text/xml":n.xml,"text/html":n.html,"text/css":n.css},i={"application/json":!0,"application/xml":!0};for(var p in r)if(r[p]){a=a||{};var o=i[p]?(void 0,s=(e=p).replace(/^[a-z]+\//,""),"(?:"+e+"|\\w+/(?:[\\w.-]+\\+)+"+s+"(?![+\\w.-]))"):p;a[p.replace(/\//g,"-")]={pattern:RegExp("(content-type:\\s*"+o+"(?:(?:\\r\\n?|\\n).+)*)(?:\\r?\\n|\\r){2}[\\s\\S]*","i"),lookbehind:!0,inside:r[p]}}a&&t.languages.insertBefore("http","header-name",a)}(Prism);
-!function(n){n.languages.ignore={comment:/^#.*/m,entry:{pattern:/\S(?:.*(?:(?:\\ )|\S))?/,alias:"string",inside:{operator:/^!|\*\*?|\?/,regex:{pattern:/(^|[^\\])\[[^\[\]]*\]/,lookbehind:!0},punctuation:/\//}}},n.languages.gitignore=n.languages.ignore,n.languages.hgignore=n.languages.ignore,n.languages.npmignore=n.languages.ignore}(Prism);
-!function(e){var t=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,n="(^|[^\\w.])(?:[a-z]\\w*\\s*\\.\\s*)*(?:[A-Z]\\w*\\s*\\.\\s*)*",a={pattern:RegExp(n+"[A-Z](?:[\\d_A-Z]*[a-z]\\w*)?\\b"),lookbehind:!0,inside:{namespace:{pattern:/^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,inside:{punctuation:/\./}},punctuation:/\./}};e.languages.java=e.languages.extend("clike",{"class-name":[a,{pattern:RegExp(n+"[A-Z]\\w*(?=\\s+\\w+\\s*[;,=())])"),lookbehind:!0,inside:a.inside}],keyword:t,function:[e.languages.clike.function,{pattern:/(\:\:\s*)[a-z_]\w*/,lookbehind:!0}],number:/\b0b[01][01_]*L?\b|\b0x(?:\.[\da-f_p+-]+|[\da-f_]+(?:\.[\da-f_p+-]+)?)\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,operator:{pattern:/(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0}}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,inside:{"class-name":a,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},namespace:{pattern:RegExp("(\\b(?:exports|import(?:\\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\\s+)(?!<keyword>)[a-z]\\w*(?:\\.[a-z]\\w*)*\\.?".replace(/<keyword>/g,function(){return t.source})),lookbehind:!0,inside:{punctuation:/\./}}})}(Prism);
-Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:true|false)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json;
-!function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"],e.languages.insertBefore("kotlin","string",{"raw-string":{pattern:/("""|''')[\s\S]*?\1/,alias:"string"}}),e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\w+@|@\w+/,alias:"symbol"}});var n=[{pattern:/\$\{[^}]+\}/,inside:{delimiter:{pattern:/^\$\{|\}$/,alias:"variable"},rest:e.languages.kotlin}},{pattern:/\$\w+/,alias:"variable"}];e.languages.kotlin.string.inside=e.languages.kotlin["raw-string"].inside={interpolation:n},e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(Prism);
-Prism.languages.less=Prism.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/i,operator:/[+\-*\/]/}),Prism.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}});
-!function(u){function n(n){return n=n.replace(/<inner>/g,function(){return"(?:\\\\.|[^\\\\\n\r]|(?:\n|\r\n?)(?!\n|\r\n?))"}),RegExp("((?:^|[^\\\\])(?:\\\\{2})*)(?:"+n+")")}var e="(?:\\\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\\\|\r\n`])+",t="\\|?__(?:\\|__)+\\|?(?:(?:\n|\r\n?)|(?![^]))".replace(/__/g,function(){return e}),a="\\|?[ \t]*:?-{3,}:?[ \t]*(?:\\|[ \t]*:?-{3,}:?[ \t]*)+\\|?(?:\n|\r\n?)";u.languages.markdown=u.languages.extend("markup",{}),u.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"font-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:u.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+t+a+"(?:"+t+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+t+a+")(?:"+t+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(e),inside:u.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+t+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+t+"$"),inside:{"table-header":{pattern:RegExp(e),alias:"important",inside:u.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/``.+?``|`[^`\r\n]+`/,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n("\\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\\b|\\*\\*(?:(?!\\*)<inner>|\\*(?:(?!\\*)<inner>)+\\*)+\\*\\*"),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n("\\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\\b|\\*(?:(?!\\*)<inner>|\\*\\*(?:(?!\\*)<inner>)+\\*\\*)+\\*"),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n("(~~?)(?:(?!~)<inner>)+?\\2"),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},url:{pattern:n('!?\\[(?:(?!\\])<inner>)+\\](?:\\([^\\s)]+(?:[\t ]+"(?:\\\\.|[^"\\\\])*")?\\)|[ \t]?\\[(?:(?!\\])<inner>)+\\])'),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach(function(e){["url","bold","italic","strike"].forEach(function(n){e!==n&&(u.languages.markdown[e].inside.content.inside[n]=u.languages.markdown[n])})}),u.hooks.add("after-tokenize",function(n){"markdown"!==n.language&&"md"!==n.language||!function n(e){if(e&&"string"!=typeof e)for(var t=0,a=e.length;t<a;t++){var i=e[t];if("code"===i.type){var r=i.content[1],o=i.content[3];if(r&&o&&"code-language"===r.type&&"code-block"===o.type&&"string"==typeof r.content){var l=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),s="language-"+(l=(/[a-z][\w-]*/i.exec(l)||[""])[0].toLowerCase());o.alias?"string"==typeof o.alias?o.alias=[o.alias,s]:o.alias.push(s):o.alias=[s]}}else n(i.content)}}(n.tokens)}),u.hooks.add("wrap",function(n){if("code-block"===n.type){for(var e="",t=0,a=n.classes.length;t<a;t++){var i=n.classes[t],r=/language-(.+)/.exec(i);if(r){e=r[1];break}}var o=u.languages[e];if(o){var l=document.createElement("div");l.innerHTML=n.content;var s=l.textContent;n.content=u.highlight(s,o,e)}else if(e&&"none"!==e&&u.plugins.autoloader){var d="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());n.attributes.id=d,u.plugins.autoloader.loadLanguages(e,function(){var n=document.getElementById(d);n&&(n.innerHTML=u.highlight(n.textContent,u.languages[e],e))})}}}),u.languages.md=u.languages.markdown}(Prism);
-!function(e){var n=/\$(?:\w[a-z\d]*(?:_[^\x00-\x1F\s"'\\()$]*)?|\{[^}\s"'\\]+\})/i;Prism.languages.nginx={comment:{pattern:/(^|[\s{};])#.*/,lookbehind:!0},directive:{pattern:/(^|\s)\w(?:[^;{}"'\\\s]|\\.|"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|\s+(?:#.*(?!.)|(?![#\s])))*?(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:{string:{pattern:/((?:^|[^\\])(?:\\\\)*)(?:"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')/,lookbehind:!0,inside:{escape:{pattern:/\\["'\\nrt]/,alias:"entity"},variable:n}},comment:{pattern:/(\s)#.*/,lookbehind:!0,greedy:!0},keyword:{pattern:/^\S+/,greedy:!0},boolean:{pattern:/(\s)(?:off|on)(?!\S)/,lookbehind:!0},number:{pattern:/(\s)\d+[a-z]*(?!\S)/i,lookbehind:!0},variable:n}},punctuation:/[{};]/}}();
-!function(a){var e=/\/\*[\s\S]*?\*\/|\/\/.*|#(?!\[).*/,t=[{pattern:/\b(?:false|true)\b/i,alias:"boolean"},{pattern:/(::\s*)\b[a-z_]\w*\b(?!\s*\()/i,greedy:!0,lookbehind:!0},{pattern:/(\b(?:case|const)\s+)\b[a-z_]\w*(?=\s*[;=])/i,greedy:!0,lookbehind:!0},/\b(?:null)\b/i,/\b[A-Z_][A-Z0-9_]*\b(?!\s*\()/],i=/\b0b[01]+(?:_[01]+)*\b|\b0o[0-7]+(?:_[0-7]+)*\b|\b0x[\da-f]+(?:_[\da-f]+)*\b|(?:\b\d+(?:_\d+)*\.?(?:\d+(?:_\d+)*)?|\B\.\d+)(?:e[+-]?\d+)?/i,n=/<?=>|\?\?=?|\.{3}|\??->|[!=]=?=?|::|\*\*=?|--|\+\+|&&|\|\||<<|>>|[?~]|[/^|%*&<>.+-]=?/,s=/[{}\[\](),:;]/;a.languages.php={delimiter:{pattern:/\?>$|^<\?(?:php(?=\s)|=)?/i,alias:"important"},comment:e,variable:/\$+(?:\w+\b|(?={))/i,package:{pattern:/(namespace\s+|use\s+(?:function\s+)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,lookbehind:!0,inside:{punctuation:/\\/}},"class-name-definition":{pattern:/(\b(?:class|enum|interface|trait)\s+)\b[a-z_]\w*(?!\\)\b/i,lookbehind:!0,alias:"class-name"},"function-definition":{pattern:/(\bfunction\s+)[a-z_]\w*(?=\s*\()/i,lookbehind:!0,alias:"function"},keyword:[{pattern:/(\(\s*)\b(?:bool|boolean|int|integer|float|string|object|array)\b(?=\s*\))/i,alias:"type-casting",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*)\b(?:bool|int|float|string|object|array(?!\s*\()|mixed|self|static|callable|iterable|(?:null|false)(?=\s*\|))\b(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*[a-z0-9_|]\|\s*)(?:null|false)\b(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/(\)\s*:\s*(?:\?\s*)?)\b(?:bool|int|float|string|object|void|array(?!\s*\()|mixed|self|static|callable|iterable|(?:null|false)(?=\s*\|))\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/(\)\s*:\s*(?:\?\s*)?[a-z0-9_|]\|\s*)(?:null|false)\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/\b(?:bool|int|float|string|object|void|array(?!\s*\()|mixed|iterable|(?:null|false)(?=\s*\|))\b/i,alias:"type-declaration",greedy:!0},{pattern:/(\|\s*)(?:null|false)\b/i,alias:"type-declaration",greedy:!0,lookbehind:!0},{pattern:/\b(?:parent|self|static)(?=\s*::)/i,alias:"static-context",greedy:!0},{pattern:/(\byield\s+)from\b/i,lookbehind:!0},/\bclass\b/i,{pattern:/((?:^|[^\s>:]|(?:^|[^-])>|(?:^|[^:]):)\s*)\b(?:__halt_compiler|abstract|and|array|as|break|callable|case|catch|clone|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|enum|eval|exit|extends|final|finally|fn|for|foreach|function|global|goto|if|implements|include|include_once|instanceof|insteadof|interface|isset|list|namespace|match|new|or|parent|print|private|protected|public|require|require_once|return|self|static|switch|throw|trait|try|unset|use|var|while|xor|yield)\b/i,lookbehind:!0}],"argument-name":{pattern:/([(,]\s+)\b[a-z_]\w*(?=\s*:(?!:))/i,lookbehind:!0},"class-name":[{pattern:/(\b(?:extends|implements|instanceof|new(?!\s+self|\s+static))\s+|\bcatch\s*\()\b[a-z_]\w*(?!\\)\b/i,greedy:!0,lookbehind:!0},{pattern:/(\|\s*)\b[a-z_]\w*(?!\\)\b/i,greedy:!0,lookbehind:!0},{pattern:/\b[a-z_]\w*(?!\\)\b(?=\s*\|)/i,greedy:!0},{pattern:/(\|\s*)(?:\\?\b[a-z_]\w*)+\b/i,alias:"class-name-fully-qualified",greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/(?:\\?\b[a-z_]\w*)+\b(?=\s*\|)/i,alias:"class-name-fully-qualified",greedy:!0,inside:{punctuation:/\\/}},{pattern:/(\b(?:extends|implements|instanceof|new(?!\s+self\b|\s+static\b))\s+|\bcatch\s*\()(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,alias:"class-name-fully-qualified",greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/\b[a-z_]\w*(?=\s*\$)/i,alias:"type-declaration",greedy:!0},{pattern:/(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,alias:["class-name-fully-qualified","type-declaration"],greedy:!0,inside:{punctuation:/\\/}},{pattern:/\b[a-z_]\w*(?=\s*::)/i,alias:"static-context",greedy:!0},{pattern:/(?:\\?\b[a-z_]\w*)+(?=\s*::)/i,alias:["class-name-fully-qualified","static-context"],greedy:!0,inside:{punctuation:/\\/}},{pattern:/([(,?]\s*)[a-z_]\w*(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*)(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,alias:["class-name-fully-qualified","type-hint"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/(\)\s*:\s*(?:\?\s*)?)\b[a-z_]\w*(?!\\)\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/(\)\s*:\s*(?:\?\s*)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,alias:["class-name-fully-qualified","return-type"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}}],constant:t,function:/\b\w+(?=\s*\()/,property:{pattern:/(->\s*)\w+/,lookbehind:!0},number:i,operator:n,punctuation:s};var l={pattern:/{\$(?:{(?:{[^{}]+}|[^{}]+)}|[^{}])+}|(^|[^\\{])\$+(?:\w+(?:\[[^\r\n\[\]]+\]|->\w+)*)/,lookbehind:!0,inside:a.languages.php},r=[{pattern:/<<<'([^']+)'[\r\n](?:.*[\r\n])*?\1;/,alias:"nowdoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<<'[^']+'|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<'?|[';]$/}}}},{pattern:/<<<(?:"([^"]+)"[\r\n](?:.*[\r\n])*?\1;|([a-z_]\w*)[\r\n](?:.*[\r\n])*?\2;)/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<"?|[";]$/}},interpolation:l}},{pattern:/`(?:\\[\s\S]|[^\\`])*`/,alias:"backtick-quoted-string",greedy:!0},{pattern:/'(?:\\[\s\S]|[^\\'])*'/,alias:"single-quoted-string",greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,alias:"double-quoted-string",greedy:!0,inside:{interpolation:l}}];a.languages.insertBefore("php","variable",{string:r,attribute:{pattern:/#\[(?:[^"'\/#]|\/(?![*/])|\/\/.*$|#(?!\[).*$|\/\*(?:[^*]|\*(?!\/))*\*\/|"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*')+\](?=\s*[a-z$#])/im,greedy:!0,inside:{"attribute-content":{pattern:/^(#\[)[\s\S]+(?=]$)/,lookbehind:!0,inside:{comment:e,string:r,"attribute-class-name":[{pattern:/([^:]|^)\b[a-z_]\w*(?!\\)\b/i,alias:"class-name",greedy:!0,lookbehind:!0},{pattern:/([^:]|^)(?:\\?\b[a-z_]\w*)+/i,alias:["class-name","class-name-fully-qualified"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}}],constant:t,number:i,operator:n,punctuation:s}},delimiter:{pattern:/^#\[|]$/,alias:"punctuation"}}}}),a.hooks.add("before-tokenize",function(e){if(/<\?/.test(e.code)){a.languages["markup-templating"].buildPlaceholders(e,"php",/<\?(?:[^"'/#]|\/(?![*/])|("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|(?:\/\/|#(?!\[))(?:[^?\n\r]|\?(?!>))*(?=$|\?>|[\r\n])|#\[|\/\*(?:[^*]|\*(?!\/))*(?:\*\/|$))*?(?:\?>|$)/gi)}}),a.hooks.add("after-tokenize",function(e){a.languages["markup-templating"].tokenizePlaceholders(e,"php")})}(Prism);
-!function(e){var i=Prism.languages.powershell={comment:[{pattern:/(^|[^`])<#[\s\S]*?#>/,lookbehind:!0},{pattern:/(^|[^`])#.*/,lookbehind:!0}],string:[{pattern:/"(?:`[\s\S]|[^`"])*"/,greedy:!0,inside:{function:{pattern:/(^|[^`])\$\((?:\$\([^\r\n()]*\)|(?!\$\()[^\r\n)])*\)/,lookbehind:!0,inside:{}}}},{pattern:/'(?:[^']|'')*'/,greedy:!0}],namespace:/\[[a-z](?:\[(?:\[[^\]]*]|[^\[\]])*]|[^\[\]])*]/i,boolean:/\$(?:true|false)\b/i,variable:/\$\w+\b/,function:[/\b(?:Add|Approve|Assert|Backup|Block|Checkpoint|Clear|Close|Compare|Complete|Compress|Confirm|Connect|Convert|ConvertFrom|ConvertTo|Copy|Debug|Deny|Disable|Disconnect|Dismount|Edit|Enable|Enter|Exit|Expand|Export|Find|ForEach|Format|Get|Grant|Group|Hide|Import|Initialize|Install|Invoke|Join|Limit|Lock|Measure|Merge|Move|New|Open|Optimize|Out|Ping|Pop|Protect|Publish|Push|Read|Receive|Redo|Register|Remove|Rename|Repair|Request|Reset|Resize|Resolve|Restart|Restore|Resume|Revoke|Save|Search|Select|Send|Set|Show|Skip|Sort|Split|Start|Step|Stop|Submit|Suspend|Switch|Sync|Tee|Test|Trace|Unblock|Undo|Uninstall|Unlock|Unprotect|Unpublish|Unregister|Update|Use|Wait|Watch|Where|Write)-[a-z]+\b/i,/\b(?:ac|cat|chdir|clc|cli|clp|clv|compare|copy|cp|cpi|cpp|cvpa|dbp|del|diff|dir|ebp|echo|epal|epcsv|epsn|erase|fc|fl|ft|fw|gal|gbp|gc|gci|gcs|gdr|gi|gl|gm|gp|gps|group|gsv|gu|gv|gwmi|iex|ii|ipal|ipcsv|ipsn|irm|iwmi|iwr|kill|lp|ls|measure|mi|mount|move|mp|mv|nal|ndr|ni|nv|ogv|popd|ps|pushd|pwd|rbp|rd|rdr|ren|ri|rm|rmdir|rni|rnp|rp|rv|rvpa|rwmi|sal|saps|sasv|sbp|sc|select|set|shcm|si|sl|sleep|sls|sort|sp|spps|spsv|start|sv|swmi|tee|trcm|type|write)\b/i],keyword:/\b(?:Begin|Break|Catch|Class|Continue|Data|Define|Do|DynamicParam|Else|ElseIf|End|Exit|Filter|Finally|For|ForEach|From|Function|If|InlineScript|Parallel|Param|Process|Return|Sequence|Switch|Throw|Trap|Try|Until|Using|Var|While|Workflow)\b/i,operator:{pattern:/(\W?)(?:!|-(?:eq|ne|gt|ge|lt|le|sh[lr]|not|b?(?:and|x?or)|(?:Not)?(?:Like|Match|Contains|In)|Replace|Join|is(?:Not)?|as)\b|-[-=]?|\+[+=]?|[*\/%]=?)/i,lookbehind:!0},punctuation:/[|{}[\];(),.]/},r=i.string[0].inside;r.boolean=i.boolean,r.variable=i.variable,r.function.inside=i}();
-!function(e){e.languages.ruby=e.languages.extend("clike",{comment:[/#.*/,{pattern:/^=begin\s[\s\S]*?^=end/m,greedy:!0}],"class-name":{pattern:/(\b(?:class)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:alias|and|BEGIN|begin|break|case|class|def|define_method|defined|do|each|else|elsif|END|end|ensure|extend|for|if|in|include|module|new|next|nil|not|or|prepend|protected|private|public|raise|redo|require|rescue|retry|return|self|super|then|throw|undef|unless|until|when|while|yield)\b/});var n={pattern:/#\{[^}]+\}/,inside:{delimiter:{pattern:/^#\{|\}$/,alias:"tag"},rest:e.languages.ruby}};delete e.languages.ruby.function,e.languages.insertBefore("ruby","keyword",{regex:[{pattern:RegExp("%r(?:"+["([^a-zA-Z0-9\\s{(\\[<])(?:(?!\\1)[^\\\\]|\\\\[^])*\\1","\\((?:[^()\\\\]|\\\\[^])*\\)","\\{(?:[^#{}\\\\]|#(?:\\{[^}]+\\})?|\\\\[^])*\\}","\\[(?:[^\\[\\]\\\\]|\\\\[^])*\\]","<(?:[^<>\\\\]|\\\\[^])*>"].join("|")+")[egimnosux]{0,6}"),greedy:!0,inside:{interpolation:n}},{pattern:/(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[egimnosux]{0,6}(?=\s*(?:$|[\r\n,.;})#]))/,lookbehind:!0,greedy:!0,inside:{interpolation:n}}],variable:/[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,symbol:{pattern:/(^|[^:]):[a-zA-Z_]\w*(?:[?!]|\b)/,lookbehind:!0},"method-definition":{pattern:/(\bdef\s+)[\w.]+/,lookbehind:!0,inside:{function:/\w+$/,rest:e.languages.ruby}}}),e.languages.insertBefore("ruby","number",{builtin:/\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Stat|Fixnum|Float|Hash|Integer|IO|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|String|Struct|TMS|Symbol|ThreadGroup|Thread|Time|TrueClass)\b/,constant:/\b[A-Z]\w*(?:[?!]|\b)/}),e.languages.ruby.string=[{pattern:RegExp("%[qQiIwWxs]?(?:"+["([^a-zA-Z0-9\\s{(\\[<])(?:(?!\\1)[^\\\\]|\\\\[^])*\\1","\\((?:[^()\\\\]|\\\\[^])*\\)","\\{(?:[^#{}\\\\]|#(?:\\{[^}]+\\})?|\\\\[^])*\\}","\\[(?:[^\\[\\]\\\\]|\\\\[^])*\\]","<(?:[^<>\\\\]|\\\\[^])*>"].join("|")+")"),greedy:!0,inside:{interpolation:n}},{pattern:/("|')(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|(?!\1)[^\\#\r\n])*\1/,greedy:!0,inside:{interpolation:n}}],e.languages.rb=e.languages.ruby}(Prism);
-!function(e){for(var a="/\\*(?:[^*/]|\\*(?!/)|/(?!\\*)|<self>)*\\*/",t=0;t<2;t++)a=a.replace(/<self>/g,function(){return a});a=a.replace(/<self>/g,function(){return"[^\\s\\S]"}),e.languages.rust={comment:[{pattern:RegExp("(^|[^\\\\])"+a),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0,alias:"string"},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|Self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:[ui](?:8|16|32|64|128|size)|f(?:32|64)|bool|char|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:[iu](?:8|16|32|64|size)?|f32|f64))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(Prism);
-!function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,inside:{atrule:/(?:@[\w-]+|[+=])/m}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,a=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|or|not)\b/,{pattern:/(\s+)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,inside:{punctuation:/:/,variable:t,operator:a}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:a,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/,lookbehind:!0}})}(Prism);
-Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]+))/m,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Prism.languages.insertBefore("scss","atrule",{keyword:[/@(?:if|else(?: if)?|forward|for|each|while|import|use|extend|debug|warn|mixin|include|function|return|content)\b/i,{pattern:/( +)(?:from|through)(?= )/,lookbehind:!0}]}),Prism.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Prism.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|with|show|hide)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:true|false)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|or|not)(?=\s)/,lookbehind:!0}}),Prism.languages.scss.atrule.inside.rest=Prism.languages.scss;
-Prism.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:_INSERT|COL)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:S|ING)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:TRUE|FALSE|NULL)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|IN|ILIKE|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/};
-Prism.languages.swift=Prism.languages.extend("clike",{string:{pattern:/("|')(?:\\(?:\((?:[^()]|\([^)]+\))+\)|\r\n|[^(])|(?!\1)[^\\\r\n])*\1/,greedy:!0,inside:{interpolation:{pattern:/\\\((?:[^()]|\([^)]+\))+\)/,inside:{delimiter:{pattern:/^\\\(|\)$/,alias:"variable"}}}}},keyword:/\b(?:as|associativity|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic(?:Type)?|else|enum|extension|fallthrough|final|for|func|get|guard|if|import|in|infix|init|inout|internal|is|lazy|left|let|mutating|new|none|nonmutating|operator|optional|override|postfix|precedence|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|Self|set|some|static|struct|subscript|super|switch|throws?|try|Type|typealias|unowned|unsafe|var|weak|where|while|willSet|__(?:COLUMN__|FILE__|FUNCTION__|LINE__))\b/,number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,constant:/\b(?:nil|[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,atrule:/@\b(?:IB(?:Outlet|Designable|Action|Inspectable)|class_protocol|exported|noreturn|NS(?:Copying|Managed)|objc|UIApplicationMain|auto_closure)\b/,builtin:/\b(?:[A-Z]\S+|abs|advance|alignof(?:Value)?|assert|contains|count(?:Elements)?|debugPrint(?:ln)?|distance|drop(?:First|Last)|dump|enumerate|equal|filter|find|first|getVaList|indices|isEmpty|join|last|lexicographicalCompare|map|max(?:Element)?|min(?:Element)?|numericCast|overlaps|partition|print(?:ln)?|reduce|reflect|reverse|sizeof(?:Value)?|sort(?:ed)?|split|startsWith|stride(?:of(?:Value)?)?|suffix|swap|toDebugString|toString|transcode|underestimateCount|unsafeBitCast|with(?:ExtendedLifetime|Unsafe(?:MutablePointers?|Pointers?)|VaList))\b/}),Prism.languages.swift.string.inside.interpolation.inside.rest=Prism.languages.swift;
-!function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},keyword:/\b(?:abstract|as|asserts|async|await|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|is|keyof|let|module|namespace|new|null|of|package|private|protected|public|readonly|return|require|set|static|super|switch|this|throw|try|type|typeof|undefined|var|void|while|with|yield)\b/,builtin:/\b(?:string|Function|any|number|boolean|Array|symbol|console|Promise|unknown|never)\b/}),delete e.languages.typescript.parameter;var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(Prism);
-Prism.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|nearest|neg?|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|store(?:8|16|32)?|sqrt|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^_`|~]+/i,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};
-!function(e){var n=/[*&][^\s[\]{},]+/,r=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,t="(?:"+r.source+"(?:[ \t]+"+n.source+")?|"+n.source+"(?:[ \t]+"+r.source+")?)",a="(?:[^\\s\\x00-\\x08\\x0e-\\x1f!\"#%&'*,\\-:>?@[\\]`{|}\\x7f-\\x84\\x86-\\x9f\\ud800-\\udfff\\ufffe\\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*".replace(/<PLAIN>/g,function(){return"[^\\s\\x00-\\x08\\x0e-\\x1f,[\\]{}\\x7f-\\x84\\x86-\\x9f\\ud800-\\udfff\\ufffe\\uffff]"}),d="\"(?:[^\"\\\\\r\n]|\\\\.)*\"|'(?:[^'\\\\\r\n]|\\\\.)*'";function o(e,n){n=(n||"").replace(/m/g,"")+"m";var r="([:\\-,[{]\\s*(?:\\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|]|}|(?:[\r\n]\\s*)?#))".replace(/<<prop>>/g,function(){return t}).replace(/<<value>>/g,function(){return e});return RegExp(r,n)}e.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\\S[^\r\n]*(?:\\2[^\r\n]+)*)".replace(/<<prop>>/g,function(){return t})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\\s*:\\s)".replace(/<<prop>>/g,function(){return t}).replace(/<<key>>/g,function(){return"(?:"+a+"|"+d+")"})),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:o("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?(?:[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?))?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:o("true|false","i"),lookbehind:!0,alias:"important"},null:{pattern:o("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:o(d),lookbehind:!0,greedy:!0},number:{pattern:o("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+(?:\\.\\d*)?|\\.?\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:r,important:n,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(Prism);
-!function(){if("undefined"!=typeof Prism&&"undefined"!=typeof document&&document.querySelector){var t,o="line-numbers",s="linkable-line-numbers",a=function(){if(void 0===t){var e=document.createElement("div");e.style.fontSize="13px",e.style.lineHeight="1.5",e.style.padding="0",e.style.border="0",e.innerHTML="&nbsp;<br />&nbsp;",document.body.appendChild(e),t=38===e.offsetHeight,document.body.removeChild(e)}return t},l=!0,u=0;Prism.hooks.add("before-sanity-check",function(e){var t=e.element.parentElement;if(c(t)){var n=0;v(".line-highlight",t).forEach(function(e){n+=e.textContent.length,e.parentNode.removeChild(e)}),n&&/^( \n)+$/.test(e.code.slice(-n))&&(e.code=e.code.slice(0,-n))}}),Prism.hooks.add("complete",function e(t){var n=t.element.parentElement;if(c(n)){clearTimeout(u);var i=Prism.plugins.lineNumbers,r=t.plugins&&t.plugins.lineNumbers;if(b(n,o)&&i&&!r)Prism.hooks.add("line-numbers",e);else d(n)(),u=setTimeout(f,1)}}),window.addEventListener("hashchange",f),window.addEventListener("resize",function(){v("pre").filter(c).map(function(e){return d(e)}).forEach(y)})}function v(e,t){return Array.prototype.slice.call((t||document).querySelectorAll(e))}function b(e,t){return e.classList.contains(t)}function y(e){e()}function c(e){return!(!e||!/pre/i.test(e.nodeName))&&(!!e.hasAttribute("data-line")||!(!e.id||!Prism.util.isActive(e,s)))}function d(u,e,c){var t=(e="string"==typeof e?e:u.getAttribute("data-line")||"").replace(/\s+/g,"").split(",").filter(Boolean),d=+u.getAttribute("data-line-offset")||0,f=(a()?parseInt:parseFloat)(getComputedStyle(u).lineHeight),p=Prism.util.isActive(u,o),n=u.querySelector("code"),h=p?u:n||u,m=[],g=n&&h!=n?function(e,t){var n=getComputedStyle(e),i=getComputedStyle(t);function r(e){return+e.substr(0,e.length-2)}return t.offsetTop+r(i.borderTopWidth)+r(i.paddingTop)-r(n.paddingTop)}(u,n):0;t.forEach(function(e){var t=e.split("-"),n=+t[0],i=+t[1]||n,r=u.querySelector('.line-highlight[data-range="'+e+'"]')||document.createElement("div");if(m.push(function(){r.setAttribute("aria-hidden","true"),r.setAttribute("data-range",e),r.className=(c||"")+" line-highlight"}),p&&Prism.plugins.lineNumbers){var o=Prism.plugins.lineNumbers.getLine(u,n),s=Prism.plugins.lineNumbers.getLine(u,i);if(o){var a=o.offsetTop+g+"px";m.push(function(){r.style.top=a})}if(s){var l=s.offsetTop-o.offsetTop+s.offsetHeight+"px";m.push(function(){r.style.height=l})}}else m.push(function(){r.setAttribute("data-start",String(n)),n<i&&r.setAttribute("data-end",String(i)),r.style.top=(n-d-1)*f+g+"px",r.textContent=new Array(i-n+2).join(" \n")});m.push(function(){h.appendChild(r)})});var i=u.id;if(p&&Prism.util.isActive(u,s)&&i){b(u,s)||m.push(function(){u.classList.add(s)});var r=parseInt(u.getAttribute("data-start")||"1");v(".line-numbers-rows > span",u).forEach(function(e,t){var n=t+r;e.onclick=function(){var e=i+"."+n;l=!1,location.hash=e,setTimeout(function(){l=!0},1)}})}return function(){m.forEach(y)}}function f(){var e=location.hash.slice(1);v(".temporary.line-highlight").forEach(function(e){e.parentNode.removeChild(e)});var t=(e.match(/\.([\d,-]+)$/)||[,""])[1];if(t&&!document.getElementById(e)){var n=e.slice(0,e.lastIndexOf(".")),i=document.getElementById(n);if(i)i.hasAttribute("data-line")||i.setAttribute("data-line",""),d(i,t,"temporary ")(),l&&document.querySelector(".temporary.line-highlight").scrollIntoView()}}}();
-!function(){if("undefined"!=typeof Prism&&"undefined"!=typeof document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows");if(t){var i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n<i&&(n=i),r<n&&(n=r);var s=n-i;return t.children[s]}}},resize:function(e){u([e])},assumeViewportIndependence:!0},t=function(e){return e?window.getComputedStyle?getComputedStyle(e):e.currentStyle||null:null},n=void 0;window.addEventListener("resize",function(){e.assumeViewportIndependence&&n===window.innerWidth||(n=window.innerWidth,u(Array.prototype.slice.call(document.querySelectorAll("pre."+o))))}),Prism.hooks.add("complete",function(e){if(e.code){var n=e.element,t=n.parentNode;if(t&&/pre/i.test(t.nodeName)&&!n.querySelector(".line-numbers-rows")&&Prism.util.isActive(n,o)){n.classList.remove(o),t.classList.add(o);var i,r=e.code.match(a),s=r?r.length+1:1,l=new Array(s+1).join("<span></span>");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1<e.length){var t=i.appendChild(document.createElement("span"));t.style.display="block",t.textContent=e}else r[n]=s})}),n.forEach(function(e){for(var n=e.sizer,t=e.lineHeights,i=0,r=0;r<t.length;r++)void 0===t[r]&&(t[r]=n.children[i++].getBoundingClientRect().height)}),n.forEach(function(e){var n=e.sizer,t=e.element.querySelector(".line-numbers-rows");n.style.display="none",n.innerHTML="",e.lineHeights.forEach(function(e,n){t.children[n].style.height=e+"px"})})}}}();
-!function(){if("undefined"!=typeof Prism&&"undefined"!=typeof document){var i=[],l={},d=function(){};Prism.plugins.toolbar={};var e=Prism.plugins.toolbar.registerButton=function(e,n){var t;t="function"==typeof n?n:function(e){var t;return"function"==typeof n.onClick?((t=document.createElement("button")).type="button",t.addEventListener("click",function(){n.onClick.call(this,e)})):"string"==typeof n.url?(t=document.createElement("a")).href=n.url:t=document.createElement("span"),n.className&&t.classList.add(n.className),t.textContent=n.text,t},e in l?console.warn('There is a button with the key "'+e+'" registered already.'):i.push(l[e]=t)},t=Prism.plugins.toolbar.hook=function(a){var e=a.element.parentNode;if(e&&/pre/i.test(e.nodeName)&&!e.parentNode.classList.contains("code-toolbar")){var t=document.createElement("div");t.classList.add("code-toolbar"),e.parentNode.insertBefore(t,e),t.appendChild(e);var r=document.createElement("div");r.classList.add("toolbar");var n=i,o=function(e){for(;e;){var t=e.getAttribute("data-toolbar-order");if(null!=t)return(t=t.trim()).length?t.split(/\s*,\s*/g):[];e=e.parentElement}}(a.element);o&&(n=o.map(function(e){return l[e]||d})),n.forEach(function(e){var t=e(a);if(t){var n=document.createElement("div");n.classList.add("toolbar-item"),n.appendChild(t),r.appendChild(n)}}),t.appendChild(r)}};e("label",function(e){var t=e.element.parentNode;if(t&&/pre/i.test(t.nodeName)&&t.hasAttribute("data-label")){var n,a,r=t.getAttribute("data-label");try{a=document.querySelector("template#"+r)}catch(e){}return a?n=a.content:(t.hasAttribute("data-url")?(n=document.createElement("a")).href=t.getAttribute("data-url"):n=document.createElement("span"),n.textContent=r),n}}),Prism.hooks.add("complete",t)}}();
-!function(){function u(t,e){t.addEventListener("click",function(){!function(t){navigator.clipboard?navigator.clipboard.writeText(t.getText()).then(t.success,function(){o(t)}):o(t)}(e)})}function o(e){var t=document.createElement("textarea");t.value=e.getText(),t.style.top="0",t.style.left="0",t.style.position="fixed",document.body.appendChild(t),t.focus(),t.select();try{var o=document.execCommand("copy");setTimeout(function(){o?e.success():e.error()},1)}catch(t){setTimeout(function(){e.error(t)},1)}document.body.removeChild(t)}"undefined"!=typeof Prism&&"undefined"!=typeof document&&(Prism.plugins.toolbar?Prism.plugins.toolbar.registerButton("copy-to-clipboard",function(t){var e=t.element,o=function(t){var e={copy:"Copy","copy-error":"Press Ctrl+C to copy","copy-success":"Copied!","copy-timeout":5e3};for(var o in e){for(var n="data-prismjs-"+o,c=t;c&&!c.hasAttribute(n);)c=c.parentElement;c&&(e[o]=c.getAttribute(n))}return e}(e),n=document.createElement("button");n.className="copy-to-clipboard-button",n.setAttribute("type","button");var c=document.createElement("span");return n.appendChild(c),i("copy"),u(n,{getText:function(){return e.textContent},success:function(){i("copy-success"),r()},error:function(){i("copy-error"),setTimeout(function(){!function(t){window.getSelection().selectAllChildren(t)}(e)},1),r()}}),n;function r(){setTimeout(function(){i("copy")},o["copy-timeout"])}function i(t){c.textContent=o[t],n.setAttribute("data-copy-state",t)}}):console.warn("Copy to Clipboard plugin loaded before Toolbar plugin."))}();
diff --git a/documentation/js/libs/promise.min.js b/documentation/js/libs/promise.min.js
deleted file mode 100644
index 59d3feec..00000000
--- a/documentation/js/libs/promise.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/*
- *  Copyright 2012-2013 (c) Pierre Duquesne <stackp@online.fr>
- *  Licensed under the New BSD License.
- *  https://github.com/stackp/promisejs
- */
-(function(a){function b(){this._callbacks=[];}b.prototype.then=function(a,c){var d;if(this._isdone)d=a.apply(c,this.result);else{d=new b();this._callbacks.push(function(){var b=a.apply(c,arguments);if(b&&typeof b.then==='function')b.then(d.done,d);});}return d;};b.prototype.done=function(){this.result=arguments;this._isdone=true;for(var a=0;a<this._callbacks.length;a++)this._callbacks[a].apply(null,arguments);this._callbacks=[];};function c(a){var c=new b();var d=[];if(!a||!a.length){c.done(d);return c;}var e=0;var f=a.length;function g(a){return function(){e+=1;d[a]=Array.prototype.slice.call(arguments);if(e===f)c.done(d);};}for(var h=0;h<f;h++)a[h].then(g(h));return c;}function d(a,c){var e=new b();if(a.length===0)e.done.apply(e,c);else a[0].apply(null,c).then(function(){a.splice(0,1);d(a,arguments).then(function(){e.done.apply(e,arguments);});});return e;}function e(a){var b="";if(typeof a==="string")b=a;else{var c=encodeURIComponent;var d=[];for(var e in a)if(a.hasOwnProperty(e))d.push(c(e)+'='+c(a[e]));b=d.join('&');}return b;}function f(){var a;if(window.XMLHttpRequest)a=new XMLHttpRequest();else if(window.ActiveXObject)try{a=new ActiveXObject("Msxml2.XMLHTTP");}catch(b){a=new ActiveXObject("Microsoft.XMLHTTP");}return a;}function g(a,c,d,g){var h=new b();var j,k;d=d||{};g=g||{};try{j=f();}catch(l){h.done(i.ENOXHR,"");return h;}k=e(d);if(a==='GET'&&k){c+='?'+k;k=null;}j.open(a,c);var m='application/x-www-form-urlencoded';for(var n in g)if(g.hasOwnProperty(n))if(n.toLowerCase()==='content-type')m=g[n];else j.setRequestHeader(n,g[n]);j.setRequestHeader('Content-type',m);function o(){j.abort();h.done(i.ETIMEOUT,"",j);}var p=i.ajaxTimeout;if(p)var q=setTimeout(o,p);j.onreadystatechange=function(){if(p)clearTimeout(q);if(j.readyState===4){var a=(!j.status||(j.status<200||j.status>=300)&&j.status!==304);h.done(a,j.responseText,j);}};j.send(k);return h;}function h(a){return function(b,c,d){return g(a,b,c,d);};}var i={Promise:b,join:c,chain:d,ajax:g,get:h('GET'),post:h('POST'),put:h('PUT'),del:h('DELETE'),ENOXHR:1,ETIMEOUT:2,ajaxTimeout:0};if(typeof define==='function'&&define.amd)define(function(){return i;});else a.promise=i;})(this);
\ No newline at end of file
diff --git a/documentation/js/libs/svg-pan-zoom.min.js b/documentation/js/libs/svg-pan-zoom.min.js
deleted file mode 100644
index 807f0e44..00000000
--- a/documentation/js/libs/svg-pan-zoom.min.js
+++ /dev/null
@@ -1,3 +0,0 @@
-// svg-pan-zoom v3.6.0
-// https://github.com/ariutta/svg-pan-zoom
-!function t(e,o,n){function i(r,a){if(!o[r]){if(!e[r]){var l="function"==typeof require&&require;if(!a&&l)return l(r,!0);if(s)return s(r,!0);var u=new Error("Cannot find module '"+r+"'");throw u.code="MODULE_NOT_FOUND",u}var h=o[r]={exports:{}};e[r][0].call(h.exports,function(t){var o=e[r][1][t];return i(o?o:t)},h,h.exports,t,e,o,n)}return o[r].exports}for(var s="function"==typeof require&&require,r=0;r<n.length;r++)i(n[r]);return i}({1:[function(t,e,o){var n=t("./svg-pan-zoom.js");!function(t,o){"function"==typeof define&&define.amd?define("svg-pan-zoom",function(){return n}):"undefined"!=typeof e&&e.exports&&(e.exports=n,t.svgPanZoom=n)}(window,document)},{"./svg-pan-zoom.js":4}],2:[function(t,e,o){var n=t("./svg-utilities");e.exports={enable:function(t){var e=t.svg.querySelector("defs");e||(e=document.createElementNS(n.svgNS,"defs"),t.svg.appendChild(e));var o=e.querySelector("style#svg-pan-zoom-controls-styles");if(!o){var i=document.createElementNS(n.svgNS,"style");i.setAttribute("id","svg-pan-zoom-controls-styles"),i.setAttribute("type","text/css"),i.textContent=".svg-pan-zoom-control { cursor: pointer; fill: black; fill-opacity: 0.333; } .svg-pan-zoom-control:hover { fill-opacity: 0.8; } .svg-pan-zoom-control-background { fill: white; fill-opacity: 0.5; } .svg-pan-zoom-control-background { fill-opacity: 0.8; }",e.appendChild(i)}var s=document.createElementNS(n.svgNS,"g");s.setAttribute("id","svg-pan-zoom-controls"),s.setAttribute("transform","translate("+(t.width-70)+" "+(t.height-76)+") scale(0.75)"),s.setAttribute("class","svg-pan-zoom-control"),s.appendChild(this._createZoomIn(t)),s.appendChild(this._createZoomReset(t)),s.appendChild(this._createZoomOut(t)),t.svg.appendChild(s),t.controlIcons=s},_createZoomIn:function(t){var e=document.createElementNS(n.svgNS,"g");e.setAttribute("id","svg-pan-zoom-zoom-in"),e.setAttribute("transform","translate(30.5 5) scale(0.015)"),e.setAttribute("class","svg-pan-zoom-control"),e.addEventListener("click",function(){t.getPublicInstance().zoomIn()},!1),e.addEventListener("touchstart",function(){t.getPublicInstance().zoomIn()},!1);var o=document.createElementNS(n.svgNS,"rect");o.setAttribute("x","0"),o.setAttribute("y","0"),o.setAttribute("width","1500"),o.setAttribute("height","1400"),o.setAttribute("class","svg-pan-zoom-control-background"),e.appendChild(o);var i=document.createElementNS(n.svgNS,"path");return i.setAttribute("d","M1280 576v128q0 26 -19 45t-45 19h-320v320q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-320h-320q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h320v-320q0 -26 19 -45t45 -19h128q26 0 45 19t19 45v320h320q26 0 45 19t19 45zM1536 1120v-960 q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z"),i.setAttribute("class","svg-pan-zoom-control-element"),e.appendChild(i),e},_createZoomReset:function(t){var e=document.createElementNS(n.svgNS,"g");e.setAttribute("id","svg-pan-zoom-reset-pan-zoom"),e.setAttribute("transform","translate(5 35) scale(0.4)"),e.setAttribute("class","svg-pan-zoom-control"),e.addEventListener("click",function(){t.getPublicInstance().reset()},!1),e.addEventListener("touchstart",function(){t.getPublicInstance().reset()},!1);var o=document.createElementNS(n.svgNS,"rect");o.setAttribute("x","2"),o.setAttribute("y","2"),o.setAttribute("width","182"),o.setAttribute("height","58"),o.setAttribute("class","svg-pan-zoom-control-background"),e.appendChild(o);var i=document.createElementNS(n.svgNS,"path");i.setAttribute("d","M33.051,20.632c-0.742-0.406-1.854-0.609-3.338-0.609h-7.969v9.281h7.769c1.543,0,2.701-0.188,3.473-0.562c1.365-0.656,2.048-1.953,2.048-3.891C35.032,22.757,34.372,21.351,33.051,20.632z"),i.setAttribute("class","svg-pan-zoom-control-element"),e.appendChild(i);var s=document.createElementNS(n.svgNS,"path");return s.setAttribute("d","M170.231,0.5H15.847C7.102,0.5,0.5,5.708,0.5,11.84v38.861C0.5,56.833,7.102,61.5,15.847,61.5h154.384c8.745,0,15.269-4.667,15.269-10.798V11.84C185.5,5.708,178.976,0.5,170.231,0.5z M42.837,48.569h-7.969c-0.219-0.766-0.375-1.383-0.469-1.852c-0.188-0.969-0.289-1.961-0.305-2.977l-0.047-3.211c-0.03-2.203-0.41-3.672-1.142-4.406c-0.732-0.734-2.103-1.102-4.113-1.102h-7.05v13.547h-7.055V14.022h16.524c2.361,0.047,4.178,0.344,5.45,0.891c1.272,0.547,2.351,1.352,3.234,2.414c0.731,0.875,1.31,1.844,1.737,2.906s0.64,2.273,0.64,3.633c0,1.641-0.414,3.254-1.242,4.84s-2.195,2.707-4.102,3.363c1.594,0.641,2.723,1.551,3.387,2.73s0.996,2.98,0.996,5.402v2.32c0,1.578,0.063,2.648,0.19,3.211c0.19,0.891,0.635,1.547,1.333,1.969V48.569z M75.579,48.569h-26.18V14.022h25.336v6.117H56.454v7.336h16.781v6H56.454v8.883h19.125V48.569z M104.497,46.331c-2.44,2.086-5.887,3.129-10.34,3.129c-4.548,0-8.125-1.027-10.731-3.082s-3.909-4.879-3.909-8.473h6.891c0.224,1.578,0.662,2.758,1.316,3.539c1.196,1.422,3.246,2.133,6.15,2.133c1.739,0,3.151-0.188,4.236-0.562c2.058-0.719,3.087-2.055,3.087-4.008c0-1.141-0.504-2.023-1.512-2.648c-1.008-0.609-2.607-1.148-4.796-1.617l-3.74-0.82c-3.676-0.812-6.201-1.695-7.576-2.648c-2.328-1.594-3.492-4.086-3.492-7.477c0-3.094,1.139-5.664,3.417-7.711s5.623-3.07,10.036-3.07c3.685,0,6.829,0.965,9.431,2.895c2.602,1.93,3.966,4.73,4.093,8.402h-6.938c-0.128-2.078-1.057-3.555-2.787-4.43c-1.154-0.578-2.587-0.867-4.301-0.867c-1.907,0-3.428,0.375-4.565,1.125c-1.138,0.75-1.706,1.797-1.706,3.141c0,1.234,0.561,2.156,1.682,2.766c0.721,0.406,2.25,0.883,4.589,1.43l6.063,1.43c2.657,0.625,4.648,1.461,5.975,2.508c2.059,1.625,3.089,3.977,3.089,7.055C108.157,41.624,106.937,44.245,104.497,46.331z M139.61,48.569h-26.18V14.022h25.336v6.117h-18.281v7.336h16.781v6h-16.781v8.883h19.125V48.569z M170.337,20.14h-10.336v28.43h-7.266V20.14h-10.383v-6.117h27.984V20.14z"),s.setAttribute("class","svg-pan-zoom-control-element"),e.appendChild(s),e},_createZoomOut:function(t){var e=document.createElementNS(n.svgNS,"g");e.setAttribute("id","svg-pan-zoom-zoom-out"),e.setAttribute("transform","translate(30.5 70) scale(0.015)"),e.setAttribute("class","svg-pan-zoom-control"),e.addEventListener("click",function(){t.getPublicInstance().zoomOut()},!1),e.addEventListener("touchstart",function(){t.getPublicInstance().zoomOut()},!1);var o=document.createElementNS(n.svgNS,"rect");o.setAttribute("x","0"),o.setAttribute("y","0"),o.setAttribute("width","1500"),o.setAttribute("height","1400"),o.setAttribute("class","svg-pan-zoom-control-background"),e.appendChild(o);var i=document.createElementNS(n.svgNS,"path");return i.setAttribute("d","M1280 576v128q0 26 -19 45t-45 19h-896q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h896q26 0 45 19t19 45zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5 t84.5 -203.5z"),i.setAttribute("class","svg-pan-zoom-control-element"),e.appendChild(i),e},disable:function(t){t.controlIcons&&(t.controlIcons.parentNode.removeChild(t.controlIcons),t.controlIcons=null)}}},{"./svg-utilities":5}],3:[function(t,e,o){var n=t("./svg-utilities"),i=t("./utilities"),s=function(t,e){this.init(t,e)};s.prototype.init=function(t,e){this.viewport=t,this.options=e,this.originalState={zoom:1,x:0,y:0},this.activeState={zoom:1,x:0,y:0},this.updateCTMCached=i.proxy(this.updateCTM,this),this.requestAnimationFrame=i.createRequestAnimationFrame(this.options.refreshRate),this.viewBox={x:0,y:0,width:0,height:0},this.cacheViewBox();var o=this.processCTM();this.setCTM(o),this.updateCTM()},s.prototype.cacheViewBox=function(){var t=this.options.svg.getAttribute("viewBox");if(t){var e=t.split(/[\s\,]/).filter(function(t){return t}).map(parseFloat);this.viewBox.x=e[0],this.viewBox.y=e[1],this.viewBox.width=e[2],this.viewBox.height=e[3];var o=Math.min(this.options.width/this.viewBox.width,this.options.height/this.viewBox.height);this.activeState.zoom=o,this.activeState.x=(this.options.width-this.viewBox.width*o)/2,this.activeState.y=(this.options.height-this.viewBox.height*o)/2,this.updateCTMOnNextFrame(),this.options.svg.removeAttribute("viewBox")}else this.simpleViewBoxCache()},s.prototype.simpleViewBoxCache=function(){var t=this.viewport.getBBox();this.viewBox.x=t.x,this.viewBox.y=t.y,this.viewBox.width=t.width,this.viewBox.height=t.height},s.prototype.getViewBox=function(){return i.extend({},this.viewBox)},s.prototype.processCTM=function(){var t=this.getCTM();if(this.options.fit||this.options.contain){var e;e=this.options.fit?Math.min(this.options.width/this.viewBox.width,this.options.height/this.viewBox.height):Math.max(this.options.width/this.viewBox.width,this.options.height/this.viewBox.height),t.a=e,t.d=e,t.e=-this.viewBox.x*e,t.f=-this.viewBox.y*e}if(this.options.center){var o=.5*(this.options.width-(this.viewBox.width+2*this.viewBox.x)*t.a),n=.5*(this.options.height-(this.viewBox.height+2*this.viewBox.y)*t.a);t.e=o,t.f=n}return this.originalState.zoom=t.a,this.originalState.x=t.e,this.originalState.y=t.f,t},s.prototype.getOriginalState=function(){return i.extend({},this.originalState)},s.prototype.getState=function(){return i.extend({},this.activeState)},s.prototype.getZoom=function(){return this.activeState.zoom},s.prototype.getRelativeZoom=function(){return this.activeState.zoom/this.originalState.zoom},s.prototype.computeRelativeZoom=function(t){return t/this.originalState.zoom},s.prototype.getPan=function(){return{x:this.activeState.x,y:this.activeState.y}},s.prototype.getCTM=function(){var t=this.options.svg.createSVGMatrix();return t.a=this.activeState.zoom,t.b=0,t.c=0,t.d=this.activeState.zoom,t.e=this.activeState.x,t.f=this.activeState.y,t},s.prototype.setCTM=function(t){var e=this.isZoomDifferent(t),o=this.isPanDifferent(t);if(e||o){if(e&&(this.options.beforeZoom(this.getRelativeZoom(),this.computeRelativeZoom(t.a))===!1?(t.a=t.d=this.activeState.zoom,e=!1):(this.updateCache(t),this.options.onZoom(this.getRelativeZoom()))),o){var n=this.options.beforePan(this.getPan(),{x:t.e,y:t.f}),s=!1,r=!1;n===!1?(t.e=this.getPan().x,t.f=this.getPan().y,s=r=!0):i.isObject(n)&&(n.x===!1?(t.e=this.getPan().x,s=!0):i.isNumber(n.x)&&(t.e=n.x),n.y===!1?(t.f=this.getPan().y,r=!0):i.isNumber(n.y)&&(t.f=n.y)),s&&r||!this.isPanDifferent(t)?o=!1:(this.updateCache(t),this.options.onPan(this.getPan()))}(e||o)&&this.updateCTMOnNextFrame()}},s.prototype.isZoomDifferent=function(t){return this.activeState.zoom!==t.a},s.prototype.isPanDifferent=function(t){return this.activeState.x!==t.e||this.activeState.y!==t.f},s.prototype.updateCache=function(t){this.activeState.zoom=t.a,this.activeState.x=t.e,this.activeState.y=t.f},s.prototype.pendingUpdate=!1,s.prototype.updateCTMOnNextFrame=function(){this.pendingUpdate||(this.pendingUpdate=!0,this.requestAnimationFrame.call(window,this.updateCTMCached))},s.prototype.updateCTM=function(){var t=this.getCTM();n.setCTM(this.viewport,t,this.defs),this.pendingUpdate=!1,this.options.onUpdatedCTM&&this.options.onUpdatedCTM(t)},e.exports=function(t,e){return new s(t,e)}},{"./svg-utilities":5,"./utilities":7}],4:[function(t,e,o){var n=t("./uniwheel"),i=t("./control-icons"),s=t("./utilities"),r=t("./svg-utilities"),a=t("./shadow-viewport"),l=function(t,e){this.init(t,e)},u={viewportSelector:".svg-pan-zoom_viewport",panEnabled:!0,controlIconsEnabled:!1,zoomEnabled:!0,dblClickZoomEnabled:!0,mouseWheelZoomEnabled:!0,preventMouseEventsDefault:!0,zoomScaleSensitivity:.1,minZoom:.5,maxZoom:10,fit:!0,contain:!1,center:!0,refreshRate:"auto",beforeZoom:null,onZoom:null,beforePan:null,onPan:null,customEventsHandler:null,eventsListenerElement:null,onUpdatedCTM:null},h={passive:!0};l.prototype.init=function(t,e){var o=this;this.svg=t,this.defs=t.querySelector("defs"),r.setupSvgAttributes(this.svg),this.options=s.extend(s.extend({},u),e),this.state="none";var n=r.getBoundingClientRectNormalized(t);this.width=n.width,this.height=n.height,this.viewport=a(r.getOrCreateViewport(this.svg,this.options.viewportSelector),{svg:this.svg,width:this.width,height:this.height,fit:this.options.fit,contain:this.options.contain,center:this.options.center,refreshRate:this.options.refreshRate,beforeZoom:function(t,e){if(o.viewport&&o.options.beforeZoom)return o.options.beforeZoom(t,e)},onZoom:function(t){if(o.viewport&&o.options.onZoom)return o.options.onZoom(t)},beforePan:function(t,e){if(o.viewport&&o.options.beforePan)return o.options.beforePan(t,e)},onPan:function(t){if(o.viewport&&o.options.onPan)return o.options.onPan(t)},onUpdatedCTM:function(t){if(o.viewport&&o.options.onUpdatedCTM)return o.options.onUpdatedCTM(t)}});var l=this.getPublicInstance();l.setBeforeZoom(this.options.beforeZoom),l.setOnZoom(this.options.onZoom),l.setBeforePan(this.options.beforePan),l.setOnPan(this.options.onPan),l.setOnUpdatedCTM(this.options.onUpdatedCTM),this.options.controlIconsEnabled&&i.enable(this),this.lastMouseWheelEventTime=Date.now(),this.setupHandlers()},l.prototype.setupHandlers=function(){var t=this,e=null;if(this.eventListeners={mousedown:function(o){var n=t.handleMouseDown(o,e);return e=o,n},touchstart:function(o){var n=t.handleMouseDown(o,e);return e=o,n},mouseup:function(e){return t.handleMouseUp(e)},touchend:function(e){return t.handleMouseUp(e)},mousemove:function(e){return t.handleMouseMove(e)},touchmove:function(e){return t.handleMouseMove(e)},mouseleave:function(e){return t.handleMouseUp(e)},touchleave:function(e){return t.handleMouseUp(e)},touchcancel:function(e){return t.handleMouseUp(e)}},null!=this.options.customEventsHandler){this.options.customEventsHandler.init({svgElement:this.svg,eventsListenerElement:this.options.eventsListenerElement,instance:this.getPublicInstance()});var o=this.options.customEventsHandler.haltEventListeners;if(o&&o.length)for(var n=o.length-1;n>=0;n--)this.eventListeners.hasOwnProperty(o[n])&&delete this.eventListeners[o[n]]}for(var i in this.eventListeners)(this.options.eventsListenerElement||this.svg).addEventListener(i,this.eventListeners[i],!this.options.preventMouseEventsDefault&&h);this.options.mouseWheelZoomEnabled&&(this.options.mouseWheelZoomEnabled=!1,this.enableMouseWheelZoom())},l.prototype.enableMouseWheelZoom=function(){if(!this.options.mouseWheelZoomEnabled){var t=this;this.wheelListener=function(e){return t.handleMouseWheel(e)};var e=!this.options.preventMouseEventsDefault;n.on(this.options.eventsListenerElement||this.svg,this.wheelListener,e),this.options.mouseWheelZoomEnabled=!0}},l.prototype.disableMouseWheelZoom=function(){if(this.options.mouseWheelZoomEnabled){var t=!this.options.preventMouseEventsDefault;n.off(this.options.eventsListenerElement||this.svg,this.wheelListener,t),this.options.mouseWheelZoomEnabled=!1}},l.prototype.handleMouseWheel=function(t){if(this.options.zoomEnabled&&"none"===this.state){this.options.preventMouseEventsDefault&&(t.preventDefault?t.preventDefault():t.returnValue=!1);var e=t.deltaY||1,o=Date.now()-this.lastMouseWheelEventTime,n=3+Math.max(0,30-o);this.lastMouseWheelEventTime=Date.now(),"deltaMode"in t&&0===t.deltaMode&&t.wheelDelta&&(e=0===t.deltaY?0:Math.abs(t.wheelDelta)/t.deltaY),e=-.3<e&&e<.3?e:(e>0?1:-1)*Math.log(Math.abs(e)+10)/n;var i=this.svg.getScreenCTM().inverse(),s=r.getEventPoint(t,this.svg).matrixTransform(i),a=Math.pow(1+this.options.zoomScaleSensitivity,-1*e);this.zoomAtPoint(a,s)}},l.prototype.zoomAtPoint=function(t,e,o){var n=this.viewport.getOriginalState();o?(t=Math.max(this.options.minZoom*n.zoom,Math.min(this.options.maxZoom*n.zoom,t)),t/=this.getZoom()):this.getZoom()*t<this.options.minZoom*n.zoom?t=this.options.minZoom*n.zoom/this.getZoom():this.getZoom()*t>this.options.maxZoom*n.zoom&&(t=this.options.maxZoom*n.zoom/this.getZoom());var i=this.viewport.getCTM(),s=e.matrixTransform(i.inverse()),r=this.svg.createSVGMatrix().translate(s.x,s.y).scale(t).translate(-s.x,-s.y),a=i.multiply(r);a.a!==i.a&&this.viewport.setCTM(a)},l.prototype.zoom=function(t,e){this.zoomAtPoint(t,r.getSvgCenterPoint(this.svg,this.width,this.height),e)},l.prototype.publicZoom=function(t,e){e&&(t=this.computeFromRelativeZoom(t)),this.zoom(t,e)},l.prototype.publicZoomAtPoint=function(t,e,o){if(o&&(t=this.computeFromRelativeZoom(t)),"SVGPoint"!==s.getType(e)){if(!("x"in e&&"y"in e))throw new Error("Given point is invalid");e=r.createSVGPoint(this.svg,e.x,e.y)}this.zoomAtPoint(t,e,o)},l.prototype.getZoom=function(){return this.viewport.getZoom()},l.prototype.getRelativeZoom=function(){return this.viewport.getRelativeZoom()},l.prototype.computeFromRelativeZoom=function(t){return t*this.viewport.getOriginalState().zoom},l.prototype.resetZoom=function(){var t=this.viewport.getOriginalState();this.zoom(t.zoom,!0)},l.prototype.resetPan=function(){this.pan(this.viewport.getOriginalState())},l.prototype.reset=function(){this.resetZoom(),this.resetPan()},l.prototype.handleDblClick=function(t){if(this.options.preventMouseEventsDefault&&(t.preventDefault?t.preventDefault():t.returnValue=!1),this.options.controlIconsEnabled){var e=t.target.getAttribute("class")||"";if(e.indexOf("svg-pan-zoom-control")>-1)return!1}var o;o=t.shiftKey?1/(2*(1+this.options.zoomScaleSensitivity)):2*(1+this.options.zoomScaleSensitivity);var n=r.getEventPoint(t,this.svg).matrixTransform(this.svg.getScreenCTM().inverse());this.zoomAtPoint(o,n)},l.prototype.handleMouseDown=function(t,e){this.options.preventMouseEventsDefault&&(t.preventDefault?t.preventDefault():t.returnValue=!1),s.mouseAndTouchNormalize(t,this.svg),this.options.dblClickZoomEnabled&&s.isDblClick(t,e)?this.handleDblClick(t):(this.state="pan",this.firstEventCTM=this.viewport.getCTM(),this.stateOrigin=r.getEventPoint(t,this.svg).matrixTransform(this.firstEventCTM.inverse()))},l.prototype.handleMouseMove=function(t){if(this.options.preventMouseEventsDefault&&(t.preventDefault?t.preventDefault():t.returnValue=!1),"pan"===this.state&&this.options.panEnabled){var e=r.getEventPoint(t,this.svg).matrixTransform(this.firstEventCTM.inverse()),o=this.firstEventCTM.translate(e.x-this.stateOrigin.x,e.y-this.stateOrigin.y);this.viewport.setCTM(o)}},l.prototype.handleMouseUp=function(t){this.options.preventMouseEventsDefault&&(t.preventDefault?t.preventDefault():t.returnValue=!1),"pan"===this.state&&(this.state="none")},l.prototype.fit=function(){var t=this.viewport.getViewBox(),e=Math.min(this.width/t.width,this.height/t.height);this.zoom(e,!0)},l.prototype.contain=function(){var t=this.viewport.getViewBox(),e=Math.max(this.width/t.width,this.height/t.height);this.zoom(e,!0)},l.prototype.center=function(){var t=this.viewport.getViewBox(),e=.5*(this.width-(t.width+2*t.x)*this.getZoom()),o=.5*(this.height-(t.height+2*t.y)*this.getZoom());this.getPublicInstance().pan({x:e,y:o})},l.prototype.updateBBox=function(){this.viewport.simpleViewBoxCache()},l.prototype.pan=function(t){var e=this.viewport.getCTM();e.e=t.x,e.f=t.y,this.viewport.setCTM(e)},l.prototype.panBy=function(t){var e=this.viewport.getCTM();e.e+=t.x,e.f+=t.y,this.viewport.setCTM(e)},l.prototype.getPan=function(){var t=this.viewport.getState();return{x:t.x,y:t.y}},l.prototype.resize=function(){var t=r.getBoundingClientRectNormalized(this.svg);this.width=t.width,this.height=t.height;var e=this.viewport;e.options.width=this.width,e.options.height=this.height,e.processCTM(),this.options.controlIconsEnabled&&(this.getPublicInstance().disableControlIcons(),this.getPublicInstance().enableControlIcons())},l.prototype.destroy=function(){var t=this;this.beforeZoom=null,this.onZoom=null,this.beforePan=null,this.onPan=null,this.onUpdatedCTM=null,null!=this.options.customEventsHandler&&this.options.customEventsHandler.destroy({svgElement:this.svg,eventsListenerElement:this.options.eventsListenerElement,instance:this.getPublicInstance()});for(var e in this.eventListeners)(this.options.eventsListenerElement||this.svg).removeEventListener(e,this.eventListeners[e],!this.options.preventMouseEventsDefault&&h);this.disableMouseWheelZoom(),this.getPublicInstance().disableControlIcons(),this.reset(),c=c.filter(function(e){return e.svg!==t.svg}),delete this.options,delete this.viewport,delete this.publicInstance,delete this.pi,this.getPublicInstance=function(){return null}},l.prototype.getPublicInstance=function(){var t=this;return this.publicInstance||(this.publicInstance=this.pi={enablePan:function(){return t.options.panEnabled=!0,t.pi},disablePan:function(){return t.options.panEnabled=!1,t.pi},isPanEnabled:function(){return!!t.options.panEnabled},pan:function(e){return t.pan(e),t.pi},panBy:function(e){return t.panBy(e),t.pi},getPan:function(){return t.getPan()},setBeforePan:function(e){return t.options.beforePan=null===e?null:s.proxy(e,t.publicInstance),t.pi},setOnPan:function(e){return t.options.onPan=null===e?null:s.proxy(e,t.publicInstance),t.pi},enableZoom:function(){return t.options.zoomEnabled=!0,t.pi},disableZoom:function(){return t.options.zoomEnabled=!1,t.pi},isZoomEnabled:function(){return!!t.options.zoomEnabled},enableControlIcons:function(){return t.options.controlIconsEnabled||(t.options.controlIconsEnabled=!0,i.enable(t)),t.pi},disableControlIcons:function(){return t.options.controlIconsEnabled&&(t.options.controlIconsEnabled=!1,i.disable(t)),t.pi},isControlIconsEnabled:function(){return!!t.options.controlIconsEnabled},enableDblClickZoom:function(){return t.options.dblClickZoomEnabled=!0,t.pi},disableDblClickZoom:function(){return t.options.dblClickZoomEnabled=!1,t.pi},isDblClickZoomEnabled:function(){return!!t.options.dblClickZoomEnabled},enableMouseWheelZoom:function(){return t.enableMouseWheelZoom(),t.pi},disableMouseWheelZoom:function(){return t.disableMouseWheelZoom(),t.pi},isMouseWheelZoomEnabled:function(){return!!t.options.mouseWheelZoomEnabled},setZoomScaleSensitivity:function(e){return t.options.zoomScaleSensitivity=e,t.pi},setMinZoom:function(e){return t.options.minZoom=e,t.pi},setMaxZoom:function(e){return t.options.maxZoom=e,t.pi},setBeforeZoom:function(e){return t.options.beforeZoom=null===e?null:s.proxy(e,t.publicInstance),t.pi},setOnZoom:function(e){return t.options.onZoom=null===e?null:s.proxy(e,t.publicInstance),t.pi},zoom:function(e){return t.publicZoom(e,!0),t.pi},zoomBy:function(e){return t.publicZoom(e,!1),t.pi},zoomAtPoint:function(e,o){return t.publicZoomAtPoint(e,o,!0),t.pi},zoomAtPointBy:function(e,o){return t.publicZoomAtPoint(e,o,!1),t.pi},zoomIn:function(){return this.zoomBy(1+t.options.zoomScaleSensitivity),t.pi},zoomOut:function(){return this.zoomBy(1/(1+t.options.zoomScaleSensitivity)),t.pi},getZoom:function(){return t.getRelativeZoom()},setOnUpdatedCTM:function(e){return t.options.onUpdatedCTM=null===e?null:s.proxy(e,t.publicInstance),t.pi},resetZoom:function(){return t.resetZoom(),t.pi},resetPan:function(){return t.resetPan(),t.pi},reset:function(){return t.reset(),t.pi},fit:function(){return t.fit(),t.pi},contain:function(){return t.contain(),t.pi},center:function(){return t.center(),t.pi},updateBBox:function(){return t.updateBBox(),t.pi},resize:function(){return t.resize(),t.pi},getSizes:function(){return{width:t.width,height:t.height,realZoom:t.getZoom(),viewBox:t.viewport.getViewBox()}},destroy:function(){return t.destroy(),t.pi}}),this.publicInstance};var c=[],p=function(t,e){var o=s.getSvg(t);if(null===o)return null;for(var n=c.length-1;n>=0;n--)if(c[n].svg===o)return c[n].instance.getPublicInstance();return c.push({svg:o,instance:new l(o,e)}),c[c.length-1].instance.getPublicInstance()};e.exports=p},{"./control-icons":2,"./shadow-viewport":3,"./svg-utilities":5,"./uniwheel":6,"./utilities":7}],5:[function(t,e,o){var n=t("./utilities"),i="unknown";document.documentMode&&(i="ie"),e.exports={svgNS:"http://www.w3.org/2000/svg",xmlNS:"http://www.w3.org/XML/1998/namespace",xmlnsNS:"http://www.w3.org/2000/xmlns/",xlinkNS:"http://www.w3.org/1999/xlink",evNS:"http://www.w3.org/2001/xml-events",getBoundingClientRectNormalized:function(t){if(t.clientWidth&&t.clientHeight)return{width:t.clientWidth,height:t.clientHeight};if(t.getBoundingClientRect())return t.getBoundingClientRect();throw new Error("Cannot get BoundingClientRect for SVG.")},getOrCreateViewport:function(t,e){var o=null;if(o=n.isElement(e)?e:t.querySelector(e),!o){var i=Array.prototype.slice.call(t.childNodes||t.children).filter(function(t){return"defs"!==t.nodeName&&"#text"!==t.nodeName});1===i.length&&"g"===i[0].nodeName&&null===i[0].getAttribute("transform")&&(o=i[0])}if(!o){var s="viewport-"+(new Date).toISOString().replace(/\D/g,"");o=document.createElementNS(this.svgNS,"g"),o.setAttribute("id",s);var r=t.childNodes||t.children;if(r&&r.length>0)for(var a=r.length;a>0;a--)"defs"!==r[r.length-a].nodeName&&o.appendChild(r[r.length-a]);t.appendChild(o)}var l=[];return o.getAttribute("class")&&(l=o.getAttribute("class").split(" ")),~l.indexOf("svg-pan-zoom_viewport")||(l.push("svg-pan-zoom_viewport"),o.setAttribute("class",l.join(" "))),o},setupSvgAttributes:function(t){if(t.setAttribute("xmlns",this.svgNS),t.setAttributeNS(this.xmlnsNS,"xmlns:xlink",this.xlinkNS),t.setAttributeNS(this.xmlnsNS,"xmlns:ev",this.evNS),null!==t.parentNode){var e=t.getAttribute("style")||"";e.toLowerCase().indexOf("overflow")===-1&&t.setAttribute("style","overflow: hidden; "+e)}},internetExplorerRedisplayInterval:300,refreshDefsGlobal:n.throttle(function(){for(var t=document.querySelectorAll("defs"),e=t.length,o=0;o<e;o++){var n=t[o];n.parentNode.insertBefore(n,n)}},this?this.internetExplorerRedisplayInterval:null),setCTM:function(t,e,o){var n=this,s="matrix("+e.a+","+e.b+","+e.c+","+e.d+","+e.e+","+e.f+")";t.setAttributeNS(null,"transform",s),"transform"in t.style?t.style.transform=s:"-ms-transform"in t.style?t.style["-ms-transform"]=s:"-webkit-transform"in t.style&&(t.style["-webkit-transform"]=s),"ie"===i&&o&&(o.parentNode.insertBefore(o,o),window.setTimeout(function(){n.refreshDefsGlobal()},n.internetExplorerRedisplayInterval))},getEventPoint:function(t,e){var o=e.createSVGPoint();return n.mouseAndTouchNormalize(t,e),o.x=t.clientX,o.y=t.clientY,o},getSvgCenterPoint:function(t,e,o){return this.createSVGPoint(t,e/2,o/2)},createSVGPoint:function(t,e,o){var n=t.createSVGPoint();return n.x=e,n.y=o,n}}},{"./utilities":7}],6:[function(t,e,o){e.exports=function(){function t(t,e){var o=function(t){!t&&(t=window.event);var o={originalEvent:t,target:t.target||t.srcElement,type:"wheel",deltaMode:"MozMousePixelScroll"==t.type?0:1,deltaX:0,delatZ:0,preventDefault:function(){t.preventDefault?t.preventDefault():t.returnValue=!1}};return"mousewheel"==u?(o.deltaY=-.025*t.wheelDelta,t.wheelDeltaX&&(o.deltaX=-.025*t.wheelDeltaX)):o.deltaY=t.detail,e(o)};return c.push({element:t,fn:o}),o}function e(t){for(var e=0;e<c.length;e++)if(c[e].element===t)return c[e].fn;return function(){}}function o(t){for(var e=0;e<c.length;e++)if(c[e].element===t)return c.splice(e,1)}function n(e,o,n,i){var s;s="wheel"===u?n:t(e,n),e[a](h+o,s,!!i&&p)}function i(t,n,i,s){var r;r="wheel"===u?i:e(t),t[l](h+n,r,!!s&&p),o(t)}function s(t,e,o){n(t,u,e,o),"DOMMouseScroll"==u&&n(t,"MozMousePixelScroll",e,o)}function r(t,e,o){i(t,u,e,o),"DOMMouseScroll"==u&&i(t,"MozMousePixelScroll",e,o)}var a,l,u,h="",c=[],p={passive:!0};return window.addEventListener?(a="addEventListener",l="removeEventListener"):(a="attachEvent",l="detachEvent",h="on"),u="onwheel"in document.createElement("div")?"wheel":void 0!==document.onmousewheel?"mousewheel":"DOMMouseScroll",{on:s,off:r}}()},{}],7:[function(t,e,o){function n(t){return function(e){window.setTimeout(e,t)}}e.exports={extend:function(t,e){t=t||{};for(var o in e)this.isObject(e[o])?t[o]=this.extend(t[o],e[o]):t[o]=e[o];return t},isElement:function(t){return t instanceof HTMLElement||t instanceof SVGElement||t instanceof SVGSVGElement||t&&"object"==typeof t&&null!==t&&1===t.nodeType&&"string"==typeof t.nodeName},isObject:function(t){return"[object Object]"===Object.prototype.toString.call(t)},isNumber:function(t){return!isNaN(parseFloat(t))&&isFinite(t)},getSvg:function(t){var e,o;if(this.isElement(t))e=t;else{if(!("string"==typeof t||t instanceof String))throw new Error("Provided selector is not an HTML object nor String");if(e=document.querySelector(t),!e)throw new Error("Provided selector did not find any elements. Selector: "+t)}if("svg"===e.tagName.toLowerCase())o=e;else if("object"===e.tagName.toLowerCase())o=e.contentDocument.documentElement;else{if("embed"!==e.tagName.toLowerCase())throw"img"===e.tagName.toLowerCase()?new Error('Cannot script an SVG in an "img" element. Please use an "object" element or an in-line SVG.'):new Error("Cannot get SVG.");o=e.getSVGDocument().documentElement}return o},proxy:function(t,e){return function(){return t.apply(e,arguments)}},getType:function(t){return Object.prototype.toString.apply(t).replace(/^\[object\s/,"").replace(/\]$/,"")},mouseAndTouchNormalize:function(t,e){if(void 0===t.clientX||null===t.clientX)if(t.clientX=0,t.clientY=0,void 0!==t.touches&&t.touches.length){if(void 0!==t.touches[0].clientX)t.clientX=t.touches[0].clientX,t.clientY=t.touches[0].clientY;else if(void 0!==t.touches[0].pageX){var o=e.getBoundingClientRect();t.clientX=t.touches[0].pageX-o.left,t.clientY=t.touches[0].pageY-o.top}}else void 0!==t.originalEvent&&void 0!==t.originalEvent.clientX&&(t.clientX=t.originalEvent.clientX,t.clientY=t.originalEvent.clientY)},isDblClick:function(t,e){if(2===t.detail)return!0;if(void 0!==e&&null!==e){var o=t.timeStamp-e.timeStamp,n=Math.sqrt(Math.pow(t.clientX-e.clientX,2)+Math.pow(t.clientY-e.clientY,2));return o<250&&n<10}return!1},now:Date.now||function(){return(new Date).getTime()},throttle:function(t,e,o){var n,i,s,r=this,a=null,l=0;o||(o={});var u=function(){l=o.leading===!1?0:r.now(),a=null,s=t.apply(n,i),a||(n=i=null)};return function(){var h=r.now();l||o.leading!==!1||(l=h);var c=e-(h-l);return n=this,i=arguments,c<=0||c>e?(clearTimeout(a),a=null,l=h,s=t.apply(n,i),a||(n=i=null)):a||o.trailing===!1||(a=setTimeout(u,c)),s}},createRequestAnimationFrame:function(t){var e=null;return"auto"!==t&&t<60&&t>1&&(e=Math.floor(1e3/t)),null===e?window.requestAnimationFrame||n(33):n(e)}}},{}]},{},[1]);
\ No newline at end of file
diff --git a/documentation/js/libs/tablesort.min.js b/documentation/js/libs/tablesort.min.js
deleted file mode 100644
index 09de2aed..00000000
--- a/documentation/js/libs/tablesort.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * tablesort v5.1.0 (2018-09-14)
- * http://tristen.ca/tablesort/demo/
- * Copyright (c) 2018 ; Licensed MIT
-*/
-!function(){function a(b,c){if(!(this instanceof a))return new a(b,c);if(!b||"TABLE"!==b.tagName)throw new Error("Element must be a table");this.init(b,c||{})}var b=[],c=function(a){var b;return window.CustomEvent&&"function"==typeof window.CustomEvent?b=new CustomEvent(a):(b=document.createEvent("CustomEvent"),b.initCustomEvent(a,!1,!1,void 0)),b},d=function(a){return a.getAttribute("data-sort")||a.textContent||a.innerText||""},e=function(a,b){return a=a.trim().toLowerCase(),b=b.trim().toLowerCase(),a===b?0:a<b?1:-1},f=function(a,b){return function(c,d){var e=a(c.td,d.td);return 0===e?b?d.index-c.index:c.index-d.index:e}};a.extend=function(a,c,d){if("function"!=typeof c||"function"!=typeof d)throw new Error("Pattern and sort must be a function");b.push({name:a,pattern:c,sort:d})},a.prototype={init:function(a,b){var c,d,e,f,g=this;if(g.table=a,g.thead=!1,g.options=b,a.rows&&a.rows.length>0)if(a.tHead&&a.tHead.rows.length>0){for(e=0;e<a.tHead.rows.length;e++)if("thead"===a.tHead.rows[e].getAttribute("data-sort-method")){c=a.tHead.rows[e];break}c||(c=a.tHead.rows[a.tHead.rows.length-1]),g.thead=!0}else c=a.rows[0];if(c){var h=function(){g.current&&g.current!==this&&g.current.removeAttribute("aria-sort"),g.current=this,g.sortTable(this)};for(e=0;e<c.cells.length;e++)f=c.cells[e],f.setAttribute("role","columnheader"),"none"!==f.getAttribute("data-sort-method")&&(f.tabindex=0,f.addEventListener("click",h,!1),null!==f.getAttribute("data-sort-default")&&(d=f));d&&(g.current=d,g.sortTable(d))}},sortTable:function(a,g){var h=this,i=a.cellIndex,j=e,k="",l=[],m=h.thead?0:1,n=a.getAttribute("data-sort-method"),o=a.getAttribute("aria-sort");if(h.table.dispatchEvent(c("beforeSort")),g||(o="ascending"===o?"descending":"descending"===o?"ascending":h.options.descending?"descending":"ascending",a.setAttribute("aria-sort",o)),!(h.table.rows.length<2)){if(!n){for(;l.length<3&&m<h.table.tBodies[0].rows.length;)k=d(h.table.tBodies[0].rows[m].cells[i]),k=k.trim(),k.length>0&&l.push(k),m++;if(!l)return}for(m=0;m<b.length;m++)if(k=b[m],n){if(k.name===n){j=k.sort;break}}else if(l.every(k.pattern)){j=k.sort;break}for(h.col=i,m=0;m<h.table.tBodies.length;m++){var p,q=[],r={},s=0,t=0;if(!(h.table.tBodies[m].rows.length<2)){for(p=0;p<h.table.tBodies[m].rows.length;p++)k=h.table.tBodies[m].rows[p],"none"===k.getAttribute("data-sort-method")?r[s]=k:q.push({tr:k,td:d(k.cells[h.col]),index:s}),s++;for("descending"===o?q.sort(f(j,!0)):(q.sort(f(j,!1)),q.reverse()),p=0;p<s;p++)r[p]?(k=r[p],t++):k=q[p-t].tr,h.table.tBodies[m].appendChild(k)}}h.table.dispatchEvent(c("afterSort"))}},refresh:function(){void 0!==this.current&&this.sortTable(this.current,!0)}},"undefined"!=typeof module&&module.exports?module.exports=a:window.Tablesort=a}();
\ No newline at end of file
diff --git a/documentation/js/libs/tablesort.number.min.js b/documentation/js/libs/tablesort.number.min.js
deleted file mode 100644
index f700dc12..00000000
--- a/documentation/js/libs/tablesort.number.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * tablesort v5.1.0 (2018-09-14)
- * http://tristen.ca/tablesort/demo/
- * Copyright (c) 2018 ; Licensed MIT
-*/
-!function(){var a=function(a){return a.replace(/[^\-?0-9.]/g,"")},b=function(a,b){return a=parseFloat(a),b=parseFloat(b),a=isNaN(a)?0:a,b=isNaN(b)?0:b,a-b};Tablesort.extend("number",function(a){return a.match(/^[-+]?[£\x24Û¢´€]?\d+\s*([,\.]\d{0,2})/)||a.match(/^[-+]?\d+\s*([,\.]\d{0,2})?[£\x24Û¢´€]/)||a.match(/^[-+]?(\d)*-?([,\.]){0,1}-?(\d)+([E,e][\-+][\d]+)?%?$/)},function(c,d){return c=a(c),d=a(d),b(d,c)})}();
\ No newline at end of file
diff --git a/documentation/js/libs/vis.min.js b/documentation/js/libs/vis.min.js
deleted file mode 100644
index ab3758a0..00000000
--- a/documentation/js/libs/vis.min.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * vis.js
- * https://github.com/almende/vis
- *
- * A dynamic, browser-based visualization library.
- *
- * @version 4.20.1-SNAPSHOT
- * @date    2017-10-12
- *
- * @license
- * Copyright (C) 2011-2017 Almende B.V, http://almende.com
- *
- * Vis.js is dual licensed under both
- *
- * * The Apache 2.0 License
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * and
- *
- * * The MIT License
- *   http://opensource.org/licenses/MIT
- *
- * Vis.js may be distributed under either license.
- */
-"use strict";!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.vis=e():t.vis=e()}(this,function(){return function(t){function e(o){if(i[o])return i[o].exports;var n=i[o]={i:o,l:!1,exports:{}};return t[o].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var i={};return e.m=t,e.c=i,e.d=function(t,i,o){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=123)}([function(t,e,i){e.__esModule=!0,e.default=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},function(t,e,i){e.__esModule=!0;var o=i(169),n=function(t){return t&&t.__esModule?t:{default:t}}(o);e.default=function(){function t(t,e){for(var i=0;i<e.length;i++){var o=e[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),(0,n.default)(t,o.key,o)}}return function(e,i,o){return i&&t(e.prototype,i),o&&t(e,o),e}}()},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}function n(t,e,i,o){var n=!1;!0===o&&(n=null===e[i]&&void 0!==t[i]),n?delete t[i]:t[i]=e[i]}var s=i(77),r=o(s),a=i(29),h=o(a),d=i(8),l=o(d),u=i(6),c=o(u),p=i(9),f=i(157);e.isNumber=function(t){return t instanceof Number||"number"==typeof t},e.recursiveDOMDelete=function(t){if(t)for(;!0===t.hasChildNodes();)e.recursiveDOMDelete(t.firstChild),t.removeChild(t.firstChild)},e.giveRange=function(t,e,i,o){if(e==t)return.5;var n=1/(e-t);return Math.max(0,(o-t)*n)},e.isString=function(t){return t instanceof String||"string"==typeof t},e.isDate=function(t){if(t instanceof Date)return!0;if(e.isString(t)){if(m.exec(t))return!0;if(!isNaN(Date.parse(t)))return!0}return!1},e.randomUUID=function(){return f.v4()},e.assignAllKeys=function(t,e){for(var i in t)t.hasOwnProperty(i)&&"object"!==(0,c.default)(t[i])&&(t[i]=e)},e.fillIfDefined=function(t,i){var o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];for(var s in t)void 0!==i[s]&&(null===i[s]||"object"!==(0,c.default)(i[s])?n(t,i,s,o):"object"===(0,c.default)(t[s])&&e.fillIfDefined(t[s],i[s],o))},e.extend=function(t,e){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var n in o)o.hasOwnProperty(n)&&(t[n]=o[n])}return t},e.selectiveExtend=function(t,e,i){if(!Array.isArray(t))throw new Error("Array with property names expected as first argument");for(var o=2;o<arguments.length;o++)for(var n=arguments[o],s=0;s<t.length;s++){var r=t[s];n&&n.hasOwnProperty(r)&&(e[r]=n[r])}return e},e.selectiveDeepExtend=function(t,i,o){var s=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(Array.isArray(o))throw new TypeError("Arrays are not supported by deepExtend");for(var r=0;r<t.length;r++){var a=t[r];if(o.hasOwnProperty(a))if(o[a]&&o[a].constructor===Object)void 0===i[a]&&(i[a]={}),i[a].constructor===Object?e.deepExtend(i[a],o[a],!1,s):n(i,o,a,s);else{if(Array.isArray(o[a]))throw new TypeError("Arrays are not supported by deepExtend");n(i,o,a,s)}}return i},e.selectiveNotDeepExtend=function(t,i,o){var s=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(Array.isArray(o))throw new TypeError("Arrays are not supported by deepExtend");for(var r in o)if(o.hasOwnProperty(r)&&-1===t.indexOf(r))if(o[r]&&o[r].constructor===Object)void 0===i[r]&&(i[r]={}),i[r].constructor===Object?e.deepExtend(i[r],o[r]):n(i,o,r,s);else if(Array.isArray(o[r])){i[r]=[];for(var a=0;a<o[r].length;a++)i[r].push(o[r][a])}else n(i,o,r,s);return i},e.deepExtend=function(t,i){var o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],s=arguments.length>3&&void 0!==arguments[3]&&arguments[3];for(var r in i)if(i.hasOwnProperty(r)||!0===o)if(i[r]&&i[r].constructor===Object)void 0===t[r]&&(t[r]={}),t[r].constructor===Object?e.deepExtend(t[r],i[r],o):n(t,i,r,s);else if(Array.isArray(i[r])){t[r]=[];for(var a=0;a<i[r].length;a++)t[r].push(i[r][a])}else n(t,i,r,s);return t},e.equalArray=function(t,e){if(t.length!=e.length)return!1;for(var i=0,o=t.length;i<o;i++)if(t[i]!=e[i])return!1;return!0},e.convert=function(t,i){var o;if(void 0!==t){if(null===t)return null;if(!i)return t;if("string"!=typeof i&&!(i instanceof String))throw new Error("Type must be a string");switch(i){case"boolean":case"Boolean":return Boolean(t);case"number":case"Number":return e.isString(t)&&!isNaN(Date.parse(t))?p(t).valueOf():Number(t.valueOf());case"string":case"String":return String(t);case"Date":if(e.isNumber(t))return new Date(t);if(t instanceof Date)return new Date(t.valueOf());if(p.isMoment(t))return new Date(t.valueOf());if(e.isString(t))return o=m.exec(t),o?new Date(Number(o[1])):p(new Date(t)).toDate();throw new Error("Cannot convert object of type "+e.getType(t)+" to type Date");case"Moment":if(e.isNumber(t))return p(t);if(t instanceof Date)return p(t.valueOf());if(p.isMoment(t))return p(t);if(e.isString(t))return o=m.exec(t),p(o?Number(o[1]):t);throw new Error("Cannot convert object of type "+e.getType(t)+" to type Date");case"ISODate":if(e.isNumber(t))return new Date(t);if(t instanceof Date)return t.toISOString();if(p.isMoment(t))return t.toDate().toISOString();if(e.isString(t))return o=m.exec(t),o?new Date(Number(o[1])).toISOString():p(t).format();throw new Error("Cannot convert object of type "+e.getType(t)+" to type ISODate");case"ASPDate":if(e.isNumber(t))return"/Date("+t+")/";if(t instanceof Date)return"/Date("+t.valueOf()+")/";if(e.isString(t)){o=m.exec(t);return"/Date("+(o?new Date(Number(o[1])).valueOf():new Date(t).valueOf())+")/"}throw new Error("Cannot convert object of type "+e.getType(t)+" to type ASPDate");default:throw new Error('Unknown type "'+i+'"')}}};var m=/^\/?Date\((\-?\d+)/i;e.getType=function(t){var e=void 0===t?"undefined":(0,c.default)(t);return"object"==e?null===t?"null":t instanceof Boolean?"Boolean":t instanceof Number?"Number":t instanceof String?"String":Array.isArray(t)?"Array":t instanceof Date?"Date":"Object":"number"==e?"Number":"boolean"==e?"Boolean":"string"==e?"String":void 0===e?"undefined":e},e.copyAndExtendArray=function(t,e){for(var i=[],o=0;o<t.length;o++)i.push(t[o]);return i.push(e),i},e.copyArray=function(t){for(var e=[],i=0;i<t.length;i++)e.push(t[i]);return e},e.getAbsoluteLeft=function(t){return t.getBoundingClientRect().left},e.getAbsoluteRight=function(t){return t.getBoundingClientRect().right},e.getAbsoluteTop=function(t){return t.getBoundingClientRect().top},e.addClassName=function(t,e){var i=t.className.split(" "),o=e.split(" ");i=i.concat(o.filter(function(t){return i.indexOf(t)<0})),t.className=i.join(" ")},e.removeClassName=function(t,e){var i=t.className.split(" "),o=e.split(" ");i=i.filter(function(t){return o.indexOf(t)<0}),t.className=i.join(" ")},e.forEach=function(t,e){var i,o;if(Array.isArray(t))for(i=0,o=t.length;i<o;i++)e(t[i],i,t);else for(i in t)t.hasOwnProperty(i)&&e(t[i],i,t)},e.toArray=function(t){var e=[];for(var i in t)t.hasOwnProperty(i)&&e.push(t[i]);return e},e.updateProperty=function(t,e,i){return t[e]!==i&&(t[e]=i,!0)},e.throttle=function(t){var e=!1;return function(){e||(e=!0,requestAnimationFrame(function(){e=!1,t()}))}},e.addEventListener=function(t,e,i,o){t.addEventListener?(void 0===o&&(o=!1),"mousewheel"===e&&navigator.userAgent.indexOf("Firefox")>=0&&(e="DOMMouseScroll"),t.addEventListener(e,i,o)):t.attachEvent("on"+e,i)},e.removeEventListener=function(t,e,i,o){t.removeEventListener?(void 0===o&&(o=!1),"mousewheel"===e&&navigator.userAgent.indexOf("Firefox")>=0&&(e="DOMMouseScroll"),t.removeEventListener(e,i,o)):t.detachEvent("on"+e,i)},e.preventDefault=function(t){t||(t=window.event),t.preventDefault?t.preventDefault():t.returnValue=!1},e.getTarget=function(t){t||(t=window.event);var e;return t.target?e=t.target:t.srcElement&&(e=t.srcElement),void 0!=e.nodeType&&3==e.nodeType&&(e=e.parentNode),e},e.hasParent=function(t,e){for(var i=t;i;){if(i===e)return!0;i=i.parentNode}return!1},e.option={},e.option.asBoolean=function(t,e){return"function"==typeof t&&(t=t()),null!=t?0!=t:e||null},e.option.asNumber=function(t,e){return"function"==typeof t&&(t=t()),null!=t?Number(t)||e||null:e||null},e.option.asString=function(t,e){return"function"==typeof t&&(t=t()),null!=t?String(t):e||null},e.option.asSize=function(t,i){return"function"==typeof t&&(t=t()),e.isString(t)?t:e.isNumber(t)?t+"px":i||null},e.option.asElement=function(t,e){return"function"==typeof t&&(t=t()),t||e||null},e.hexToRGB=function(t){var e=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;t=t.replace(e,function(t,e,i,o){return e+e+i+i+o+o});var i=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return i?{r:parseInt(i[1],16),g:parseInt(i[2],16),b:parseInt(i[3],16)}:null},e.overrideOpacity=function(t,i){var o;return-1!=t.indexOf("rgba")?t:-1!=t.indexOf("rgb")?(o=t.substr(t.indexOf("(")+1).replace(")","").split(","),"rgba("+o[0]+","+o[1]+","+o[2]+","+i+")"):(o=e.hexToRGB(t),null==o?t:"rgba("+o.r+","+o.g+","+o.b+","+i+")")},e.RGBToHex=function(t,e,i){return"#"+((1<<24)+(t<<16)+(e<<8)+i).toString(16).slice(1)},e.parseColor=function(t){var i;if(!0===e.isString(t)){if(!0===e.isValidRGB(t)){var o=t.substr(4).substr(0,t.length-5).split(",").map(function(t){return parseInt(t)});t=e.RGBToHex(o[0],o[1],o[2])}if(!0===e.isValidHex(t)){var n=e.hexToHSV(t),s={h:n.h,s:.8*n.s,v:Math.min(1,1.02*n.v)},r={h:n.h,s:Math.min(1,1.25*n.s),v:.8*n.v},a=e.HSVToHex(r.h,r.s,r.v),h=e.HSVToHex(s.h,s.s,s.v);i={background:t,border:a,highlight:{background:h,border:a},hover:{background:h,border:a}}}else i={background:t,border:t,highlight:{background:t,border:t},hover:{background:t,border:t}}}else i={},i.background=t.background||void 0,i.border=t.border||void 0,e.isString(t.highlight)?i.highlight={border:t.highlight,background:t.highlight}:(i.highlight={},i.highlight.background=t.highlight&&t.highlight.background||void 0,i.highlight.border=t.highlight&&t.highlight.border||void 0),e.isString(t.hover)?i.hover={border:t.hover,background:t.hover}:(i.hover={},i.hover.background=t.hover&&t.hover.background||void 0,i.hover.border=t.hover&&t.hover.border||void 0);return i},e.RGBToHSV=function(t,e,i){t/=255,e/=255,i/=255;var o=Math.min(t,Math.min(e,i)),n=Math.max(t,Math.max(e,i));if(o==n)return{h:0,s:0,v:o};var s=t==o?e-i:i==o?t-e:i-t;return{h:60*((t==o?3:i==o?1:5)-s/(n-o))/360,s:(n-o)/n,v:n}};var v={split:function(t){var e={};return t.split(";").forEach(function(t){if(""!=t.trim()){var i=t.split(":"),o=i[0].trim(),n=i[1].trim();e[o]=n}}),e},join:function(t){return(0,l.default)(t).map(function(e){return e+": "+t[e]}).join("; ")}};e.addCssText=function(t,i){var o=v.split(t.style.cssText),n=v.split(i),s=e.extend(o,n);t.style.cssText=v.join(s)},e.removeCssText=function(t,e){var i=v.split(t.style.cssText),o=v.split(e);for(var n in o)o.hasOwnProperty(n)&&delete i[n];t.style.cssText=v.join(i)},e.HSVToRGB=function(t,e,i){var o,n,s,r=Math.floor(6*t),a=6*t-r,h=i*(1-e),d=i*(1-a*e),l=i*(1-(1-a)*e);switch(r%6){case 0:o=i,n=l,s=h;break;case 1:o=d,n=i,s=h;break;case 2:o=h,n=i,s=l;break;case 3:o=h,n=d,s=i;break;case 4:o=l,n=h,s=i;break;case 5:o=i,n=h,s=d}return{r:Math.floor(255*o),g:Math.floor(255*n),b:Math.floor(255*s)}},e.HSVToHex=function(t,i,o){var n=e.HSVToRGB(t,i,o);return e.RGBToHex(n.r,n.g,n.b)},e.hexToHSV=function(t){var i=e.hexToRGB(t);return e.RGBToHSV(i.r,i.g,i.b)},e.isValidHex=function(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)},e.isValidRGB=function(t){return t=t.replace(" ",""),/rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/i.test(t)},e.isValidRGBA=function(t){return t=t.replace(" ",""),/rgba\((\d{1,3}),(\d{1,3}),(\d{1,3}),(.{1,3})\)/i.test(t)},e.selectiveBridgeObject=function(t,i){if(null!==i&&"object"===(void 0===i?"undefined":(0,c.default)(i))){for(var o=(0,h.default)(i),n=0;n<t.length;n++)i.hasOwnProperty(t[n])&&"object"==(0,c.default)(i[t[n]])&&(o[t[n]]=e.bridgeObject(i[t[n]]));return o}return null},e.bridgeObject=function(t){if(null!==t&&"object"===(void 0===t?"undefined":(0,c.default)(t))){var i=(0,h.default)(t);if(t instanceof Element)i=t;else{i=(0,h.default)(t);for(var o in t)t.hasOwnProperty(o)&&"object"==(0,c.default)(t[o])&&(i[o]=e.bridgeObject(t[o]))}return i}return null},e.insertSort=function(t,e){for(var i=0;i<t.length;i++){for(var o=t[i],n=i;n>0&&e(o,t[n-1])<0;n--)t[n]=t[n-1];t[n]=o}return t},e.mergeOptions=function(t,e,i){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=function(t){return null!==t&&void 0!==t},s=function(t){return null!==t&&"object"===(void 0===t?"undefined":(0,c.default)(t))};if(!s(t))throw new Error("Parameter mergeTarget must be an object");if(!s(e))throw new Error("Parameter options must be an object");if(!n(i))throw new Error("Parameter option must have a value");if(!s(o))throw new Error("Parameter globalOptions must be an object");var r=e[i],a=s(o)&&!function(t){for(var e in t)if(t.hasOwnProperty(e))return!1;return!0}(o),d=a?o[i]:void 0,l=d?d.enabled:void 0;if(void 0!==r){if("boolean"==typeof r)return s(t[i])||(t[i]={}),void(t[i].enabled=r);if(null===r&&!s(t[i])){if(!n(d))return;t[i]=(0,h.default)(d)}if(s(r)){var u=!0;void 0!==r.enabled?u=r.enabled:void 0!==l&&(u=d.enabled),function(t,e,i){s(t[i])||(t[i]={});var o=e[i],n=t[i];for(var r in o)o.hasOwnProperty(r)&&(n[r]=o[r])}(t,e,i),t[i].enabled=u}}},e.binarySearchCustom=function(t,e,i,o){for(var n=0,s=0,r=t.length-1;s<=r&&n<1e4;){var a=Math.floor((s+r)/2),h=t[a],d=void 0===o?h[i]:h[i][o],l=e(d);if(0==l)return a;-1==l?s=a+1:r=a-1,n++}return-1},e.binarySearchValue=function(t,e,i,o,n){var s,r,a,h,d=0,l=0,u=t.length-1;for(n=void 0!=n?n:function(t,e){return t==e?0:t<e?-1:1};l<=u&&d<1e4;){if(h=Math.floor(.5*(u+l)),s=t[Math.max(0,h-1)][i],r=t[h][i],a=t[Math.min(t.length-1,h+1)][i],0==n(r,e))return h;if(n(s,e)<0&&n(r,e)>0)return"before"==o?Math.max(0,h-1):h;if(n(r,e)<0&&n(a,e)>0)return"before"==o?h:Math.min(t.length-1,h+1);n(r,e)<0?l=h+1:u=h-1,d++}return-1},e.easingFunctions={linear:function(t){return t},easeInQuad:function(t){return t*t},easeOutQuad:function(t){return t*(2-t)},easeInOutQuad:function(t){return t<.5?2*t*t:(4-2*t)*t-1},easeInCubic:function(t){return t*t*t},easeOutCubic:function(t){return--t*t*t+1},easeInOutCubic:function(t){return t<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1},easeInQuart:function(t){return t*t*t*t},easeOutQuart:function(t){return 1- --t*t*t*t},easeInOutQuart:function(t){return t<.5?8*t*t*t*t:1-8*--t*t*t*t},easeInQuint:function(t){return t*t*t*t*t},easeOutQuint:function(t){return 1+--t*t*t*t*t},easeInOutQuint:function(t){return t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t}},e.getScrollBarWidth=function(){var t=document.createElement("p");t.style.width="100%",t.style.height="200px";var e=document.createElement("div");e.style.position="absolute",e.style.top="0px",e.style.left="0px",e.style.visibility="hidden",e.style.width="200px",e.style.height="150px",e.style.overflow="hidden",e.appendChild(t),document.body.appendChild(e);var i=t.offsetWidth;e.style.overflow="scroll";var o=t.offsetWidth;return i==o&&(o=e.clientWidth),document.body.removeChild(e),i-o},e.topMost=function(t,e){var i=void 0;Array.isArray(e)||(e=[e]);var o=!0,n=!1,s=void 0;try{for(var a,h=(0,r.default)(t);!(o=(a=h.next()).done);o=!0){var d=a.value;if(d){i=d[e[0]];for(var l=1;l<e.length;l++)i&&(i=i[e[l]]);if(void 0!==i)break}}}catch(t){n=!0,s=t}finally{try{!o&&h.return&&h.return()}finally{if(n)throw s}}return i}},function(t,e,i){t.exports={default:i(194),__esModule:!0}},function(t,e,i){e.__esModule=!0;var o=i(6),n=function(t){return t&&t.__esModule?t:{default:t}}(o);e.default=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==(void 0===e?"undefined":(0,n.default)(e))&&"function"!=typeof e?t:e}},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var n=i(196),s=o(n),r=i(29),a=o(r),h=i(6),d=o(h);e.default=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+(void 0===e?"undefined":(0,d.default)(e)));t.prototype=(0,a.default)(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(s.default?(0,s.default)(t,e):t.__proto__=e)}},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var n=i(142),s=o(n),r=i(144),a=o(r),h="function"==typeof a.default&&"symbol"==typeof s.default?function(t){return typeof t}:function(t){return t&&"function"==typeof a.default&&t.constructor===a.default&&t!==a.default.prototype?"symbol":typeof t};e.default="function"==typeof a.default&&"symbol"===h(s.default)?function(t){return void 0===t?"undefined":h(t)}:function(t){return t&&"function"==typeof a.default&&t.constructor===a.default&&t!==a.default.prototype?"symbol":void 0===t?"undefined":h(t)}},function(t,e){var i=t.exports={version:"2.5.1"};"number"==typeof __e&&(__e=i)},function(t,e,i){t.exports={default:i(140),__esModule:!0}},function(t,e,i){t.exports="undefined"!=typeof window&&window.moment||i(154)},function(t,e,i){function o(){var t=function(){};return{on:t,off:t,destroy:t,emit:t,get:function(e){return{set:t}}}}if("undefined"!=typeof window){var n=i(175),s=window.Hammer||i(176);t.exports=n(s,{preventDefault:"mouse"})}else t.exports=function(){return o()}},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}function n(t,e){if(t&&!Array.isArray(t)&&(e=t,t=null),this._options=e||{},this._data={},this.length=0,this._fieldId=this._options.fieldId||"id",this._type={},this._options.type)for(var i=(0,l.default)(this._options.type),o=0,n=i.length;o<n;o++){var s=i[o],r=this._options.type[s];this._type[s]="Date"==r||"ISODate"==r||"ASPDate"==r?"Date":r}this._subscribers={},t&&this.add(t),this.setOptions(e)}var s=i(19),r=o(s),a=i(6),h=o(a),d=i(8),l=o(d),u=i(2),c=i(43);n.prototype.setOptions=function(t){t&&void 0!==t.queue&&(!1===t.queue?this._queue&&(this._queue.destroy(),delete this._queue):(this._queue||(this._queue=c.extend(this,{replace:["add","update","remove"]})),"object"===(0,h.default)(t.queue)&&this._queue.setOptions(t.queue)))},n.prototype.on=function(t,e){var i=this._subscribers[t];i||(i=[],this._subscribers[t]=i),i.push({callback:e})},n.prototype.off=function(t,e){var i=this._subscribers[t];i&&(this._subscribers[t]=i.filter(function(t){return t.callback!=e}))},n.prototype._trigger=function(t,e,i){if("*"==t)throw new Error("Cannot trigger event *");var o=[];t in this._subscribers&&(o=o.concat(this._subscribers[t])),"*"in this._subscribers&&(o=o.concat(this._subscribers["*"]));for(var n=0,s=o.length;n<s;n++){var r=o[n];r.callback&&r.callback(t,e,i||null)}},n.prototype.add=function(t,e){var i,o=[],n=this;if(Array.isArray(t))for(var s=0,r=t.length;s<r;s++)i=n._addItem(t[s]),o.push(i);else{if(!t||"object"!==(void 0===t?"undefined":(0,h.default)(t)))throw new Error("Unknown dataType");i=n._addItem(t),o.push(i)}return o.length&&this._trigger("add",{items:o},e),o},n.prototype.update=function(t,e){var i=[],o=[],n=[],s=[],r=this,a=r._fieldId,d=function(t){var e=t[a];if(r._data[e]){var h=u.extend({},r._data[e]);e=r._updateItem(t),o.push(e),s.push(t),n.push(h)}else e=r._addItem(t),i.push(e)};if(Array.isArray(t))for(var l=0,c=t.length;l<c;l++)t[l]&&"object"===(0,h.default)(t[l])?d(t[l]):console.warn("Ignoring input item, which is not an object at index "+l);else{if(!t||"object"!==(void 0===t?"undefined":(0,h.default)(t)))throw new Error("Unknown dataType");d(t)}if(i.length&&this._trigger("add",{items:i},e),o.length){var p={items:o,oldData:n,data:s};this._trigger("update",p,e)}return i.concat(o)},n.prototype.get=function(t){var e,i,o,n=this,s=u.getType(arguments[0]);"String"==s||"Number"==s?(e=arguments[0],o=arguments[1]):"Array"==s?(i=arguments[0],o=arguments[1]):o=arguments[0];var r;if(o&&o.returnType){r=-1==["Array","Object"].indexOf(o.returnType)?"Array":o.returnType}else r="Array";var a,h,d,c,p,f=o&&o.type||this._options.type,m=o&&o.filter,v=[];if(void 0!=e)(a=n._getItem(e,f))&&m&&!m(a)&&(a=null);else if(void 0!=i)for(c=0,p=i.length;c<p;c++)a=n._getItem(i[c],f),m&&!m(a)||v.push(a);else for(h=(0,l.default)(this._data),c=0,p=h.length;c<p;c++)d=h[c],a=n._getItem(d,f),m&&!m(a)||v.push(a);if(o&&o.order&&void 0==e&&this._sort(v,o.order),o&&o.fields){var g=o.fields;if(void 0!=e)a=this._filterFields(a,g);else for(c=0,p=v.length;c<p;c++)v[c]=this._filterFields(v[c],g)}if("Object"==r){var y,b={};for(c=0,p=v.length;c<p;c++)y=v[c],b[y.id]=y;return b}return void 0!=e?a:v},n.prototype.getIds=function(t){var e,i,o,n,s,r=this._data,a=t&&t.filter,h=t&&t.order,d=t&&t.type||this._options.type,u=(0,l.default)(r),c=[];if(a)if(h){for(s=[],e=0,i=u.length;e<i;e++)o=u[e],n=this._getItem(o,d),a(n)&&s.push(n);for(this._sort(s,h),e=0,i=s.length;e<i;e++)c.push(s[e][this._fieldId])}else for(e=0,i=u.length;e<i;e++)o=u[e],n=this._getItem(o,d),a(n)&&c.push(n[this._fieldId]);else if(h){for(s=[],e=0,i=u.length;e<i;e++)o=u[e],s.push(r[o]);for(this._sort(s,h),e=0,i=s.length;e<i;e++)c.push(s[e][this._fieldId])}else for(e=0,i=u.length;e<i;e++)o=u[e],n=r[o],c.push(n[this._fieldId]);return c},n.prototype.getDataSet=function(){return this},n.prototype.forEach=function(t,e){var i,o,n,s,r=e&&e.filter,a=e&&e.type||this._options.type,h=this._data,d=(0,l.default)(h);if(e&&e.order){var u=this.get(e);for(i=0,o=u.length;i<o;i++)n=u[i],s=n[this._fieldId],t(n,s)}else for(i=0,o=d.length;i<o;i++)s=d[i],n=this._getItem(s,a),r&&!r(n)||t(n,s)},n.prototype.map=function(t,e){var i,o,n,s,r=e&&e.filter,a=e&&e.type||this._options.type,h=[],d=this._data,u=(0,l.default)(d);for(i=0,o=u.length;i<o;i++)n=u[i],s=this._getItem(n,a),r&&!r(s)||h.push(t(s,n));return e&&e.order&&this._sort(h,e.order),h},n.prototype._filterFields=function(t,e){if(!t)return t;var i,o,n={},s=(0,l.default)(t),r=s.length;if(Array.isArray(e))for(i=0;i<r;i++)o=s[i],-1!=e.indexOf(o)&&(n[o]=t[o]);else for(i=0;i<r;i++)o=s[i],e.hasOwnProperty(o)&&(n[e[o]]=t[o]);return n},n.prototype._sort=function(t,e){if(u.isString(e)){var i=e;t.sort(function(t,e){var o=t[i],n=e[i];return o>n?1:o<n?-1:0})}else{if("function"!=typeof e)throw new TypeError("Order must be a function or a string");t.sort(e)}},n.prototype.remove=function(t,e){var i,o,n,s,r=[],a=[],h=[];for(h=Array.isArray(t)?t:[t],i=0,o=h.length;i<o;i++)(s=this._remove(h[i]))&&void 0!=(n=s[this._fieldId])&&(r.push(n),a.push(s));return r.length&&this._trigger("remove",{items:r,oldData:a},e),r},n.prototype._remove=function(t){var e,i;return u.isNumber(t)||u.isString(t)?i=t:t&&"object"===(void 0===t?"undefined":(0,h.default)(t))&&(i=t[this._fieldId]),void 0!==i&&this._data[i]?(e=this._data[i],delete this._data[i],this.length--,e):null},n.prototype.clear=function(t){var e,i,o=(0,l.default)(this._data),n=[];for(e=0,i=o.length;e<i;e++)n.push(this._data[o[e]]);return this._data={},this.length=0,this._trigger("remove",{items:o,oldData:n},t),o},n.prototype.max=function(t){var e,i,o=this._data,n=(0,l.default)(o),s=null,r=null;for(e=0,i=n.length;e<i;e++){var a=n[e],h=o[a],d=h[t];null!=d&&(!s||d>r)&&(s=h,r=d)}return s},n.prototype.min=function(t){var e,i,o=this._data,n=(0,l.default)(o),s=null,r=null;for(e=0,i=n.length;e<i;e++){var a=n[e],h=o[a],d=h[t];null!=d&&(!s||d<r)&&(s=h,r=d)}return s},n.prototype.distinct=function(t){var e,i,o,n=this._data,s=(0,l.default)(n),r=[],a=this._options.type&&this._options.type[t]||null,h=0;for(e=0,o=s.length;e<o;e++){var d=s[e],c=n[d],p=c[t],f=!1;for(i=0;i<h;i++)if(r[i]==p){f=!0;break}f||void 0===p||(r[h]=p,h++)}if(a)for(e=0,o=r.length;e<o;e++)r[e]=u.convert(r[e],a);return r},n.prototype._addItem=function(t){var e=t[this._fieldId];if(void 0!=e){if(this._data[e])throw new Error("Cannot add item: item with id "+e+" already exists")}else e=u.randomUUID(),t[this._fieldId]=e;var i,o,n={},s=(0,l.default)(t);for(i=0,o=s.length;i<o;i++){var r=s[i],a=this._type[r];n[r]=u.convert(t[r],a)}return this._data[e]=n,this.length++,e},n.prototype._getItem=function(t,e){var i,o,n,s,r=this._data[t];if(!r)return null;var a={},h=(0,l.default)(r);if(e)for(n=0,s=h.length;n<s;n++)i=h[n],o=r[i],a[i]=u.convert(o,e[i]);else for(n=0,s=h.length;n<s;n++)i=h[n],o=r[i],a[i]=o;return a[this._fieldId]||(a[this._fieldId]=r.id),a},n.prototype._updateItem=function(t){var e=t[this._fieldId];if(void 0==e)throw new Error("Cannot update item: item has no id (item: "+(0,r.default)(t)+")");var i=this._data[e];if(!i)throw new Error("Cannot update item: no item with id "+e+" found");for(var o=(0,l.default)(t),n=0,s=o.length;n<s;n++){var a=o[n],h=this._type[a];i[a]=u.convert(t[a],h)}return e},t.exports=n},function(t,e,i){function o(t,e){this._data=null,this._ids={},this.length=0,this._options=e||{},this._fieldId="id",this._subscribers={};var i=this;this.listener=function(){i._onEvent.apply(i,arguments)},this.setData(t)}var n=i(8),s=function(t){return t&&t.__esModule?t:{default:t}}(n),r=i(2),a=i(11);o.prototype.setData=function(t){var e,i,o,n,s;if(this._data){for(this._data.off&&this._data.off("*",this.listener),e=this._data.getIds({filter:this._options&&this._options.filter}),s=[],o=0,n=e.length;o<n;o++)s.push(this._data._data[e[o]]);this._ids={},this.length=0,this._trigger("remove",{items:e,oldData:s})}if(this._data=t,this._data){for(this._fieldId=this._options.fieldId||this._data&&this._data.options&&this._data.options.fieldId||"id",e=this._data.getIds({filter:this._options&&this._options.filter}),o=0,n=e.length;o<n;o++)i=e[o],this._ids[i]=!0;this.length=e.length,this._trigger("add",{items:e}),this._data.on&&this._data.on("*",this.listener)}},o.prototype.refresh=function(){var t,e,i,o=this._data.getIds({filter:this._options&&this._options.filter}),n=(0,s.default)(this._ids),r={},a=[],h=[],d=[];for(e=0,i=o.length;e<i;e++)t=o[e],r[t]=!0,this._ids[t]||(a.push(t),this._ids[t]=!0);for(e=0,i=n.length;e<i;e++)t=n[e],r[t]||(h.push(t),d.push(this._data._data[t]),delete this._ids[t]);this.length+=a.length-h.length,a.length&&this._trigger("add",{items:a}),h.length&&this._trigger("remove",{items:h,oldData:d})},o.prototype.get=function(t){var e,i,o,n=this,s=r.getType(arguments[0]);"String"==s||"Number"==s||"Array"==s?(e=arguments[0],i=arguments[1],o=arguments[2]):(i=arguments[0],o=arguments[1]);var a=r.extend({},this._options,i);this._options.filter&&i&&i.filter&&(a.filter=function(t){return n._options.filter(t)&&i.filter(t)});var h=[];return void 0!=e&&h.push(e),h.push(a),h.push(o),this._data&&this._data.get.apply(this._data,h)},o.prototype.getIds=function(t){var e;if(this._data){var i,o=this._options.filter;i=t&&t.filter?o?function(e){return o(e)&&t.filter(e)}:t.filter:o,e=this._data.getIds({filter:i,order:t&&t.order})}else e=[];return e},o.prototype.map=function(t,e){var i=[];if(this._data){var o,n=this._options.filter;o=e&&e.filter?n?function(t){return n(t)&&e.filter(t)}:e.filter:n,i=this._data.map(t,{filter:o,order:e&&e.order})}else i=[];return i},o.prototype.getDataSet=function(){for(var t=this;t instanceof o;)t=t._data;return t||null},o.prototype._onEvent=function(t,e,i){var o,n,s,r,a=e&&e.items,h=[],d=[],l=[],u=[],c=[],p=[];if(a&&this._data){switch(t){case"add":for(o=0,n=a.length;o<n;o++)s=a[o],(r=this.get(s))&&(this._ids[s]=!0,h.push(s));break;case"update":for(o=0,n=a.length;o<n;o++)s=a[o],r=this.get(s),r?this._ids[s]?(d.push(s),c.push(e.data[o]),u.push(e.oldData[o])):(this._ids[s]=!0,h.push(s)):this._ids[s]&&(delete this._ids[s],l.push(s),p.push(e.oldData[o]));break;case"remove":for(o=0,n=a.length;o<n;o++)s=a[o],this._ids[s]&&(delete this._ids[s],l.push(s),p.push(e.oldData[o]))}this.length+=h.length-l.length,h.length&&this._trigger("add",{items:h},i),d.length&&this._trigger("update",{items:d,oldData:u,data:c},i),l.length&&this._trigger("remove",{items:l,oldData:p},i)}},o.prototype.on=a.prototype.on,o.prototype.off=a.prototype.off,o.prototype._trigger=a.prototype._trigger,o.prototype.subscribe=o.prototype.on,o.prototype.unsubscribe=o.prototype.off,t.exports=o},function(t,e,i){var o=i(57)("wks"),n=i(40),s=i(18).Symbol,r="function"==typeof s;(t.exports=function(t){return o[t]||(o[t]=r&&s[t]||(r?s:n)("Symbol."+t))}).store=o},function(t,e,i){e.prepareElements=function(t){for(var e in t)t.hasOwnProperty(e)&&(t[e].redundant=t[e].used,t[e].used=[])},e.cleanupElements=function(t){for(var e in t)if(t.hasOwnProperty(e)&&t[e].redundant){for(var i=0;i<t[e].redundant.length;i++)t[e].redundant[i].parentNode.removeChild(t[e].redundant[i]);t[e].redundant=[]}},e.resetElements=function(t){e.prepareElements(t),e.cleanupElements(t),e.prepareElements(t)},e.getSVGElement=function(t,e,i){var o;return e.hasOwnProperty(t)?e[t].redundant.length>0?(o=e[t].redundant[0],e[t].redundant.shift()):(o=document.createElementNS("http://www.w3.org/2000/svg",t),i.appendChild(o)):(o=document.createElementNS("http://www.w3.org/2000/svg",t),e[t]={used:[],redundant:[]},i.appendChild(o)),e[t].used.push(o),o},e.getDOMElement=function(t,e,i,o){var n;return e.hasOwnProperty(t)?e[t].redundant.length>0?(n=e[t].redundant[0],e[t].redundant.shift()):(n=document.createElement(t),void 0!==o?i.insertBefore(n,o):i.appendChild(n)):(n=document.createElement(t),e[t]={used:[],redundant:[]},void 0!==o?i.insertBefore(n,o):i.appendChild(n)),e[t].used.push(n),n},e.drawPoint=function(t,i,o,n,s,r){var a;if("circle"==o.style?(a=e.getSVGElement("circle",n,s),a.setAttributeNS(null,"cx",t),a.setAttributeNS(null,"cy",i),a.setAttributeNS(null,"r",.5*o.size)):(a=e.getSVGElement("rect",n,s),a.setAttributeNS(null,"x",t-.5*o.size),a.setAttributeNS(null,"y",i-.5*o.size),a.setAttributeNS(null,"width",o.size),a.setAttributeNS(null,"height",o.size)),void 0!==o.styles&&a.setAttributeNS(null,"style",o.styles),a.setAttributeNS(null,"class",o.className+" vis-point"),r){var h=e.getSVGElement("text",n,s);r.xOffset&&(t+=r.xOffset),r.yOffset&&(i+=r.yOffset),r.content&&(h.textContent=r.content),r.className&&h.setAttributeNS(null,"class",r.className+" vis-label"),h.setAttributeNS(null,"x",t),h.setAttributeNS(null,"y",i)}return a},e.drawBar=function(t,i,o,n,s,r,a,h){if(0!=n){n<0&&(n*=-1,i-=n);var d=e.getSVGElement("rect",r,a);d.setAttributeNS(null,"x",t-.5*o),d.setAttributeNS(null,"y",i),d.setAttributeNS(null,"width",o),d.setAttributeNS(null,"height",n),d.setAttributeNS(null,"class",s),h&&d.setAttributeNS(null,"style",h)}}},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.printStyle=void 0;var n=i(19),s=o(n),r=i(6),a=o(r),h=i(8),d=o(h),l=i(0),u=o(l),c=i(1),p=o(c),f=i(2),m=!1,v=void 0,g="background: #FFeeee; color: #dd0000",y=function(){function t(){(0,u.default)(this,t)}return(0,p.default)(t,null,[{key:"validate",value:function(e,i,o){m=!1,v=i;var n=i;return void 0!==o&&(n=i[o]),t.parse(e,n,[]),m}},{key:"parse",value:function(e,i,o){for(var n in e)e.hasOwnProperty(n)&&t.check(n,e,i,o)}},{key:"check",value:function(e,i,o,n){if(void 0===o[e]&&void 0===o.__any__)return void t.getSuggestion(e,o,n);var s=e,r=!0;void 0===o[e]&&void 0!==o.__any__&&(s="__any__",r="object"===t.getType(i[e]));var a=o[s];r&&void 0!==a.__type__&&(a=a.__type__),t.checkFields(e,i,o,s,a,n)}},{key:"checkFields",value:function(e,i,o,n,s,r){var a=function(i){console.log("%c"+i+t.printLocation(r,e),g)},h=t.getType(i[e]),l=s[h];void 0!==l?"array"===t.getType(l)&&-1===l.indexOf(i[e])?(a('Invalid option detected in "'+e+'". Allowed values are:'+t.print(l)+' not "'+i[e]+'". '),m=!0):"object"===h&&"__any__"!==n&&(r=f.copyAndExtendArray(r,e),t.parse(i[e],o[n],r)):void 0===s.any&&(a('Invalid type received for "'+e+'". Expected: '+t.print((0,d.default)(s))+". Received ["+h+'] "'+i[e]+'"'),m=!0)}},{key:"getType",value:function(t){var e=void 0===t?"undefined":(0,a.default)(t);return"object"===e?null===t?"null":t instanceof Boolean?"boolean":t instanceof Number?"number":t instanceof String?"string":Array.isArray(t)?"array":t instanceof Date?"date":void 0!==t.nodeType?"dom":!0===t._isAMomentObject?"moment":"object":"number"===e?"number":"boolean"===e?"boolean":"string"===e?"string":void 0===e?"undefined":e}},{key:"getSuggestion",value:function(e,i,o){var n=t.findInOptions(e,i,o,!1),s=t.findInOptions(e,v,[],!0),r=void 0
-;r=void 0!==n.indexMatch?" in "+t.printLocation(n.path,e,"")+'Perhaps it was incomplete? Did you mean: "'+n.indexMatch+'"?\n\n':s.distance<=4&&n.distance>s.distance?" in "+t.printLocation(n.path,e,"")+"Perhaps it was misplaced? Matching option found at: "+t.printLocation(s.path,s.closestMatch,""):n.distance<=8?'. Did you mean "'+n.closestMatch+'"?'+t.printLocation(n.path,e):". Did you mean one of these: "+t.print((0,d.default)(i))+t.printLocation(o,e),console.log('%cUnknown option detected: "'+e+'"'+r,g),m=!0}},{key:"findInOptions",value:function(e,i,o){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],s=1e9,r="",a=[],h=e.toLowerCase(),d=void 0;for(var l in i){var u=void 0;if(void 0!==i[l].__type__&&!0===n){var c=t.findInOptions(e,i[l],f.copyAndExtendArray(o,l));s>c.distance&&(r=c.closestMatch,a=c.path,s=c.distance,d=c.indexMatch)}else-1!==l.toLowerCase().indexOf(h)&&(d=l),u=t.levenshteinDistance(e,l),s>u&&(r=l,a=f.copyArray(o),s=u)}return{closestMatch:r,path:a,distance:s,indexMatch:d}}},{key:"printLocation",value:function(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Problem value found at: \n",o="\n\n"+i+"options = {\n",n=0;n<t.length;n++){for(var s=0;s<n+1;s++)o+="  ";o+=t[n]+": {\n"}for(var r=0;r<t.length+1;r++)o+="  ";o+=e+"\n";for(var a=0;a<t.length+1;a++){for(var h=0;h<t.length-a;h++)o+="  ";o+="}\n"}return o+"\n\n"}},{key:"print",value:function(t){return(0,s.default)(t).replace(/(\")|(\[)|(\])|(,"__type__")/g,"").replace(/(\,)/g,", ")}},{key:"levenshteinDistance",value:function(t,e){if(0===t.length)return e.length;if(0===e.length)return t.length;var i,o=[];for(i=0;i<=e.length;i++)o[i]=[i];var n;for(n=0;n<=t.length;n++)o[0][n]=n;for(i=1;i<=e.length;i++)for(n=1;n<=t.length;n++)e.charAt(i-1)==t.charAt(n-1)?o[i][n]=o[i-1][n-1]:o[i][n]=Math.min(o[i-1][n-1]+1,Math.min(o[i][n-1]+1,o[i-1][n]+1));return o[e.length][t.length]}}]),t}();e.default=y,e.printStyle=g},function(t,e,i){function o(t,e){this.options=null,this.props=null}var n=i(2);o.prototype.setOptions=function(t){t&&n.extend(this.options,t)},o.prototype.redraw=function(){return!1},o.prototype.destroy=function(){},o.prototype._isResized=function(){var t=this.props._previousWidth!==this.props.width||this.props._previousHeight!==this.props.height;return this.props._previousWidth=this.props.width,this.props._previousHeight=this.props.height,t},t.exports=o},function(t,e,i){var o=i(18),n=i(7),s=i(80),r=i(26),a=function(t,e,i){var h,d,l,u=t&a.F,c=t&a.G,p=t&a.S,f=t&a.P,m=t&a.B,v=t&a.W,g=c?n:n[e]||(n[e]={}),y=g.prototype,b=c?o:p?o[e]:(o[e]||{}).prototype;c&&(i=e);for(h in i)(d=!u&&b&&void 0!==b[h])&&h in g||(l=d?b[h]:i[h],g[h]=c&&"function"!=typeof b[h]?i[h]:m&&d?s(l,o):v&&b[h]==l?function(t){var e=function(e,i,o){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,i)}return new t(e,i,o)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(l):f&&"function"==typeof l?s(Function.call,l):l,f&&((g.virtual||(g.virtual={}))[h]=l,t&a.R&&y&&!y[h]&&r(y,h,l)))};a.F=1,a.G=2,a.S=4,a.P=8,a.B=16,a.W=32,a.U=64,a.R=128,t.exports=a},function(t,e){var i=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=i)},function(t,e,i){t.exports={default:i(160),__esModule:!0}},function(t,e,i){var o=i(27),n=i(81),s=i(53),r=Object.defineProperty;e.f=i(21)?Object.defineProperty:function(t,e,i){if(o(t),e=s(e,!0),o(i),n)try{return r(t,e,i)}catch(t){}if("get"in i||"set"in i)throw TypeError("Accessors not supported!");return"value"in i&&(t[e]=i.value),t}},function(t,e,i){t.exports=!i(28)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e){var i={}.hasOwnProperty;t.exports=function(t,e){return i.call(t,e)}},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(6),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=function(){function t(e,i,o){(0,a.default)(this,t),this.body=i,this.labelModule=o,this.setOptions(e),this.top=void 0,this.left=void 0,this.height=void 0,this.width=void 0,this.radius=void 0,this.margin=void 0,this.refreshNeeded=!0,this.boundingBox={top:0,left:0,right:0,bottom:0}}return(0,d.default)(t,[{key:"setOptions",value:function(t){this.options=t}},{key:"_setMargins",value:function(t){this.margin={},this.options.margin&&("object"==(0,s.default)(this.options.margin)?(this.margin.top=this.options.margin.top,this.margin.right=this.options.margin.right,this.margin.bottom=this.options.margin.bottom,this.margin.left=this.options.margin.left):(this.margin.top=this.options.margin,this.margin.right=this.options.margin,this.margin.bottom=this.options.margin,this.margin.left=this.options.margin)),t.adjustSizes(this.margin)}},{key:"_distanceToBorder",value:function(t,e){var i=this.options.borderWidth;return this.resize(t),Math.min(Math.abs(this.width/2/Math.cos(e)),Math.abs(this.height/2/Math.sin(e)))+i}},{key:"enableShadow",value:function(t,e){e.shadow&&(t.shadowColor=e.shadowColor,t.shadowBlur=e.shadowSize,t.shadowOffsetX=e.shadowX,t.shadowOffsetY=e.shadowY)}},{key:"disableShadow",value:function(t,e){e.shadow&&(t.shadowColor="rgba(0,0,0,0)",t.shadowBlur=0,t.shadowOffsetX=0,t.shadowOffsetY=0)}},{key:"enableBorderDashes",value:function(t,e){if(!1!==e.borderDashes)if(void 0!==t.setLineDash){var i=e.borderDashes;!0===i&&(i=[5,15]),t.setLineDash(i)}else console.warn("setLineDash is not supported in this browser. The dashed borders cannot be used."),this.options.shapeProperties.borderDashes=!1,e.borderDashes=!1}},{key:"disableBorderDashes",value:function(t,e){!1!==e.borderDashes&&(void 0!==t.setLineDash?t.setLineDash([0]):(console.warn("setLineDash is not supported in this browser. The dashed borders cannot be used."),this.options.shapeProperties.borderDashes=!1,e.borderDashes=!1))}},{key:"needsRefresh",value:function(t,e){return!0===this.refreshNeeded?(this.refreshNeeded=!1,!0):void 0===this.width||this.labelModule.differentState(t,e)}},{key:"initContextForDraw",value:function(t,e){var i=e.borderWidth/this.body.view.scale;t.lineWidth=Math.min(this.width,i),t.strokeStyle=e.borderColor,t.fillStyle=e.color}},{key:"performStroke",value:function(t,e){var i=e.borderWidth/this.body.view.scale;t.save(),i>0&&(this.enableBorderDashes(t,e),t.stroke(),this.disableBorderDashes(t,e)),t.restore()}},{key:"performFill",value:function(t,e){this.enableShadow(t,e),t.fill(),this.disableShadow(t,e),this.performStroke(t,e)}},{key:"_addBoundingBoxMargin",value:function(t){this.boundingBox.left-=t,this.boundingBox.top-=t,this.boundingBox.bottom+=t,this.boundingBox.right+=t}},{key:"_updateBoundingBox",value:function(t,e,i,o,n){void 0!==i&&this.resize(i,o,n),this.left=t-this.width/2,this.top=e-this.height/2,this.boundingBox.left=this.left,this.boundingBox.top=this.top,this.boundingBox.bottom=this.top+this.height,this.boundingBox.right=this.left+this.width}},{key:"updateBoundingBox",value:function(t,e,i,o,n){this._updateBoundingBox(t,e,i,o,n)}},{key:"getDimensionsFromLabel",value:function(t,e,i){this.textSize=this.labelModule.getTextSize(t,e,i);var o=this.textSize.width,n=this.textSize.height;return 0===o&&(o=14,n=14),{width:o,height:n}}}]),t}();e.default=l},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(23),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"resize",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.selected,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.hover,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{size:this.options.size};if(this.needsRefresh(e,i)){this.labelModule.getTextSize(t,e,i);var n=2*o.size;this.width=n,this.height=n,this.radius=.5*this.width}}},{key:"_drawShape",value:function(t,e,i,o,n,s,r,a){if(this.resize(t,s,r,a),this.left=o-this.width/2,this.top=n-this.height/2,this.initContextForDraw(t,a),t[e](o,n,a.size),this.performFill(t,a),void 0!==this.options.label){this.labelModule.calculateLabelSize(t,s,r,o,n,"hanging");var h=n+.5*this.height+.5*this.labelModule.size.height;this.labelModule.draw(t,o,h,s,r,"hanging")}this.updateBoundingBox(o,n)}},{key:"updateBoundingBox",value:function(t,e){this.boundingBox.top=e-this.options.size,this.boundingBox.left=t-this.options.size,this.boundingBox.right=t+this.options.size,this.boundingBox.bottom=e+this.options.size,void 0!==this.options.label&&this.labelModule.size.width>0&&(this.boundingBox.left=Math.min(this.boundingBox.left,this.labelModule.size.left),this.boundingBox.right=Math.max(this.boundingBox.right,this.labelModule.size.left+this.labelModule.size.width),this.boundingBox.bottom=Math.max(this.boundingBox.bottom,this.boundingBox.bottom+this.labelModule.size.height))}}]),e}(m.default);e.default=v},function(t,e,i){var o=i(78),n=i(51);t.exports=function(t){return o(n(t))}},function(t,e,i){var o=i(20),n=i(39);t.exports=i(21)?function(t,e,i){return o.f(t,e,n(1,i))}:function(t,e,i){return t[e]=i,t}},function(t,e,i){var o=i(32);t.exports=function(t){if(!o(t))throw TypeError(t+" is not an object!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,i){t.exports={default:i(138),__esModule:!0}},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var n=i(188),s=o(n),r=i(77),a=o(r);e.default=function(){function t(t,e){var i=[],o=!0,n=!1,s=void 0;try{for(var r,h=(0,a.default)(t);!(o=(r=h.next()).done)&&(i.push(r.value),!e||i.length!==e);o=!0);}catch(t){n=!0,s=t}finally{try{!o&&h.return&&h.return()}finally{if(n)throw s}}return i}return function(e,i){if(Array.isArray(e))return e;if((0,s.default)(Object(e)))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}()},function(t,e){t.exports={}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,i){var o=i(84),n=i(58);t.exports=Object.keys||function(t){return o(t,n)}},function(t,e,i){function o(t,e,i){this.x=void 0!==t?t:0,this.y=void 0!==e?e:0,this.z=void 0!==i?i:0}o.subtract=function(t,e){var i=new o;return i.x=t.x-e.x,i.y=t.y-e.y,i.z=t.z-e.z,i},o.add=function(t,e){var i=new o;return i.x=t.x+e.x,i.y=t.y+e.y,i.z=t.z+e.z,i},o.avg=function(t,e){return new o((t.x+e.x)/2,(t.y+e.y)/2,(t.z+e.z)/2)},o.crossProduct=function(t,e){var i=new o;return i.x=t.y*e.z-t.z*e.y,i.y=t.z*e.x-t.x*e.z,i.z=t.x*e.y-t.y*e.x,i},o.prototype.length=function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)},t.exports=o},function(t,e,i){var o,n,s;!function(i,r){n=[],o=r,void 0!==(s="function"==typeof o?o.apply(e,n):o)&&(t.exports=s)}(0,function(){function t(t){var e,i=t&&t.preventDefault||!1,o=t&&t.container||window,n={},s={keydown:{},keyup:{}},r={};for(e=97;e<=122;e++)r[String.fromCharCode(e)]={code:e-97+65,shift:!1};for(e=65;e<=90;e++)r[String.fromCharCode(e)]={code:e,shift:!0};for(e=0;e<=9;e++)r[""+e]={code:48+e,shift:!1};for(e=1;e<=12;e++)r["F"+e]={code:111+e,shift:!1};for(e=0;e<=9;e++)r["num"+e]={code:96+e,shift:!1};r["num*"]={code:106,shift:!1},r["num+"]={code:107,shift:!1},r["num-"]={code:109,shift:!1},r["num/"]={code:111,shift:!1},r["num."]={code:110,shift:!1},r.left={code:37,shift:!1},r.up={code:38,shift:!1},r.right={code:39,shift:!1},r.down={code:40,shift:!1},r.space={code:32,shift:!1},r.enter={code:13,shift:!1},r.shift={code:16,shift:void 0},r.esc={code:27,shift:!1},r.backspace={code:8,shift:!1},r.tab={code:9,shift:!1},r.ctrl={code:17,shift:!1},r.alt={code:18,shift:!1},r.delete={code:46,shift:!1},r.pageup={code:33,shift:!1},r.pagedown={code:34,shift:!1},r["="]={code:187,shift:!1},r["-"]={code:189,shift:!1},r["]"]={code:221,shift:!1},r["["]={code:219,shift:!1};var a=function(t){d(t,"keydown")},h=function(t){d(t,"keyup")},d=function(t,e){if(void 0!==s[e][t.keyCode]){for(var o=s[e][t.keyCode],n=0;n<o.length;n++)void 0===o[n].shift?o[n].fn(t):1==o[n].shift&&1==t.shiftKey?o[n].fn(t):0==o[n].shift&&0==t.shiftKey&&o[n].fn(t);1==i&&t.preventDefault()}};return n.bind=function(t,e,i){if(void 0===i&&(i="keydown"),void 0===r[t])throw new Error("unsupported key: "+t);void 0===s[i][r[t].code]&&(s[i][r[t].code]=[]),s[i][r[t].code].push({fn:e,shift:r[t].shift})},n.bindAll=function(t,e){void 0===e&&(e="keydown");for(var i in r)r.hasOwnProperty(i)&&n.bind(i,t,e)},n.getKey=function(t){for(var e in r)if(r.hasOwnProperty(e)){if(1==t.shiftKey&&1==r[e].shift&&t.keyCode==r[e].code)return e;if(0==t.shiftKey&&0==r[e].shift&&t.keyCode==r[e].code)return e;if(t.keyCode==r[e].code&&"shift"==e)return e}return"unknown key, currently not supported"},n.unbind=function(t,e,i){if(void 0===i&&(i="keydown"),void 0===r[t])throw new Error("unsupported key: "+t);if(void 0!==e){var o=[],n=s[i][r[t].code];if(void 0!==n)for(var a=0;a<n.length;a++)n[a].fn==e&&n[a].shift==r[t].shift||o.push(s[i][r[t].code][a]);s[i][r[t].code]=o}else s[i][r[t].code]=[]},n.reset=function(){s={keydown:{},keyup:{}}},n.destroy=function(){s={keydown:{},keyup:{}},o.removeEventListener("keydown",a,!0),o.removeEventListener("keyup",h,!0)},o.addEventListener("keydown",a,!0),o.addEventListener("keyup",h,!0),n}return t})},function(t,e,i){e.convertHiddenOptions=function(t,i,o){if(o&&!Array.isArray(o))return e.convertHiddenOptions(t,i,[o]);if(i.hiddenDates=[],o&&1==Array.isArray(o)){for(var n=0;n<o.length;n++)if(void 0===o[n].repeat){var s={};s.start=t(o[n].start).toDate().valueOf(),s.end=t(o[n].end).toDate().valueOf(),i.hiddenDates.push(s)}i.hiddenDates.sort(function(t,e){return t.start-e.start})}},e.updateHiddenDates=function(t,i,o){if(o&&!Array.isArray(o))return e.updateHiddenDates(t,i,[o]);if(o&&void 0!==i.domProps.centerContainer.width){e.convertHiddenOptions(t,i,o);for(var n=t(i.range.start),s=t(i.range.end),r=i.range.end-i.range.start,a=r/i.domProps.centerContainer.width,h=0;h<o.length;h++)if(void 0!==o[h].repeat){var d=t(o[h].start),l=t(o[h].end);if("Invalid Date"==d._d)throw new Error("Supplied start date is not valid: "+o[h].start);if("Invalid Date"==l._d)throw new Error("Supplied end date is not valid: "+o[h].end);var u=l-d;if(u>=4*a){var c=0,p=s.clone();switch(o[h].repeat){case"daily":d.day()!=l.day()&&(c=1),d.dayOfYear(n.dayOfYear()),d.year(n.year()),d.subtract(7,"days"),l.dayOfYear(n.dayOfYear()),l.year(n.year()),l.subtract(7-c,"days"),p.add(1,"weeks");break;case"weekly":var f=l.diff(d,"days"),m=d.day();d.date(n.date()),d.month(n.month()),d.year(n.year()),l=d.clone(),d.day(m),l.day(m),l.add(f,"days"),d.subtract(1,"weeks"),l.subtract(1,"weeks"),p.add(1,"weeks");break;case"monthly":d.month()!=l.month()&&(c=1),d.month(n.month()),d.year(n.year()),d.subtract(1,"months"),l.month(n.month()),l.year(n.year()),l.subtract(1,"months"),l.add(c,"months"),p.add(1,"months");break;case"yearly":d.year()!=l.year()&&(c=1),d.year(n.year()),d.subtract(1,"years"),l.year(n.year()),l.subtract(1,"years"),l.add(c,"years"),p.add(1,"years");break;default:return void console.log("Wrong repeat format, allowed are: daily, weekly, monthly, yearly. Given:",o[h].repeat)}for(;d<p;)switch(i.hiddenDates.push({start:d.valueOf(),end:l.valueOf()}),o[h].repeat){case"daily":d.add(1,"days"),l.add(1,"days");break;case"weekly":d.add(1,"weeks"),l.add(1,"weeks");break;case"monthly":d.add(1,"months"),l.add(1,"months");break;case"yearly":d.add(1,"y"),l.add(1,"y");break;default:return void console.log("Wrong repeat format, allowed are: daily, weekly, monthly, yearly. Given:",o[h].repeat)}i.hiddenDates.push({start:d.valueOf(),end:l.valueOf()})}}e.removeDuplicates(i);var v=e.isHidden(i.range.start,i.hiddenDates),g=e.isHidden(i.range.end,i.hiddenDates),y=i.range.start,b=i.range.end;1==v.hidden&&(y=1==i.range.startToFront?v.startDate-1:v.endDate+1),1==g.hidden&&(b=1==i.range.endToFront?g.startDate-1:g.endDate+1),1!=v.hidden&&1!=g.hidden||i.range._applyRange(y,b)}},e.removeDuplicates=function(t){for(var e=t.hiddenDates,i=[],o=0;o<e.length;o++)for(var n=0;n<e.length;n++)o!=n&&1!=e[n].remove&&1!=e[o].remove&&(e[n].start>=e[o].start&&e[n].end<=e[o].end?e[n].remove=!0:e[n].start>=e[o].start&&e[n].start<=e[o].end?(e[o].end=e[n].end,e[n].remove=!0):e[n].end>=e[o].start&&e[n].end<=e[o].end&&(e[o].start=e[n].start,e[n].remove=!0));for(o=0;o<e.length;o++)!0!==e[o].remove&&i.push(e[o]);t.hiddenDates=i,t.hiddenDates.sort(function(t,e){return t.start-e.start})},e.printDates=function(t){for(var e=0;e<t.length;e++)console.log(e,new Date(t[e].start),new Date(t[e].end),t[e].start,t[e].end,t[e].remove)},e.stepOverHiddenDates=function(t,e,i){for(var o=!1,n=e.current.valueOf(),s=0;s<e.hiddenDates.length;s++){var r=e.hiddenDates[s].start,a=e.hiddenDates[s].end;if(n>=r&&n<a){o=!0;break}}if(1==o&&n<e._end.valueOf()&&n!=i){var h=t(i),d=t(a);h.year()!=d.year()?e.switchedYear=!0:h.month()!=d.month()?e.switchedMonth=!0:h.dayOfYear()!=d.dayOfYear()&&(e.switchedDay=!0),e.current=d}},e.toScreen=function(t,i,o){var n;if(0==t.body.hiddenDates.length)return n=t.range.conversion(o),(i.valueOf()-n.offset)*n.scale;var s=e.isHidden(i,t.body.hiddenDates);1==s.hidden&&(i=s.startDate);var r=e.getHiddenDurationBetween(t.body.hiddenDates,t.range.start,t.range.end);if(i<t.range.start){n=t.range.conversion(o,r);var a=e.getHiddenDurationBeforeStart(t.body.hiddenDates,i,n.offset);return i=t.options.moment(i).toDate().valueOf(),i+=a,-(n.offset-i.valueOf())*n.scale}if(i>t.range.end){var h={start:t.range.start,end:i};return i=e.correctTimeForHidden(t.options.moment,t.body.hiddenDates,h,i),n=t.range.conversion(o,r),(i.valueOf()-n.offset)*n.scale}return i=e.correctTimeForHidden(t.options.moment,t.body.hiddenDates,t.range,i),n=t.range.conversion(o,r),(i.valueOf()-n.offset)*n.scale},e.toTime=function(t,i,o){if(0==t.body.hiddenDates.length){var n=t.range.conversion(o);return new Date(i/n.scale+n.offset)}var s=e.getHiddenDurationBetween(t.body.hiddenDates,t.range.start,t.range.end),r=t.range.end-t.range.start-s,a=r*i/o,h=e.getAccumulatedHiddenDuration(t.body.hiddenDates,t.range,a);return new Date(h+a+t.range.start)},e.getHiddenDurationBetween=function(t,e,i){for(var o=0,n=0;n<t.length;n++){var s=t[n].start,r=t[n].end;s>=e&&r<i&&(o+=r-s)}return o},e.getHiddenDurationBeforeStart=function(t,e,i){for(var o=0,n=0;n<t.length;n++){var s=t[n].start,r=t[n].end;s>=e&&r<=i&&(o+=r-s)}return o},e.correctTimeForHidden=function(t,i,o,n){return n=t(n).toDate().valueOf(),n-=e.getHiddenDurationBefore(t,i,o,n)},e.getHiddenDurationBefore=function(t,e,i,o){var n=0;o=t(o).toDate().valueOf();for(var s=0;s<e.length;s++){var r=e[s].start,a=e[s].end;r>=i.start&&a<i.end&&o>=a&&(n+=a-r)}return n},e.getAccumulatedHiddenDuration=function(t,e,i){for(var o=0,n=0,s=e.start,r=0;r<t.length;r++){var a=t[r].start,h=t[r].end;if(a>=e.start&&h<e.end){if(n+=a-s,s=h,n>=i)break;o+=h-a}}return o},e.snapAwayFromHidden=function(t,i,o,n){var s=e.isHidden(i,t);return 1==s.hidden?o<0?1==n?s.startDate-(s.endDate-i)-1:s.startDate-1:1==n?s.endDate+(i-s.startDate)+1:s.endDate+1:i},e.isHidden=function(t,e){for(var i=0;i<e.length;i++){var o=e[i].start,n=e[i].end;if(t>=o&&t<n)return{hidden:!0,startDate:o,endDate:n}}return{hidden:!1,startDate:o,endDate:n}}},function(t,e,i){e.onTouch=function(t,e){e.inputHandler=function(t){t.isFirst&&e(t)},t.on("hammer.input",e.inputHandler)},e.onRelease=function(t,e){return e.inputHandler=function(t){t.isFinal&&e(t)},t.on("hammer.input",e.inputHandler)},e.offTouch=function(t,e){t.off("hammer.input",e.inputHandler)},e.offRelease=e.offTouch,e.disablePreventDefaultVertically=function(t){return t.getTouchAction=function(){return["pan-y"]},t}},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}function n(t,e,i){this.id=null,this.parent=null,this.data=t,this.dom=null,this.conversion=e||{},this.options=i||{},this.selected=!1,this.displayed=!1,this.groupShowing=!0,this.dirty=!0,this.top=null,this.right=null,this.left=null,this.width=null,this.height=null,this.editable=null,this._updateEditStatus()}var s=i(6),r=o(s),a=i(8),h=o(a),d=i(10),l=i(2),u=i(9);n.prototype.stack=!0,n.prototype.select=function(){this.selected=!0,this.dirty=!0,this.displayed&&this.redraw()},n.prototype.unselect=function(){this.selected=!1,this.dirty=!0,this.displayed&&this.redraw()},n.prototype.setData=function(t){void 0!=t.group&&this.data.group!=t.group&&null!=this.parent&&this.parent.itemSet._moveToGroup(this,t.group),this.parent&&(this.parent.stackDirty=!0),void 0!=t.subgroup&&this.data.subgroup!=t.subgroup&&null!=this.parent&&this.parent.changeSubgroup(this,this.data.subgroup,t.subgroup),this.data=t,this._updateEditStatus(),this.dirty=!0,this.displayed&&this.redraw()},n.prototype.setParent=function(t){this.displayed?(this.hide(),this.parent=t,this.parent&&this.show()):this.parent=t},n.prototype.isVisible=function(t){return!1},n.prototype.show=function(){return!1},n.prototype.hide=function(){return!1},n.prototype.redraw=function(){},n.prototype.repositionX=function(){},n.prototype.repositionY=function(){},n.prototype._repaintDragCenter=function(){if(this.selected&&this.options.editable.updateTime&&!this.dom.dragCenter){var t=this,e=document.createElement("div");e.className="vis-drag-center",e.dragCenterItem=this;var i=new d(e);i.on("tap",function(e){t.parent.itemSet.body.emitter.emit("click",{event:e,item:t.id})}),i.on("doubletap",function(e){e.stopPropagation(),t.parent.itemSet._onUpdateItem(t),t.parent.itemSet.body.emitter.emit("doubleClick",{event:e,item:t.id})}),this.dom.box?this.dom.dragLeft?this.dom.box.insertBefore(e,this.dom.dragLeft):this.dom.box.appendChild(e):this.dom.point&&this.dom.point.appendChild(e),this.dom.dragCenter=e}else!this.selected&&this.dom.dragCenter&&(this.dom.dragCenter.parentNode&&this.dom.dragCenter.parentNode.removeChild(this.dom.dragCenter),this.dom.dragCenter=null)},n.prototype._repaintDeleteButton=function(t){var e=(this.options.editable.overrideItems||null==this.editable)&&this.options.editable.remove||!this.options.editable.overrideItems&&null!=this.editable&&this.editable.remove;if(this.selected&&e&&!this.dom.deleteButton){var i=this,o=document.createElement("div");this.options.rtl?o.className="vis-delete-rtl":o.className="vis-delete",o.title="Delete this item",new d(o).on("tap",function(t){t.stopPropagation(),i.parent.removeFromDataSet(i)}),t.appendChild(o),this.dom.deleteButton=o}else!this.selected&&this.dom.deleteButton&&(this.dom.deleteButton.parentNode&&this.dom.deleteButton.parentNode.removeChild(this.dom.deleteButton),this.dom.deleteButton=null)},n.prototype._repaintOnItemUpdateTimeTooltip=function(t){if(this.options.tooltipOnItemUpdateTime){var e=(this.options.editable.updateTime||!0===this.data.editable)&&!1!==this.data.editable;if(this.selected&&e&&!this.dom.onItemUpdateTimeTooltip){var i=document.createElement("div");i.className="vis-onUpdateTime-tooltip",t.appendChild(i),this.dom.onItemUpdateTimeTooltip=i}else!this.selected&&this.dom.onItemUpdateTimeTooltip&&(this.dom.onItemUpdateTimeTooltip.parentNode&&this.dom.onItemUpdateTimeTooltip.parentNode.removeChild(this.dom.onItemUpdateTimeTooltip),this.dom.onItemUpdateTimeTooltip=null);if(this.dom.onItemUpdateTimeTooltip){this.dom.onItemUpdateTimeTooltip.style.visibility=this.parent.itemSet.touchParams.itemIsDragging?"visible":"hidden",this.options.rtl?this.dom.onItemUpdateTimeTooltip.style.right=this.dom.content.style.right:this.dom.onItemUpdateTimeTooltip.style.left=this.dom.content.style.left;var o,n=this.parent.itemSet.body.domProps.scrollTop;o="top"==this.options.orientation.item?this.top:this.parent.height-this.top-this.height;o+this.parent.top-50<-n?(this.dom.onItemUpdateTimeTooltip.style.bottom="",this.dom.onItemUpdateTimeTooltip.style.top=this.height+2+"px"):(this.dom.onItemUpdateTimeTooltip.style.top="",this.dom.onItemUpdateTimeTooltip.style.bottom=this.height+2+"px");var s,r;this.options.tooltipOnItemUpdateTime&&this.options.tooltipOnItemUpdateTime.template?(r=this.options.tooltipOnItemUpdateTime.template.bind(this),s=r(this.data)):(s="start: "+u(this.data.start).format("MM/DD/YYYY hh:mm"),this.data.end&&(s+="<br> end: "+u(this.data.end).format("MM/DD/YYYY hh:mm"))),this.dom.onItemUpdateTimeTooltip.innerHTML=s}}},n.prototype._updateContents=function(t){var e,i,o,n,s=this.parent.itemSet.itemsData.get(this.id),r=this.dom.box||this.dom.point,a=r.getElementsByClassName("vis-item-visible-frame")[0];if(this.options.visibleFrameTemplate?(n=this.options.visibleFrameTemplate.bind(this),o=n(s,r)):o="",a)if(o instanceof Object&&!(o instanceof Element))n(s,a);else if(this._contentToString(this.itemVisibleFrameContent)!==this._contentToString(o)){if(o instanceof Element)a.innerHTML="",a.appendChild(o);else if(void 0!=o)a.innerHTML=o;else if("background"!=this.data.type||void 0!==this.data.content)throw new Error('Property "content" missing in item '+this.id);this.itemVisibleFrameContent=o}if(this.options.template?(i=this.options.template.bind(this),e=i(s,t,this.data)):e=this.data.content,e instanceof Object&&!(e instanceof Element))i(s,t);else if(this._contentToString(this.content)!==this._contentToString(e)){if(e instanceof Element)t.innerHTML="",t.appendChild(e);else if(void 0!=e)t.innerHTML=e;else if("background"!=this.data.type||void 0!==this.data.content)throw new Error('Property "content" missing in item '+this.id);this.content=e}},n.prototype._updateDataAttributes=function(t){if(this.options.dataAttributes&&this.options.dataAttributes.length>0){var e=[];if(Array.isArray(this.options.dataAttributes))e=this.options.dataAttributes;else{if("all"!=this.options.dataAttributes)return;e=(0,h.default)(this.data)}for(var i=0;i<e.length;i++){var o=e[i],n=this.data[o];null!=n?t.setAttribute("data-"+o,n):t.removeAttribute("data-"+o)}}},n.prototype._updateStyle=function(t){this.style&&(l.removeCssText(t,this.style),this.style=null),this.data.style&&(l.addCssText(t,this.data.style),this.style=this.data.style)},n.prototype._contentToString=function(t){return"string"==typeof t?t:t&&"outerHTML"in t?t.outerHTML:t},n.prototype._updateEditStatus=function(){this.options&&("boolean"==typeof this.options.editable?this.editable={updateTime:this.options.editable,updateGroup:this.options.editable,remove:this.options.editable}:"object"===(0,r.default)(this.options.editable)&&(this.editable={},l.selectiveExtend(["updateTime","updateGroup","remove"],this.editable,this.options.editable))),this.options&&this.options.editable&&!0===this.options.editable.overrideItems||this.data&&("boolean"==typeof this.data.editable?this.editable={updateTime:this.data.editable,updateGroup:this.data.editable,remove:this.data.editable}:"object"===(0,r.default)(this.data.editable)&&(this.editable={},l.selectiveExtend(["updateTime","updateGroup","remove"],this.editable,this.data.editable)))},n.prototype.getWidthLeft=function(){return 0},n.prototype.getWidthRight=function(){return 0},n.prototype.getTitle=function(){return this.data.title},t.exports=n},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){var i=0,o=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++i+o).toString(36))}},function(t,e,i){var o=i(51);t.exports=function(t){return Object(o(t))}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,i){function o(t){this.delay=null,this.max=1/0,this._queue=[],this._timeout=null,this._extended=null,this.setOptions(t)}o.prototype.setOptions=function(t){t&&void 0!==t.delay&&(this.delay=t.delay),t&&void 0!==t.max&&(this.max=t.max),this._flushIfNeeded()},o.extend=function(t,e){var i=new o(e);if(void 0!==t.flush)throw new Error("Target object already has a property flush");t.flush=function(){i.flush()};var n=[{name:"flush",original:void 0}];if(e&&e.replace)for(var s=0;s<e.replace.length;s++){var r=e.replace[s];n.push({name:r,original:t[r]}),i.replace(t,r)}return i._extended={object:t,methods:n},i},o.prototype.destroy=function(){if(this.flush(),this._extended){for(var t=this._extended.object,e=this._extended.methods,i=0;i<e.length;i++){var o=e[i];o.original?t[o.name]=o.original:delete t[o.name]}this._extended=null}},o.prototype.replace=function(t,e){var i=this,o=t[e];if(!o)throw new Error("Method "+e+" undefined");t[e]=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];i.queue({args:t,fn:o,context:this})}},o.prototype.queue=function(t){"function"==typeof t?this._queue.push({fn:t}):this._queue.push(t),this._flushIfNeeded()},o.prototype._flushIfNeeded=function(){if(this._queue.length>this.max&&this.flush(),clearTimeout(this._timeout),this.queue.length>0&&"number"==typeof this.delay){var t=this;this._timeout=setTimeout(function(){t.flush()},this.delay)}},o.prototype.flush=function(){for(;this._queue.length>0;){var t=this._queue.shift();t.fn.apply(t.context||t.fn,t.args||[])}},t.exports=o},function(t,e){function i(t){if(t)return o(t)}function o(t){for(var e in i.prototype)t[e]=i.prototype[e];return t}t.exports=i,i.prototype.on=i.prototype.addEventListener=function(t,e){return this._callbacks=this._callbacks||{},(this._callbacks[t]=this._callbacks[t]||[]).push(e),this},i.prototype.once=function(t,e){function i(){o.off(t,i),e.apply(this,arguments)}var o=this;return this._callbacks=this._callbacks||{},i.fn=e,this.on(t,i),this},i.prototype.off=i.prototype.removeListener=i.prototype.removeAllListeners=i.prototype.removeEventListener=function(t,e){if(this._callbacks=this._callbacks||{},0==arguments.length)return this._callbacks={},this;var i=this._callbacks[t];if(!i)return this;if(1==arguments.length)return delete this._callbacks[t],this;for(var o,n=0;n<i.length;n++)if((o=i[n])===e||o.fn===e){i.splice(n,1);break}return this},i.prototype.emit=function(t){this._callbacks=this._callbacks||{};var e=[].slice.call(arguments,1),i=this._callbacks[t];if(i){i=i.slice(0);for(var o=0,n=i.length;o<n;++o)i[o].apply(this,e)}return this},i.prototype.listeners=function(t){return this._callbacks=this._callbacks||{},this._callbacks[t]||[]},i.prototype.hasListeners=function(t){return!!this.listeners(t).length}},function(t,e,i){function o(t,e){this.dom={foreground:null,lines:[],majorTexts:[],minorTexts:[],redundant:{lines:[],majorTexts:[],minorTexts:[]}},this.props={range:{start:0,end:0,minimumStep:0},lineTop:0},this.defaultOptions={orientation:{axis:"bottom"},showMinorLabels:!0,showMajorLabels:!0,maxMinorChars:7,format:h.FORMAT,moment:l,timeAxis:null},this.options=r.extend({},this.defaultOptions),this.body=t,this._create(),this.setOptions(e)}var n=i(6),s=function(t){return t&&t.__esModule?t:{default:t}}(n),r=i(2),a=i(16),h=i(66),d=i(36),l=i(9);o.prototype=new a,o.prototype.setOptions=function(t){t&&(r.selectiveExtend(["showMinorLabels","showMajorLabels","maxMinorChars","hiddenDates","timeAxis","moment","rtl"],this.options,t),r.selectiveDeepExtend(["format"],this.options,t),"orientation"in t&&("string"==typeof t.orientation?this.options.orientation.axis=t.orientation:"object"===(0,s.default)(t.orientation)&&"axis"in t.orientation&&(this.options.orientation.axis=t.orientation.axis)),"locale"in t&&("function"==typeof l.locale?l.locale(t.locale):l.lang(t.locale)))},o.prototype._create=function(){this.dom.foreground=document.createElement("div"),this.dom.background=document.createElement("div"),this.dom.foreground.className="vis-time-axis vis-foreground",this.dom.background.className="vis-time-axis vis-background"},o.prototype.destroy=function(){this.dom.foreground.parentNode&&this.dom.foreground.parentNode.removeChild(this.dom.foreground),this.dom.background.parentNode&&this.dom.background.parentNode.removeChild(this.dom.background),this.body=null},o.prototype.redraw=function(){var t=this.props,e=this.dom.foreground,i=this.dom.background,o="top"==this.options.orientation.axis?this.body.dom.top:this.body.dom.bottom,n=e.parentNode!==o;this._calculateCharSize()
-;var s=this.options.showMinorLabels&&"none"!==this.options.orientation.axis,r=this.options.showMajorLabels&&"none"!==this.options.orientation.axis;t.minorLabelHeight=s?t.minorCharHeight:0,t.majorLabelHeight=r?t.majorCharHeight:0,t.height=t.minorLabelHeight+t.majorLabelHeight,t.width=e.offsetWidth,t.minorLineHeight=this.body.domProps.root.height-t.majorLabelHeight-("top"==this.options.orientation.axis?this.body.domProps.bottom.height:this.body.domProps.top.height),t.minorLineWidth=1,t.majorLineHeight=t.minorLineHeight+t.majorLabelHeight,t.majorLineWidth=1;var a=e.nextSibling,h=i.nextSibling;return e.parentNode&&e.parentNode.removeChild(e),i.parentNode&&i.parentNode.removeChild(i),e.style.height=this.props.height+"px",this._repaintLabels(),a?o.insertBefore(e,a):o.appendChild(e),h?this.body.dom.backgroundVertical.insertBefore(i,h):this.body.dom.backgroundVertical.appendChild(i),this._isResized()||n},o.prototype._repaintLabels=function(){var t=this.options.orientation.axis,e=r.convert(this.body.range.start,"Number"),i=r.convert(this.body.range.end,"Number"),o=this.body.util.toTime((this.props.minorCharWidth||10)*this.options.maxMinorChars).valueOf(),n=o-d.getHiddenDurationBefore(this.options.moment,this.body.hiddenDates,this.body.range,o);n-=this.body.util.toTime(0).valueOf();var s=new h(new Date(e),new Date(i),n,this.body.hiddenDates,this.options);s.setMoment(this.options.moment),this.options.format&&s.setFormat(this.options.format),this.options.timeAxis&&s.setScale(this.options.timeAxis),this.step=s;var a=this.dom;a.redundant.lines=a.lines,a.redundant.majorTexts=a.majorTexts,a.redundant.minorTexts=a.minorTexts,a.lines=[],a.majorTexts=[],a.minorTexts=[];var l,c,p,f,m,v,g,y,b,_=0,w=void 0,x=0;for(s.start(),l=s.getCurrent(),p=this.body.util.toScreen(l);s.hasNext()&&x<1e3;){switch(x++,f=s.isMajor(),b=s.getClassName(),y=s.getLabelMinor(),l,c=p,s.next(),l=s.getCurrent(),s.isMajor(),p=this.body.util.toScreen(l),v=_,_=p-c,s.scale){case"week":m=!0;break;default:m=_>=.4*v}if(this.options.showMinorLabels&&m){var k=this._repaintMinorText(c,y,t,b);k.style.width=_+"px"}f&&this.options.showMajorLabels?(c>0&&(void 0==w&&(w=c),k=this._repaintMajorText(c,s.getLabelMajor(),t,b)),g=this._repaintMajorLine(c,_,t,b)):m?g=this._repaintMinorLine(c,_,t,b):g&&(g.style.width=parseInt(g.style.width)+_+"px")}if(1e3!==x||u||(console.warn("Something is wrong with the Timeline scale. Limited drawing of grid lines to 1000 lines."),u=!0),this.options.showMajorLabels){var S=this.body.util.toTime(0),D=s.getLabelMajor(S),M=D.length*(this.props.majorCharWidth||10)+10;(void 0==w||M<w)&&this._repaintMajorText(0,D,t,b)}r.forEach(this.dom.redundant,function(t){for(;t.length;){var e=t.pop();e&&e.parentNode&&e.parentNode.removeChild(e)}})},o.prototype._repaintMinorText=function(t,e,i,o){var n=this.dom.redundant.minorTexts.shift();if(!n){var s=document.createTextNode("");n=document.createElement("div"),n.appendChild(s),this.dom.foreground.appendChild(n)}return this.dom.minorTexts.push(n),n.innerHTML=e,n.style.top="top"==i?this.props.majorLabelHeight+"px":"0",this.options.rtl?(n.style.left="",n.style.right=t+"px"):n.style.left=t+"px",n.className="vis-text vis-minor "+o,n},o.prototype._repaintMajorText=function(t,e,i,o){var n=this.dom.redundant.majorTexts.shift();if(!n){var s=document.createElement("div");n=document.createElement("div"),n.appendChild(s),this.dom.foreground.appendChild(n)}return n.childNodes[0].innerHTML=e,n.className="vis-text vis-major "+o,n.style.top="top"==i?"0":this.props.minorLabelHeight+"px",this.options.rtl?(n.style.left="",n.style.right=t+"px"):n.style.left=t+"px",this.dom.majorTexts.push(n),n},o.prototype._repaintMinorLine=function(t,e,i,o){var n=this.dom.redundant.lines.shift();n||(n=document.createElement("div"),this.dom.background.appendChild(n)),this.dom.lines.push(n);var s=this.props;return n.style.top="top"==i?s.majorLabelHeight+"px":this.body.domProps.top.height+"px",n.style.height=s.minorLineHeight+"px",this.options.rtl?(n.style.left="",n.style.right=t-s.minorLineWidth/2+"px",n.className="vis-grid vis-vertical-rtl vis-minor "+o):(n.style.left=t-s.minorLineWidth/2+"px",n.className="vis-grid vis-vertical vis-minor "+o),n.style.width=e+"px",n},o.prototype._repaintMajorLine=function(t,e,i,o){var n=this.dom.redundant.lines.shift();n||(n=document.createElement("div"),this.dom.background.appendChild(n)),this.dom.lines.push(n);var s=this.props;return n.style.top="top"==i?"0":this.body.domProps.top.height+"px",this.options.rtl?(n.style.left="",n.style.right=t-s.majorLineWidth/2+"px",n.className="vis-grid vis-vertical-rtl vis-major "+o):(n.style.left=t-s.majorLineWidth/2+"px",n.className="vis-grid vis-vertical vis-major "+o),n.style.height=s.majorLineHeight+"px",n.style.width=e+"px",n},o.prototype._calculateCharSize=function(){this.dom.measureCharMinor||(this.dom.measureCharMinor=document.createElement("DIV"),this.dom.measureCharMinor.className="vis-text vis-minor vis-measure",this.dom.measureCharMinor.style.position="absolute",this.dom.measureCharMinor.appendChild(document.createTextNode("0")),this.dom.foreground.appendChild(this.dom.measureCharMinor)),this.props.minorCharHeight=this.dom.measureCharMinor.clientHeight,this.props.minorCharWidth=this.dom.measureCharMinor.clientWidth,this.dom.measureCharMajor||(this.dom.measureCharMajor=document.createElement("DIV"),this.dom.measureCharMajor.className="vis-text vis-major vis-measure",this.dom.measureCharMajor.style.position="absolute",this.dom.measureCharMajor.appendChild(document.createTextNode("0")),this.dom.foreground.appendChild(this.dom.measureCharMajor)),this.props.majorCharHeight=this.dom.measureCharMajor.clientHeight,this.props.majorCharWidth=this.dom.measureCharMajor.clientWidth};var u=!1;t.exports=o},function(t,e,i){function o(t,e){this.body=t,this.defaultOptions={moment:a,locales:h,locale:"en",id:void 0,title:void 0},this.options=s.extend({},this.defaultOptions),e&&e.time?this.customTime=e.time:this.customTime=new Date,this.eventParams={},this.setOptions(e),this._create()}var n=i(10),s=i(2),r=i(16),a=i(9),h=i(98);o.prototype=new r,o.prototype.setOptions=function(t){t&&s.selectiveExtend(["moment","locale","locales","id"],this.options,t)},o.prototype._create=function(){function t(t){this.body.range._onMouseWheel(t)}var e=document.createElement("div");e["custom-time"]=this,e.className="vis-custom-time "+(this.options.id||""),e.style.position="absolute",e.style.top="0px",e.style.height="100%",this.bar=e;var i=document.createElement("div");i.style.position="relative",i.style.top="0px",i.style.left="-10px",i.style.height="100%",i.style.width="20px",i.addEventListener?(i.addEventListener("mousewheel",t.bind(this),!1),i.addEventListener("DOMMouseScroll",t.bind(this),!1)):i.attachEvent("onmousewheel",t.bind(this)),e.appendChild(i),this.hammer=new n(i),this.hammer.on("panstart",this._onDragStart.bind(this)),this.hammer.on("panmove",this._onDrag.bind(this)),this.hammer.on("panend",this._onDragEnd.bind(this)),this.hammer.get("pan").set({threshold:5,direction:n.DIRECTION_HORIZONTAL})},o.prototype.destroy=function(){this.hide(),this.hammer.destroy(),this.hammer=null,this.body=null},o.prototype.redraw=function(){var t=this.body.dom.backgroundVertical;this.bar.parentNode!=t&&(this.bar.parentNode&&this.bar.parentNode.removeChild(this.bar),t.appendChild(this.bar));var e=this.body.util.toScreen(this.customTime),i=this.options.locales[this.options.locale];i||(this.warned||(console.log("WARNING: options.locales['"+this.options.locale+"'] not found. See http://visjs.org/docs/timeline/#Localization"),this.warned=!0),i=this.options.locales.en);var o=this.options.title;return void 0===o?(o=i.time+": "+this.options.moment(this.customTime).format("dddd, MMMM Do YYYY, H:mm:ss"),o=o.charAt(0).toUpperCase()+o.substring(1)):"function"==typeof o&&(o=o.call(this.customTime)),this.bar.style.left=e+"px",this.bar.title=o,!1},o.prototype.hide=function(){this.bar.parentNode&&this.bar.parentNode.removeChild(this.bar)},o.prototype.setCustomTime=function(t){this.customTime=s.convert(t,"Date"),this.redraw()},o.prototype.getCustomTime=function(){return new Date(this.customTime.valueOf())},o.prototype.setCustomTitle=function(t){this.options.title=t},o.prototype._onDragStart=function(t){this.eventParams.dragging=!0,this.eventParams.customTime=this.customTime,t.stopPropagation()},o.prototype._onDrag=function(t){if(this.eventParams.dragging){var e=this.body.util.toScreen(this.eventParams.customTime)+t.deltaX,i=this.body.util.toTime(e);this.setCustomTime(i),this.body.emitter.emit("timechange",{id:this.options.id,time:new Date(this.customTime.valueOf()),event:t}),t.stopPropagation()}},o.prototype._onDragEnd=function(t){this.eventParams.dragging&&(this.body.emitter.emit("timechanged",{id:this.options.id,time:new Date(this.customTime.valueOf()),event:t}),t.stopPropagation())},o.customTimeFromTarget=function(t){for(var e=t.target;e;){if(e.hasOwnProperty("custom-time"))return e["custom-time"];e=e.parentNode}return null},t.exports=o},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(2),d=i(117).default,l=i(48).default,u=i(193).default,c=i(200).default,p=i(201).default,f=i(202).default,m=i(203).default,v=i(204).default,g=i(205).default,y=i(206).default,b=i(207).default,_=i(208).default,w=i(209).default,x=i(210).default,k=i(211).default,S=i(212).default,D=i(213).default,M=i(15),C=M.printStyle,O=function(){function t(e,i,o,n,r,a){(0,s.default)(this,t),this.options=h.bridgeObject(r),this.globalOptions=r,this.defaultOptions=a,this.body=i,this.edges=[],this.id=void 0,this.imagelist=o,this.grouplist=n,this.x=void 0,this.y=void 0,this.baseSize=this.options.size,this.baseFontSize=this.options.font.size,this.predefinedPosition=!1,this.selected=!1,this.hover=!1,this.labelModule=new d(this.body,this.options,!1),this.setOptions(e)}return(0,a.default)(t,[{key:"attachEdge",value:function(t){-1===this.edges.indexOf(t)&&this.edges.push(t)}},{key:"detachEdge",value:function(t){var e=this.edges.indexOf(t);-1!=e&&this.edges.splice(e,1)}},{key:"setOptions",value:function(e){var i=this.options.shape;if(e){if(void 0!==e.id&&(this.id=e.id),void 0===this.id)throw new Error("Node must have an id");t.checkMass(e,this.id),void 0!==e.x&&(null===e.x?(this.x=void 0,this.predefinedPosition=!1):(this.x=parseInt(e.x),this.predefinedPosition=!0)),void 0!==e.y&&(null===e.y?(this.y=void 0,this.predefinedPosition=!1):(this.y=parseInt(e.y),this.predefinedPosition=!0)),void 0!==e.size&&(this.baseSize=e.size),void 0!==e.value&&(e.value=parseFloat(e.value)),t.parseOptions(this.options,e,!0,this.globalOptions,this.grouplist);var o=[e,this.options,this.defaultOptions];return this.chooser=l.choosify("node",o),this._load_images(),this.updateLabelModule(e),this.updateShape(i),void 0!==e.hidden||void 0!==e.physics}}},{key:"_load_images",value:function(){if("circularImage"===this.options.shape||"image"===this.options.shape){if(void 0===this.options.image)throw new Error("Option image must be defined for node type '"+this.options.shape+"'");if(void 0===this.imagelist)throw new Error("Internal Error: No images provided");if("string"==typeof this.options.image)this.imageObj=this.imagelist.load(this.options.image,this.options.brokenImage,this.id);else{if(void 0===this.options.image.unselected)throw new Error("No unselected image provided");this.imageObj=this.imagelist.load(this.options.image.unselected,this.options.brokenImage,this.id),void 0!==this.options.image.selected?this.imageObjAlt=this.imagelist.load(this.options.image.selected,this.options.brokenImage,this.id):this.imageObjAlt=void 0}}}},{key:"getFormattingValues",value:function(){var t={color:this.options.color.background,borderWidth:this.options.borderWidth,borderColor:this.options.color.border,size:this.options.size,borderDashes:this.options.shapeProperties.borderDashes,borderRadius:this.options.shapeProperties.borderRadius,shadow:this.options.shadow.enabled,shadowColor:this.options.shadow.color,shadowSize:this.options.shadow.size,shadowX:this.options.shadow.x,shadowY:this.options.shadow.y};return this.selected||this.hover?!0===this.chooser?this.selected?(t.borderWidth*=2,t.color=this.options.color.highlight.background,t.borderColor=this.options.color.highlight.border,t.shadow=this.options.shadow.enabled):this.hover&&(t.color=this.options.color.hover.background,t.borderColor=this.options.color.hover.border,t.shadow=this.options.shadow.enabled):"function"==typeof this.chooser&&(this.chooser(t,this.options.id,this.selected,this.hover),!1===t.shadow&&(t.shadowColor===this.options.shadow.color&&t.shadowSize===this.options.shadow.size&&t.shadowX===this.options.shadow.x&&t.shadowY===this.options.shadow.y||(t.shadow=!0))):t.shadow=this.options.shadow.enabled,t}},{key:"updateLabelModule",value:function(e){void 0!==this.options.label&&null!==this.options.label||(this.options.label=""),t.updateGroupOptions(this.options,e,this.grouplist);var i=this.grouplist.get(this.options.group,!1),o=[e,this.options,i,this.globalOptions,this.defaultOptions];this.labelModule.update(this.options,o),void 0!==this.labelModule.baseSize&&(this.baseFontSize=this.labelModule.baseSize)}},{key:"updateShape",value:function(t){if(t===this.options.shape&&this.shape)this.shape.setOptions(this.options,this.imageObj,this.imageObjAlt);else switch(this.options.shape){case"box":this.shape=new u(this.options,this.body,this.labelModule);break;case"circle":this.shape=new c(this.options,this.body,this.labelModule);break;case"circularImage":this.shape=new p(this.options,this.body,this.labelModule,this.imageObj,this.imageObjAlt);break;case"database":this.shape=new f(this.options,this.body,this.labelModule);break;case"diamond":this.shape=new m(this.options,this.body,this.labelModule);break;case"dot":this.shape=new v(this.options,this.body,this.labelModule);break;case"ellipse":this.shape=new g(this.options,this.body,this.labelModule);break;case"icon":this.shape=new y(this.options,this.body,this.labelModule);break;case"image":this.shape=new b(this.options,this.body,this.labelModule,this.imageObj,this.imageObjAlt);break;case"square":this.shape=new _(this.options,this.body,this.labelModule);break;case"hexagon":this.shape=new w(this.options,this.body,this.labelModule);break;case"star":this.shape=new x(this.options,this.body,this.labelModule);break;case"text":this.shape=new k(this.options,this.body,this.labelModule);break;case"triangle":this.shape=new S(this.options,this.body,this.labelModule);break;case"triangleDown":this.shape=new D(this.options,this.body,this.labelModule);break;default:this.shape=new g(this.options,this.body,this.labelModule)}this.needsRefresh()}},{key:"select",value:function(){this.selected=!0,this.needsRefresh()}},{key:"unselect",value:function(){this.selected=!1,this.needsRefresh()}},{key:"needsRefresh",value:function(){this.shape.refreshNeeded=!0}},{key:"getTitle",value:function(){return this.options.title}},{key:"distanceToBorder",value:function(t,e){return this.shape.distanceToBorder(t,e)}},{key:"isFixed",value:function(){return this.options.fixed.x&&this.options.fixed.y}},{key:"isSelected",value:function(){return this.selected}},{key:"getValue",value:function(){return this.options.value}},{key:"getLabelSize",value:function(){return this.labelModule.size()}},{key:"setValueRange",value:function(t,e,i){if(void 0!==this.options.value){var o=this.options.scaling.customScalingFunction(t,e,i,this.options.value),n=this.options.scaling.max-this.options.scaling.min;if(!0===this.options.scaling.label.enabled){var s=this.options.scaling.label.max-this.options.scaling.label.min;this.options.font.size=this.options.scaling.label.min+o*s}this.options.size=this.options.scaling.min+o*n}else this.options.size=this.baseSize,this.options.font.size=this.baseFontSize;this.updateLabelModule()}},{key:"draw",value:function(t){var e=this.getFormattingValues();this.shape.draw(t,this.x,this.y,this.selected,this.hover,e)}},{key:"updateBoundingBox",value:function(t){this.shape.updateBoundingBox(this.x,this.y,t)}},{key:"resize",value:function(t){var e=this.getFormattingValues();this.shape.resize(t,this.selected,this.hover,e)}},{key:"getItemsOnPoint",value:function(t){var e=[];return this.labelModule.visible()&&l.pointInRect(this.labelModule.getSize(),t)&&e.push({nodeId:this.id,labelId:0}),l.pointInRect(this.shape.boundingBox,t)&&e.push({nodeId:this.id}),e}},{key:"isOverlappingWith",value:function(t){return this.shape.left<t.right&&this.shape.left+this.shape.width>t.left&&this.shape.top<t.bottom&&this.shape.top+this.shape.height>t.top}},{key:"isBoundingBoxOverlappingWith",value:function(t){return this.shape.boundingBox.left<t.right&&this.shape.boundingBox.right>t.left&&this.shape.boundingBox.top<t.bottom&&this.shape.boundingBox.bottom>t.top}}],[{key:"updateGroupOptions",value:function(t,e,i){if(void 0!==i){var o=t.group;if(void 0!==e&&void 0!==e.group&&o!==e.group)throw new Error("updateGroupOptions: group values in options don't match.");if("number"==typeof o||"string"==typeof o&&""!=o){var n=i.get(o);h.selectiveNotDeepExtend(["font"],t,n),t.color=h.parseColor(t.color)}}}},{key:"parseOptions",value:function(e,i){var o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},s=arguments[4],r=["color","fixed","shadow"];if(h.selectiveNotDeepExtend(r,e,i,o),t.checkMass(i),h.mergeOptions(e,i,"shadow",n),void 0!==i.color&&null!==i.color){var a=h.parseColor(i.color);h.fillIfDefined(e.color,a)}else!0===o&&null===i.color&&(e.color=h.bridgeObject(n.color));void 0!==i.fixed&&null!==i.fixed&&("boolean"==typeof i.fixed?(e.fixed.x=i.fixed,e.fixed.y=i.fixed):(void 0!==i.fixed.x&&"boolean"==typeof i.fixed.x&&(e.fixed.x=i.fixed.x),void 0!==i.fixed.y&&"boolean"==typeof i.fixed.y&&(e.fixed.y=i.fixed.y))),!0===o&&null===i.font&&(e.font=h.bridgeObject(n.font)),t.updateGroupOptions(e,i,s),void 0!==i.scaling&&h.mergeOptions(e.scaling,i.scaling,"label",n.scaling)}},{key:"checkMass",value:function(t,e){if(void 0!==t.mass&&t.mass<=0){var i="";void 0!==e&&(i=" in node id: "+e),console.log("%cNegative or zero mass disallowed"+i+", setting mass to 1.",C),t.mass=1}}}]),t}();e.default=O},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(6),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(2),u=function(){function t(){(0,a.default)(this,t)}return(0,d.default)(t,null,[{key:"choosify",value:function(t,e){var i=["node","edge","label"],o=!0,n=l.topMost(e,"chosen");if("boolean"==typeof n)o=n;else if("object"===(void 0===n?"undefined":(0,s.default)(n))){if(-1===i.indexOf(t))throw new Error("choosify: subOption '"+t+"' should be one of '"+i.join("', '")+"'");var r=l.topMost(e,["chosen",t]);"boolean"!=typeof r&&"function"!=typeof r||(o=r)}return o}},{key:"pointInRect",value:function(t,e,i){if(t.width<=0||t.height<=0)return!1;if(void 0!==i){var o={x:e.x-i.x,y:e.y-i.y};if(0!==i.angle){var n=-i.angle;e={x:Math.cos(n)*o.x-Math.sin(n)*o.y,y:Math.sin(n)*o.x+Math.cos(n)*o.y}}else e=o}var s=t.x+t.width,r=t.y+t.width;return t.left<e.x&&s>e.x&&t.top<e.y&&r>e.y}},{key:"isValidLabel",value:function(t){return"string"==typeof t&&""!==t}}]),t}();e.default=u},function(t,e,i){i(125);for(var o=i(18),n=i(26),s=i(31),r=i(13)("toStringTag"),a="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),h=0;h<a.length;h++){var d=a[h],l=o[d],u=l&&l.prototype;u&&!u[r]&&n(u,r,d),s[d]=s.Array}},function(t,e){var i={}.toString;t.exports=function(t){return i.call(t).slice(8,-1)}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e){t.exports=!0},function(t,e,i){var o=i(32);t.exports=function(t,e){if(!o(t))return t;var i,n;if(e&&"function"==typeof(i=t.toString)&&!o(n=i.call(t)))return n;if("function"==typeof(i=t.valueOf)&&!o(n=i.call(t)))return n;if(!e&&"function"==typeof(i=t.toString)&&!o(n=i.call(t)))return n;throw TypeError("Can't convert object to primitive value")}},function(t,e,i){var o=i(27),n=i(130),s=i(58),r=i(56)("IE_PROTO"),a=function(){},h=function(){var t,e=i(82)("iframe"),o=s.length;for(e.style.display="none",i(134).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),h=t.F;o--;)delete h.prototype[s[o]];return h()};t.exports=Object.create||function(t,e){var i;return null!==t?(a.prototype=o(t),i=new a,a.prototype=null,i[r]=t):i=h(),void 0===e?i:n(i,e)}},function(t,e){var i=Math.ceil,o=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?o:i)(t)}},function(t,e,i){var o=i(57)("keys"),n=i(40);t.exports=function(t){return o[t]||(o[t]=n(t))}},function(t,e,i){var o=i(18),n=o["__core-js_shared__"]||(o["__core-js_shared__"]={});t.exports=function(t){return n[t]||(n[t]={})}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,i){var o=i(20).f,n=i(22),s=i(13)("toStringTag");t.exports=function(t,e,i){t&&!n(t=i?t:t.prototype,s)&&o(t,s,{configurable:!0,value:e})}},function(t,e,i){var o=i(135)(!0);i(79)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,i=this._i;return i>=e.length?{value:void 0,done:!0}:(t=o(e,i),this._i+=t.length,{value:t,done:!1})})},function(t,e,i){e.f=i(13)},function(t,e,i){var o=i(18),n=i(7),s=i(52),r=i(61),a=i(20).f;t.exports=function(t){var e=n.Symbol||(n.Symbol=s?{}:o.Symbol||{});"_"==t.charAt(0)||t in e||a(e,t,{value:r.f(t)})}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}function n(t,e){var i=p().hours(0).minutes(0).seconds(0).milliseconds(0),o=i.clone().add(-3,"days").valueOf(),n=i.clone().add(3,"days").valueOf();this.millisecondsPerPixelCache=void 0,void 0===e?(this.start=o,this.end=n):(this.start=e.start||o,this.end=e.end||n),this.rolling=!1,this.body=t,this.deltaDifference=0,this.scaleOffset=0,this.startToFront=!1,this.endToFront=!0,this.defaultOptions={rtl:!1,start:null,end:null,moment:p,direction:"horizontal",moveable:!0,zoomable:!0,min:null,max:null,zoomMin:10,zoomMax:31536e10,rollingMode:{follow:!1,offset:.5}},this.options=c.extend({},this.defaultOptions),this.props={touch:{}},this.animationTimer=null,this.body.emitter.on("panstart",this._onDragStart.bind(this)),this.body.emitter.on("panmove",this._onDrag.bind(this)),this.body.emitter.on("panend",this._onDragEnd.bind(this)),this.body.emitter.on("mousewheel",this._onMouseWheel.bind(this)),this.body.emitter.on("touch",this._onTouch.bind(this)),this.body.emitter.on("pinch",this._onPinch.bind(this)),this.body.dom.rollingModeBtn.addEventListener("click",this.startRolling.bind(this)),this.setOptions(e)}function s(t){if("horizontal"!=t&&"vertical"!=t)throw new TypeError('Unknown direction "'+t+'". Choose "horizontal" or "vertical".')}var r=i(8),a=o(r),h=i(19),d=o(h),l=i(6),u=o(l),c=i(2),p=i(9),f=i(16),m=i(36);n.prototype=new f,n.prototype.setOptions=function(t){if(t){var e=["animation","direction","min","max","zoomMin","zoomMax","moveable","zoomable","moment","activate","hiddenDates","zoomKey","rtl","showCurrentTime","rollingMode","horizontalScroll"];c.selectiveExtend(e,this.options,t),t.rollingMode&&t.rollingMode.follow&&this.startRolling(),("start"in t||"end"in t)&&this.setRange(t.start,t.end)}},n.prototype.startRolling=function(){function t(){e.stopRolling(),e.rolling=!0;var i=e.end-e.start,o=c.convert(new Date,"Date").valueOf(),n=o-i*e.options.rollingMode.offset,s=o+i*(1-e.options.rollingMode.offset),r={animation:!1};e.setRange(n,s,r),i=1/e.conversion(e.body.domProps.center.width).scale/10,i<30&&(i=30),i>1e3&&(i=1e3),e.body.dom.rollingModeBtn.style.visibility="hidden",e.currentTimeTimer=setTimeout(t,i)}var e=this;t()},n.prototype.stopRolling=function(){void 0!==this.currentTimeTimer&&(clearTimeout(this.currentTimeTimer),this.rolling=!1,this.body.dom.rollingModeBtn.style.visibility="visible")},n.prototype.setRange=function(t,e,i,o,n){i||(i={}),!0!==i.byUser&&(i.byUser=!1);var s=this,r=void 0!=t?c.convert(t,"Date").valueOf():null,h=void 0!=e?c.convert(e,"Date").valueOf():null;if(this._cancelAnimation(),this.millisecondsPerPixelCache=void 0,i.animation){var l=this.start,p=this.end,f="object"===(0,u.default)(i.animation)&&"duration"in i.animation?i.animation.duration:500,v="object"===(0,u.default)(i.animation)&&"easingFunction"in i.animation?i.animation.easingFunction:"easeInOutQuad",g=c.easingFunctions[v];if(!g)throw new Error("Unknown easing function "+(0,d.default)(v)+". Choose from: "+(0,a.default)(c.easingFunctions).join(", "));var y=(new Date).valueOf(),b=!1;return function t(){if(!s.props.touch.dragging){var e=(new Date).valueOf(),a=e-y,d=g(a/f),u=a>f,c=u||null===r?r:l+(r-l)*d,v=u||null===h?h:p+(h-p)*d;_=s._applyRange(c,v),m.updateHiddenDates(s.options.moment,s.body,s.options.hiddenDates),b=b||_;var w={start:new Date(s.start),end:new Date(s.end),byUser:i.byUser,event:i.event};if(n&&n(d,_,u),_&&s.body.emitter.emit("rangechange",w),u){if(b&&(s.body.emitter.emit("rangechanged",w),o))return o()}else s.animationTimer=setTimeout(t,20)}}()}var _=this._applyRange(r,h);if(m.updateHiddenDates(this.options.moment,this.body,this.options.hiddenDates),_){var w={start:new Date(this.start),end:new Date(this.end),byUser:i.byUser,event:i.event};if(this.body.emitter.emit("rangechange",w),clearTimeout(s.timeoutID),s.timeoutID=setTimeout(function(){s.body.emitter.emit("rangechanged",w)},200),o)return o()}},n.prototype.getMillisecondsPerPixel=function(){return void 0===this.millisecondsPerPixelCache&&(this.millisecondsPerPixelCache=(this.end-this.start)/this.body.dom.center.clientWidth),this.millisecondsPerPixelCache},n.prototype._cancelAnimation=function(){this.animationTimer&&(clearTimeout(this.animationTimer),this.animationTimer=null)},n.prototype._applyRange=function(t,e){var i,o=null!=t?c.convert(t,"Date").valueOf():this.start,n=null!=e?c.convert(e,"Date").valueOf():this.end,s=null!=this.options.max?c.convert(this.options.max,"Date").valueOf():null,r=null!=this.options.min?c.convert(this.options.min,"Date").valueOf():null;if(isNaN(o)||null===o)throw new Error('Invalid start "'+t+'"');if(isNaN(n)||null===n)throw new Error('Invalid end "'+e+'"');if(n<o&&(n=o),null!==r&&o<r&&(i=r-o,o+=i,n+=i,null!=s&&n>s&&(n=s)),null!==s&&n>s&&(i=n-s,o-=i,n-=i,null!=r&&o<r&&(o=r)),null!==this.options.zoomMin){var a=parseFloat(this.options.zoomMin);if(a<0&&(a=0),n-o<a){this.end-this.start===a&&o>=this.start-.5&&n<=this.end?(o=this.start,n=this.end):(i=a-(n-o),o-=i/2,n+=i/2)}}if(null!==this.options.zoomMax){var h=parseFloat(this.options.zoomMax);h<0&&(h=0),n-o>h&&(this.end-this.start===h&&o<this.start&&n>this.end?(o=this.start,n=this.end):(i=n-o-h,o+=i/2,n-=i/2))}var d=this.start!=o||this.end!=n;return o>=this.start&&o<=this.end||n>=this.start&&n<=this.end||this.start>=o&&this.start<=n||this.end>=o&&this.end<=n||this.body.emitter.emit("checkRangedItems"),this.start=o,this.end=n,d},n.prototype.getRange=function(){return{start:this.start,end:this.end}},n.prototype.conversion=function(t,e){return n.conversion(this.start,this.end,t,e)},n.conversion=function(t,e,i,o){return void 0===o&&(o=0),0!=i&&e-t!=0?{offset:t,scale:i/(e-t-o)}:{offset:0,scale:1}},n.prototype._onDragStart=function(t){this.deltaDifference=0,this.previousDelta=0,this.options.moveable&&this._isInsideRange(t)&&this.props.touch.allowDragging&&(this.stopRolling(),this.props.touch.start=this.start,this.props.touch.end=this.end,this.props.touch.dragging=!0,this.body.dom.root&&(this.body.dom.root.style.cursor="move"))},n.prototype._onDrag=function(t){if(t&&this.props.touch.dragging&&this.options.moveable&&this.props.touch.allowDragging){var e=this.options.direction;s(e);var i="horizontal"==e?t.deltaX:t.deltaY;i-=this.deltaDifference;var o=this.props.touch.end-this.props.touch.start;o-=m.getHiddenDurationBetween(this.body.hiddenDates,this.start,this.end);var n,r="horizontal"==e?this.body.domProps.center.width:this.body.domProps.center.height;n=this.options.rtl?i/r*o:-i/r*o;var a=this.props.touch.start+n,h=this.props.touch.end+n,d=m.snapAwayFromHidden(this.body.hiddenDates,a,this.previousDelta-i,!0),l=m.snapAwayFromHidden(this.body.hiddenDates,h,this.previousDelta-i,!0);if(d!=a||l!=h)return this.deltaDifference+=i,this.props.touch.start=d,this.props.touch.end=l,void this._onDrag(t);this.previousDelta=i,this._applyRange(a,h);var u=new Date(this.start),c=new Date(this.end);this.body.emitter.emit("rangechange",{start:u,end:c,byUser:!0,event:t}),this.body.emitter.emit("panmove")}},n.prototype._onDragEnd=function(t){this.props.touch.dragging&&this.options.moveable&&this.props.touch.allowDragging&&(this.props.touch.dragging=!1,this.body.dom.root&&(this.body.dom.root.style.cursor="auto"),this.body.emitter.emit("rangechanged",{start:new Date(this.start),end:new Date(this.end),byUser:!0,event:t}))},n.prototype._onMouseWheel=function(t){var e=0;if(t.wheelDelta?e=t.wheelDelta/120:t.detail&&(e=-t.detail/3),!(this.options.zoomKey&&!t[this.options.zoomKey]&&this.options.zoomable||!this.options.zoomable&&this.options.moveable)&&this.options.zoomable&&this.options.moveable&&this._isInsideRange(t)&&e){var i;i=e<0?1-e/5:1/(1+e/5);var o;if(this.rolling)o=this.start+(this.end-this.start)*this.options.rollingMode.offset;else{var n=this.getPointer({x:t.clientX,y:t.clientY},this.body.dom.center);o=this._pointerToDate(n)}this.zoom(i,o,e,t),t.preventDefault()}},n.prototype._onTouch=function(t){this.props.touch.start=this.start,this.props.touch.end=this.end,this.props.touch.allowDragging=!0,this.props.touch.center=null,this.scaleOffset=0,this.deltaDifference=0,c.preventDefault(t)},n.prototype._onPinch=function(t){if(this.options.zoomable&&this.options.moveable){c.preventDefault(t),this.props.touch.allowDragging=!1,this.props.touch.center||(this.props.touch.center=this.getPointer(t.center,this.body.dom.center)),this.stopRolling();var e=1/(t.scale+this.scaleOffset),i=this._pointerToDate(this.props.touch.center),o=m.getHiddenDurationBetween(this.body.hiddenDates,this.start,this.end),n=m.getHiddenDurationBefore(this.options.moment,this.body.hiddenDates,this,i),s=o-n,r=i-n+(this.props.touch.start-(i-n))*e,a=i+s+(this.props.touch.end-(i+s))*e;this.startToFront=1-e<=0,this.endToFront=e-1<=0;var h=m.snapAwayFromHidden(this.body.hiddenDates,r,1-e,!0),d=m.snapAwayFromHidden(this.body.hiddenDates,a,e-1,!0);h==r&&d==a||(this.props.touch.start=h,this.props.touch.end=d,this.scaleOffset=1-t.scale,r=h,a=d);var l={animation:!1,byUser:!0,event:t};this.setRange(r,a,l),this.startToFront=!1,this.endToFront=!0}},n.prototype._isInsideRange=function(t){var e,i=t.center?t.center.x:t.clientX;e=this.options.rtl?i-c.getAbsoluteLeft(this.body.dom.centerContainer):c.getAbsoluteRight(this.body.dom.centerContainer)-i;var o=this.body.util.toTime(e);return o>=this.start&&o<=this.end},n.prototype._pointerToDate=function(t){var e,i=this.options.direction;if(s(i),"horizontal"==i)return this.body.util.toTime(t.x).valueOf();var o=this.body.domProps.center.height;return e=this.conversion(o),t.y/e.scale+e.offset},n.prototype.getPointer=function(t,e){return this.options.rtl?{x:c.getAbsoluteRight(e)-t.x,y:t.y-c.getAbsoluteTop(e)}:{x:t.x-c.getAbsoluteLeft(e),y:t.y-c.getAbsoluteTop(e)}},n.prototype.zoom=function(t,e,i,o){null==e&&(e=(this.start+this.end)/2);var n=m.getHiddenDurationBetween(this.body.hiddenDates,this.start,this.end),s=m.getHiddenDurationBefore(this.options.moment,this.body.hiddenDates,this,e),r=n-s,a=e-s+(this.start-(e-s))*t,h=e+r+(this.end-(e+r))*t;this.startToFront=!(i>0),this.endToFront=!(-i>0)
-;var d=m.snapAwayFromHidden(this.body.hiddenDates,a,i,!0),l=m.snapAwayFromHidden(this.body.hiddenDates,h,-i,!0);d==a&&l==h||(a=d,h=l);var u={animation:!1,byUser:!0,event:o};this.setRange(a,h,u),this.startToFront=!1,this.endToFront=!0},n.prototype.move=function(t){var e=this.end-this.start,i=this.start+e*t,o=this.end+e*t;this.start=i,this.end=o},n.prototype.moveTo=function(t){var e=(this.start+this.end)/2,i=e-t,o=this.start-i,n=this.end-i,s={animation:!1,byUser:!0,event:null};this.setRange(o,n,s)},t.exports=n},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}function n(){}var s=i(19),r=o(s),a=i(6),h=o(a),d=i(44),l=i(10),u=i(37),c=i(2),p=i(45),f=i(97),m=i(36),v=i(46);d(n.prototype),n.prototype._create=function(t){function e(t){this.isActive()&&this.emit("mousewheel",t);var e=0,i=0;if("detail"in t&&(i=-1*t.detail),"wheelDelta"in t&&(i=t.wheelDelta),"wheelDeltaY"in t&&(i=t.wheelDeltaY),"wheelDeltaX"in t&&(e=-1*t.wheelDeltaX),"axis"in t&&t.axis===t.HORIZONTAL_AXIS&&(e=-1*i,i=0),"deltaY"in t&&(i=-1*t.deltaY),"deltaX"in t&&(e=t.deltaX),this.options.zoomKey&&!t[this.options.zoomKey])if(t.preventDefault(),this.options.verticalScroll&&Math.abs(i)>=Math.abs(e)){var o=this.props.scrollTop,n=o+i;this.isActive()&&(this._setScrollTop(n),this._redraw(),this.emit("scroll",t))}else if(this.options.horizontalScroll){var s=Math.abs(e)>=Math.abs(i)?e:i,r=s/120*(this.range.end-this.range.start)/20,a=this.range.start+r,h=this.range.end+r,d={animation:!1,byUser:!0,event:t};this.range.setRange(a,h,d)}}function i(t){if(s.options.verticalScroll&&(t.preventDefault(),s.isActive())){var e=-t.target.scrollTop;s._setScrollTop(e),s._redraw(),s.emit("scrollSide",t)}}function o(t){if(t.preventDefault&&t.preventDefault(),!(!t.target.className.indexOf("vis")>-1||a))return t.dataTransfer.dropEffect="move",a=!0,!1}function n(t){t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation();try{var e=JSON.parse(t.dataTransfer.getData("text"));if(!e||!e.content)return}catch(t){return!1}return a=!1,t.center={x:t.clientX,y:t.clientY},"item"!==e.target?s.itemSet._onAddItem(t):s.itemSet._onDropObjectOnItem(t),s.emit("drop",s.getEventProperties(t)),!1}this.dom={},this.dom.container=t,this.dom.root=document.createElement("div"),this.dom.background=document.createElement("div"),this.dom.backgroundVertical=document.createElement("div"),this.dom.backgroundHorizontal=document.createElement("div"),this.dom.centerContainer=document.createElement("div"),this.dom.leftContainer=document.createElement("div"),this.dom.rightContainer=document.createElement("div"),this.dom.center=document.createElement("div"),this.dom.left=document.createElement("div"),this.dom.right=document.createElement("div"),this.dom.top=document.createElement("div"),this.dom.bottom=document.createElement("div"),this.dom.shadowTop=document.createElement("div"),this.dom.shadowBottom=document.createElement("div"),this.dom.shadowTopLeft=document.createElement("div"),this.dom.shadowBottomLeft=document.createElement("div"),this.dom.shadowTopRight=document.createElement("div"),this.dom.shadowBottomRight=document.createElement("div"),this.dom.rollingModeBtn=document.createElement("div"),this.dom.root.className="vis-timeline",this.dom.background.className="vis-panel vis-background",this.dom.backgroundVertical.className="vis-panel vis-background vis-vertical",this.dom.backgroundHorizontal.className="vis-panel vis-background vis-horizontal",this.dom.centerContainer.className="vis-panel vis-center",this.dom.leftContainer.className="vis-panel vis-left",this.dom.rightContainer.className="vis-panel vis-right",this.dom.top.className="vis-panel vis-top",this.dom.bottom.className="vis-panel vis-bottom",this.dom.left.className="vis-content",this.dom.center.className="vis-content",this.dom.right.className="vis-content",this.dom.shadowTop.className="vis-shadow vis-top",this.dom.shadowBottom.className="vis-shadow vis-bottom",this.dom.shadowTopLeft.className="vis-shadow vis-top",this.dom.shadowBottomLeft.className="vis-shadow vis-bottom",this.dom.shadowTopRight.className="vis-shadow vis-top",this.dom.shadowBottomRight.className="vis-shadow vis-bottom",this.dom.rollingModeBtn.className="vis-rolling-mode-btn",this.dom.root.appendChild(this.dom.background),this.dom.root.appendChild(this.dom.backgroundVertical),this.dom.root.appendChild(this.dom.backgroundHorizontal),this.dom.root.appendChild(this.dom.centerContainer),this.dom.root.appendChild(this.dom.leftContainer),this.dom.root.appendChild(this.dom.rightContainer),this.dom.root.appendChild(this.dom.top),this.dom.root.appendChild(this.dom.bottom),this.dom.root.appendChild(this.dom.bottom),this.dom.root.appendChild(this.dom.rollingModeBtn),this.dom.centerContainer.appendChild(this.dom.center),this.dom.leftContainer.appendChild(this.dom.left),this.dom.rightContainer.appendChild(this.dom.right),this.dom.centerContainer.appendChild(this.dom.shadowTop),this.dom.centerContainer.appendChild(this.dom.shadowBottom),this.dom.leftContainer.appendChild(this.dom.shadowTopLeft),this.dom.leftContainer.appendChild(this.dom.shadowBottomLeft),this.dom.rightContainer.appendChild(this.dom.shadowTopRight),this.dom.rightContainer.appendChild(this.dom.shadowBottomRight),this.props={root:{},background:{},centerContainer:{},leftContainer:{},rightContainer:{},center:{},left:{},right:{},top:{},bottom:{},border:{},scrollTop:0,scrollTopMin:0},this.on("rangechange",function(){!0===this.initialDrawDone&&this._redraw()}.bind(this)),this.on("rangechanged",function(){this.initialRangeChangeDone||(this.initialRangeChangeDone=!0)}.bind(this)),this.on("touch",this._onTouch.bind(this)),this.on("panmove",this._onDrag.bind(this));var s=this;this._origRedraw=this._redraw.bind(this),this._redraw=c.throttle(this._origRedraw),this.on("_change",function(t){s.itemSet&&s.itemSet.initialItemSetDrawn&&t&&1==t.queue?s._redraw():s._origRedraw()}),this.hammer=new l(this.dom.root);var r=this.hammer.get("pinch").set({enable:!0});u.disablePreventDefaultVertically(r),this.hammer.get("pan").set({threshold:5,direction:l.DIRECTION_HORIZONTAL}),this.listeners={},["tap","doubletap","press","pinch","pan","panstart","panmove","panend"].forEach(function(t){var e=function(e){s.isActive()&&s.emit(t,e)};s.hammer.on(t,e),s.listeners[t]=e}),u.onTouch(this.hammer,function(t){s.emit("touch",t)}.bind(this)),u.onRelease(this.hammer,function(t){s.emit("release",t)}.bind(this)),this.dom.centerContainer.addEventListener?(this.dom.centerContainer.addEventListener("mousewheel",e.bind(this),!1),this.dom.centerContainer.addEventListener("DOMMouseScroll",e.bind(this),!1)):this.dom.centerContainer.attachEvent("onmousewheel",e.bind(this)),this.dom.left.parentNode.addEventListener("scroll",i.bind(this)),this.dom.right.parentNode.addEventListener("scroll",i.bind(this));var a=!1;if(this.dom.center.addEventListener("dragover",o.bind(this),!1),this.dom.center.addEventListener("drop",n.bind(this),!1),this.customTimes=[],this.touch={},this.redrawCount=0,this.initialDrawDone=!1,this.initialRangeChangeDone=!1,!t)throw new Error("No container provided");t.appendChild(this.dom.root)},n.prototype.setOptions=function(t){if(t){var e=["width","height","minHeight","maxHeight","autoResize","start","end","clickToUse","dataAttributes","hiddenDates","locale","locales","moment","rtl","zoomKey","horizontalScroll","verticalScroll"];if(c.selectiveExtend(e,this.options,t),this.dom.rollingModeBtn.style.visibility="hidden",this.options.rtl&&(this.dom.container.style.direction="rtl",this.dom.backgroundVertical.className="vis-panel vis-background vis-vertical-rtl"),this.options.verticalScroll&&(this.options.rtl?this.dom.rightContainer.className="vis-panel vis-right vis-vertical-scroll":this.dom.leftContainer.className="vis-panel vis-left vis-vertical-scroll"),"object"!==(0,h.default)(this.options.orientation)&&(this.options.orientation={item:void 0,axis:void 0}),"orientation"in t&&("string"==typeof t.orientation?this.options.orientation={item:t.orientation,axis:t.orientation}:"object"===(0,h.default)(t.orientation)&&("item"in t.orientation&&(this.options.orientation.item=t.orientation.item),"axis"in t.orientation&&(this.options.orientation.axis=t.orientation.axis))),"both"===this.options.orientation.axis){if(!this.timeAxis2){var i=this.timeAxis2=new p(this.body);i.setOptions=function(t){var e=t?c.extend({},t):{};e.orientation="top",p.prototype.setOptions.call(i,e)},this.components.push(i)}}else if(this.timeAxis2){var o=this.components.indexOf(this.timeAxis2);-1!==o&&this.components.splice(o,1),this.timeAxis2.destroy(),this.timeAxis2=null}if("function"==typeof t.drawPoints&&(t.drawPoints={onRender:t.drawPoints}),"hiddenDates"in this.options&&m.convertHiddenOptions(this.options.moment,this.body,this.options.hiddenDates),"clickToUse"in t&&(t.clickToUse?this.activator||(this.activator=new f(this.dom.root)):this.activator&&(this.activator.destroy(),delete this.activator)),"showCustomTime"in t)throw new Error("Option `showCustomTime` is deprecated. Create a custom time bar via timeline.addCustomTime(time [, id])");this._initAutoResize()}if(this.components.forEach(function(e){return e.setOptions(t)}),"configure"in t){this.configurator||(this.configurator=this._createConfigurator()),this.configurator.setOptions(t.configure);var n=c.deepExtend({},this.options);this.components.forEach(function(t){c.deepExtend(n,t.options)}),this.configurator.setModuleOptions({global:n})}this._redraw()},n.prototype.isActive=function(){return!this.activator||this.activator.active},n.prototype.destroy=function(){this.setItems(null),this.setGroups(null),this.off(),this._stopAutoResize(),this.dom.root.parentNode&&this.dom.root.parentNode.removeChild(this.dom.root),this.dom=null,this.activator&&(this.activator.destroy(),delete this.activator);for(var t in this.listeners)this.listeners.hasOwnProperty(t)&&delete this.listeners[t];this.listeners=null,this.hammer=null,this.components.forEach(function(t){return t.destroy()}),this.body=null},n.prototype.setCustomTime=function(t,e){var i=this.customTimes.filter(function(t){return e===t.options.id});if(0===i.length)throw new Error("No custom time bar found with id "+(0,r.default)(e));i.length>0&&i[0].setCustomTime(t)},n.prototype.getCustomTime=function(t){var e=this.customTimes.filter(function(e){return e.options.id===t});if(0===e.length)throw new Error("No custom time bar found with id "+(0,r.default)(t));return e[0].getCustomTime()},n.prototype.setCustomTimeTitle=function(t,e){var i=this.customTimes.filter(function(t){return t.options.id===e});if(0===i.length)throw new Error("No custom time bar found with id "+(0,r.default)(e));if(i.length>0)return i[0].setCustomTitle(t)},n.prototype.getEventProperties=function(t){return{event:t}},n.prototype.addCustomTime=function(t,e){var i=void 0!==t?c.convert(t,"Date").valueOf():new Date;if(this.customTimes.some(function(t){return t.options.id===e}))throw new Error("A custom time with id "+(0,r.default)(e)+" already exists");var o=new v(this.body,c.extend({},this.options,{time:i,id:e}));return this.customTimes.push(o),this.components.push(o),this._redraw(),e},n.prototype.removeCustomTime=function(t){var e=this.customTimes.filter(function(e){return e.options.id===t});if(0===e.length)throw new Error("No custom time bar found with id "+(0,r.default)(t));e.forEach(function(t){this.customTimes.splice(this.customTimes.indexOf(t),1),this.components.splice(this.components.indexOf(t),1),t.destroy()}.bind(this))},n.prototype.getVisibleItems=function(){return this.itemSet&&this.itemSet.getVisibleItems()||[]},n.prototype.fit=function(t,e){var i=this.getDataRange();if(null!==i.min||null!==i.max){var o=i.max-i.min,n=new Date(i.min.valueOf()-.01*o),s=new Date(i.max.valueOf()+.01*o),r=!t||void 0===t.animation||t.animation;this.range.setRange(n,s,{animation:r},e)}},n.prototype.getDataRange=function(){throw new Error("Cannot invoke abstract method getDataRange")},n.prototype.setWindow=function(t,e,i,o){"function"==typeof arguments[2]&&(o=arguments[2],i={});var n,s;1==arguments.length?(s=arguments[0],n=void 0===s.animation||s.animation,this.range.setRange(s.start,s.end,{animation:n})):2==arguments.length&&"function"==typeof arguments[1]?(s=arguments[0],o=arguments[1],n=void 0===s.animation||s.animation,this.range.setRange(s.start,s.end,{animation:n},o)):(n=!i||void 0===i.animation||i.animation,this.range.setRange(t,e,{animation:n},o))},n.prototype.moveTo=function(t,e,i){"function"==typeof arguments[1]&&(i=arguments[1],e={});var o=this.range.end-this.range.start,n=c.convert(t,"Date").valueOf(),s=n-o/2,r=n+o/2,a=!e||void 0===e.animation||e.animation;this.range.setRange(s,r,{animation:a},i)},n.prototype.getWindow=function(){var t=this.range.getRange();return{start:new Date(t.start),end:new Date(t.end)}},n.prototype.zoomIn=function(t,e,i){if(!(!t||t<0||t>1)){"function"==typeof arguments[1]&&(i=arguments[1],e={});var o=this.getWindow(),n=o.start.valueOf(),s=o.end.valueOf(),r=s-n,a=r/(1+t),h=(r-a)/2,d=n+h,l=s-h;this.setWindow(d,l,e,i)}},n.prototype.zoomOut=function(t,e,i){if(!(!t||t<0||t>1)){"function"==typeof arguments[1]&&(i=arguments[1],e={});var o=this.getWindow(),n=o.start.valueOf(),s=o.end.valueOf(),r=s-n,a=n-r*t/2,h=s+r*t/2;this.setWindow(a,h,e,i)}},n.prototype.redraw=function(){this._redraw()},n.prototype._redraw=function(){this.redrawCount++;var t=!1,e=this.options,i=this.props,o=this.dom;if(o&&o.container&&0!=o.root.offsetWidth){m.updateHiddenDates(this.options.moment,this.body,this.options.hiddenDates),"top"==e.orientation?(c.addClassName(o.root,"vis-top"),c.removeClassName(o.root,"vis-bottom")):(c.removeClassName(o.root,"vis-top"),c.addClassName(o.root,"vis-bottom")),o.root.style.maxHeight=c.option.asSize(e.maxHeight,""),o.root.style.minHeight=c.option.asSize(e.minHeight,""),o.root.style.width=c.option.asSize(e.width,""),i.border.left=(o.centerContainer.offsetWidth-o.centerContainer.clientWidth)/2,i.border.right=i.border.left,i.border.top=(o.centerContainer.offsetHeight-o.centerContainer.clientHeight)/2,i.border.bottom=i.border.top,i.borderRootHeight=o.root.offsetHeight-o.root.clientHeight,i.borderRootWidth=o.root.offsetWidth-o.root.clientWidth,0===o.centerContainer.clientHeight&&(i.border.left=i.border.top,i.border.right=i.border.left),0===o.root.clientHeight&&(i.borderRootWidth=i.borderRootHeight),i.center.height=o.center.offsetHeight,i.left.height=o.left.offsetHeight,i.right.height=o.right.offsetHeight,i.top.height=o.top.clientHeight||-i.border.top,i.bottom.height=o.bottom.clientHeight||-i.border.bottom;var n=Math.max(i.left.height,i.center.height,i.right.height),s=i.top.height+n+i.bottom.height+i.borderRootHeight+i.border.top+i.border.bottom;o.root.style.height=c.option.asSize(e.height,s+"px"),i.root.height=o.root.offsetHeight,i.background.height=i.root.height-i.borderRootHeight;var r=i.root.height-i.top.height-i.bottom.height-i.borderRootHeight;i.centerContainer.height=r,i.leftContainer.height=r,i.rightContainer.height=i.leftContainer.height,i.root.width=o.root.offsetWidth,i.background.width=i.root.width-i.borderRootWidth,this.initialDrawDone||(i.scrollbarWidth=c.getScrollBarWidth()),e.verticalScroll?e.rtl?(i.left.width=o.leftContainer.clientWidth||-i.border.left,i.right.width=o.rightContainer.clientWidth+i.scrollbarWidth||-i.border.right):(i.left.width=o.leftContainer.clientWidth+i.scrollbarWidth||-i.border.left,i.right.width=o.rightContainer.clientWidth||-i.border.right):(i.left.width=o.leftContainer.clientWidth||-i.border.left,i.right.width=o.rightContainer.clientWidth||-i.border.right),this._setDOM();var a=this._updateScrollTop();"top"!=e.orientation.item&&(a+=Math.max(i.centerContainer.height-i.center.height-i.border.top-i.border.bottom,0)),o.center.style.top=a+"px";var h=0==i.scrollTop?"hidden":"",d=i.scrollTop==i.scrollTopMin?"hidden":"";o.shadowTop.style.visibility=h,o.shadowBottom.style.visibility=d,o.shadowTopLeft.style.visibility=h,o.shadowBottomLeft.style.visibility=d,o.shadowTopRight.style.visibility=h,o.shadowBottomRight.style.visibility=d,e.verticalScroll&&(o.rightContainer.className="vis-panel vis-right vis-vertical-scroll",o.leftContainer.className="vis-panel vis-left vis-vertical-scroll",o.shadowTopRight.style.visibility="hidden",o.shadowBottomRight.style.visibility="hidden",o.shadowTopLeft.style.visibility="hidden",o.shadowBottomLeft.style.visibility="hidden",o.left.style.top="0px",o.right.style.top="0px"),(!e.verticalScroll||i.center.height<i.centerContainer.height)&&(o.left.style.top=a+"px",o.right.style.top=a+"px",o.rightContainer.className=o.rightContainer.className.replace(new RegExp("(?:^|\\s)vis-vertical-scroll(?:\\s|$)")," "),o.leftContainer.className=o.leftContainer.className.replace(new RegExp("(?:^|\\s)vis-vertical-scroll(?:\\s|$)")," "),i.left.width=o.leftContainer.clientWidth||-i.border.left,i.right.width=o.rightContainer.clientWidth||-i.border.right,this._setDOM());var u=i.center.height>i.centerContainer.height;this.hammer.get("pan").set({direction:u?l.DIRECTION_ALL:l.DIRECTION_HORIZONTAL}),this.components.forEach(function(e){t=e.redraw()||t});if(t){if(this.redrawCount<5)return void this.body.emitter.emit("_change");console.log("WARNING: infinite loop in redraw?")}else this.redrawCount=0;this.body.emitter.emit("changed")}},n.prototype._setDOM=function(){var t=this.props,e=this.dom;t.leftContainer.width=t.left.width,t.rightContainer.width=t.right.width;var i=t.root.width-t.left.width-t.right.width-t.borderRootWidth;t.center.width=i,t.centerContainer.width=i,t.top.width=i,t.bottom.width=i,e.background.style.height=t.background.height+"px",e.backgroundVertical.style.height=t.background.height+"px",e.backgroundHorizontal.style.height=t.centerContainer.height+"px",e.centerContainer.style.height=t.centerContainer.height+"px",e.leftContainer.style.height=t.leftContainer.height+"px",e.rightContainer.style.height=t.rightContainer.height+"px",e.background.style.width=t.background.width+"px",e.backgroundVertical.style.width=t.centerContainer.width+"px",e.backgroundHorizontal.style.width=t.background.width+"px",e.centerContainer.style.width=t.center.width+"px",e.top.style.width=t.top.width+"px",e.bottom.style.width=t.bottom.width+"px",e.background.style.left="0",e.background.style.top="0",e.backgroundVertical.style.left=t.left.width+t.border.left+"px",e.backgroundVertical.style.top="0",e.backgroundHorizontal.style.left="0",e.backgroundHorizontal.style.top=t.top.height+"px",e.centerContainer.style.left=t.left.width+"px",e.centerContainer.style.top=t.top.height+"px",e.leftContainer.style.left="0",e.leftContainer.style.top=t.top.height+"px",e.rightContainer.style.left=t.left.width+t.center.width+"px",e.rightContainer.style.top=t.top.height+"px",e.top.style.left=t.left.width+"px",e.top.style.top="0",e.bottom.style.left=t.left.width+"px",e.bottom.style.top=t.top.height+t.centerContainer.height+"px",e.center.style.left="0",e.left.style.left="0",e.right.style.left="0"},n.prototype.repaint=function(){throw new Error("Function repaint is deprecated. Use redraw instead.")},n.prototype.setCurrentTime=function(t){if(!this.currentTime)throw new Error("Option showCurrentTime must be true");this.currentTime.setCurrentTime(t)},n.prototype.getCurrentTime=function(){if(!this.currentTime)throw new Error("Option showCurrentTime must be true");return this.currentTime.getCurrentTime()},n.prototype._toTime=function(t){return m.toTime(this,t,this.props.center.width)},n.prototype._toGlobalTime=function(t){return m.toTime(this,t,this.props.root.width)},n.prototype._toScreen=function(t){return m.toScreen(this,t,this.props.center.width)},n.prototype._toGlobalScreen=function(t){return m.toScreen(this,t,this.props.root.width)},n.prototype._initAutoResize=function(){1==this.options.autoResize?this._startAutoResize():this._stopAutoResize()},n.prototype._startAutoResize=function(){var t=this;this._stopAutoResize(),this._onResize=function(){if(1!=t.options.autoResize)return void t._stopAutoResize();t.dom.root&&(t.dom.root.offsetWidth==t.props.lastWidth&&t.dom.root.offsetHeight==t.props.lastHeight||(t.props.lastWidth=t.dom.root.offsetWidth,t.props.lastHeight=t.dom.root.offsetHeight,t.props.scrollbarWidth=c.getScrollBarWidth(),t.body.emitter.emit("_change")))},c.addEventListener(window,"resize",this._onResize),t.dom.root&&(t.props.lastWidth=t.dom.root.offsetWidth,t.props.lastHeight=t.dom.root.offsetHeight),this.watchTimer=setInterval(this._onResize,1e3)},n.prototype._stopAutoResize=function(){this.watchTimer&&(clearInterval(this.watchTimer),this.watchTimer=void 0),this._onResize&&(c.removeEventListener(window,"resize",this._onResize),this._onResize=null)},n.prototype._onTouch=function(t){this.touch.allowDragging=!0,this.touch.initialScrollTop=this.props.scrollTop},n.prototype._onPinch=function(t){this.touch.allowDragging=!1},n.prototype._onDrag=function(t){if(t&&this.touch.allowDragging){var e=t.deltaY,i=this._getScrollTop(),o=this._setScrollTop(this.touch.initialScrollTop+e);this.options.verticalScroll&&(this.dom.left.parentNode.scrollTop=-this.props.scrollTop,this.dom.right.parentNode.scrollTop=-this.props.scrollTop),o!=i&&this.emit("verticalDrag")}},n.prototype._setScrollTop=function(t){return this.props.scrollTop=t,this._updateScrollTop(),this.props.scrollTop},n.prototype._updateScrollTop=function(){var t=Math.min(this.props.centerContainer.height-this.props.center.height,0);return t!=this.props.scrollTopMin&&("top"!=this.options.orientation.item&&(this.props.scrollTop+=t-this.props.scrollTopMin),this.props.scrollTopMin=t),this.props.scrollTop>0&&(this.props.scrollTop=0),this.props.scrollTop<t&&(this.props.scrollTop=t),this.options.verticalScroll&&(this.dom.left.parentNode.scrollTop=-this.props.scrollTop,this.dom.right.parentNode.scrollTop=-this.props.scrollTop),this.props.scrollTop},n.prototype._getScrollTop=function(){return this.props.scrollTop},n.prototype._createConfigurator=function(){throw new Error("Cannot invoke abstract method _createConfigurator")},t.exports=n},function(t,e,i){function o(t,e,i,s,r){this.moment=n,this.current=this.moment(),this._start=this.moment(),this._end=this.moment(),this.autoScale=!0,this.scale="day",this.step=1,this.setRange(t,e,i),this.switchedDay=!1,this.switchedMonth=!1,this.switchedYear=!1,Array.isArray(s)?this.hiddenDates=s:this.hiddenDates=void 0!=s?[s]:[],this.format=o.FORMAT,this.options=r||{}}var n=i(9),s=i(36),r=i(2);o.FORMAT={minorLabels:{millisecond:"SSS",second:"s",minute:"HH:mm",hour:"HH:mm",weekday:"ddd D",day:"D",week:"w",month:"MMM",year:"YYYY"},majorLabels:{millisecond:"HH:mm:ss",second:"D MMMM HH:mm",minute:"ddd D MMMM",hour:"ddd D MMMM",weekday:"MMMM YYYY",day:"MMMM YYYY",week:"MMMM YYYY",month:"YYYY",year:""}},o.prototype.setMoment=function(t){this.moment=t,this.current=this.moment(this.current.valueOf()),this._start=this.moment(this._start.valueOf()),this._end=this.moment(this._end.valueOf())},o.prototype.setFormat=function(t){var e=r.deepExtend({},o.FORMAT);this.format=r.deepExtend(e,t)},o.prototype.setRange=function(t,e,i){if(!(t instanceof Date&&e instanceof Date))throw"No legal start or end date in method setRange";this._start=void 0!=t?this.moment(t.valueOf()):new Date,this._end=void 0!=e?this.moment(e.valueOf()):new Date,this.autoScale&&this.setMinimumStep(i)},o.prototype.start=function(){this.current=this._start.clone(),this.roundToMinor()},o.prototype.roundToMinor=function(){switch("week"==this.scale&&this.current.weekday(0),this.scale){case"year":this.current.year(this.step*Math.floor(this.current.year()/this.step)),this.current.month(0);case"month":this.current.date(1);case"week":case"day":case"weekday":this.current.hours(0);case"hour":this.current.minutes(0);case"minute":this.current.seconds(0);case"second":this.current.milliseconds(0)}if(1!=this.step)switch(this.scale){case"millisecond":this.current.subtract(this.current.milliseconds()%this.step,"milliseconds");break;case"second":this.current.subtract(this.current.seconds()%this.step,"seconds");break;case"minute":this.current.subtract(this.current.minutes()%this.step,"minutes");break;case"hour":this.current.subtract(this.current.hours()%this.step,"hours");break;case"weekday":case"day":this.current.subtract((this.current.date()-1)%this.step,"day");break;case"week":this.current.subtract(this.current.week()%this.step,"week");break;case"month":this.current.subtract(this.current.month()%this.step,"month");break;case"year":this.current.subtract(this.current.year()%this.step,"year")}},o.prototype.hasNext=function(){return this.current.valueOf()<=this._end.valueOf()},o.prototype.next=function(){var t=this.current.valueOf();switch(this.scale){case"millisecond":this.current.add(this.step,"millisecond");break;case"second":this.current.add(this.step,"second");break;case"minute":this.current.add(this.step,"minute");break;case"hour":this.current.add(this.step,"hour"),this.current.month()<6?this.current.subtract(this.current.hours()%this.step,"hour"):this.current.hours()%this.step!=0&&this.current.add(this.step-this.current.hours()%this.step,"hour");break;case"weekday":case"day":this.current.add(this.step,"day");break;case"week":if(0!==this.current.weekday())this.current.weekday(0),this.current.add(this.step,"week");else if(!1===this.options.showMajorLabels)this.current.add(this.step,"week");else{var e=this.current.clone();e.add(1,"week"),e.isSame(this.current,"month")?this.current.add(this.step,"week"):(this.current.add(this.step,"week"),this.current.date(1))}break;case"month":this.current.add(this.step,"month");break;case"year":this.current.add(this.step,"year")}if(1!=this.step)switch(this.scale){case"millisecond":this.current.milliseconds()>0&&this.current.milliseconds()<this.step&&this.current.milliseconds(0);break;case"second":this.current.seconds()>0&&this.current.seconds()<this.step&&this.current.seconds(0);break;case"minute":this.current.minutes()>0&&this.current.minutes()<this.step&&this.current.minutes(0);break;case"hour":this.current.hours()>0&&this.current.hours()<this.step&&this.current.hours(0);break;case"weekday":case"day":this.current.date()<this.step+1&&this.current.date(1);break;case"week":this.current.week()<this.step&&this.current.week(1);break;case"month":this.current.month()<this.step&&this.current.month(0)}this.current.valueOf()==t&&(this.current=this._end.clone()),this.switchedDay=!1,this.switchedMonth=!1,this.switchedYear=!1,s.stepOverHiddenDates(this.moment,this,t)},o.prototype.getCurrent=function(){return this.current},o.prototype.setScale=function(t){t&&"string"==typeof t.scale&&(this.scale=t.scale,this.step=t.step>0?t.step:1,this.autoScale=!1)},o.prototype.setAutoScale=function(t){this.autoScale=t},o.prototype.setMinimumStep=function(t){if(void 0!=t){31104e9>t&&(this.scale="year",this.step=1e3),15552e9>t&&(this.scale="year",this.step=500),31104e8>t&&(this.scale="year",this.step=100),15552e8>t&&(this.scale="year",this.step=50),31104e7>t&&(this.scale="year",this.step=10),15552e7>t&&(this.scale="year",this.step=5),31104e6>t&&(this.scale="year",this.step=1),7776e6>t&&(this.scale="month",this.step=3),2592e6>t&&(this.scale="month",this.step=1),432e6>t&&(this.scale="day",this.step=5),1728e5>t&&(this.scale="day",this.step=2),864e5>t&&(this.scale="day",this.step=1),432e5>t&&(this.scale="weekday",this.step=1),144e5>t&&(this.scale="hour",this.step=4),36e5>t&&(this.scale="hour",this.step=1),9e5>t&&(this.scale="minute",this.step=15),6e5>t&&(this.scale="minute",this.step=10),3e5>t&&(this.scale="minute",this.step=5),6e4>t&&(this.scale="minute",this.step=1),15e3>t&&(this.scale="second",this.step=15),1e4>t&&(this.scale="second",this.step=10),5e3>t&&(this.scale="second",this.step=5),1e3>t&&(this.scale="second",this.step=1),200>t&&(this.scale="millisecond",this.step=200),100>t&&(this.scale="millisecond",this.step=100),50>t&&(this.scale="millisecond",this.step=50),10>t&&(this.scale="millisecond",this.step=10),5>t&&(this.scale="millisecond",this.step=5),1>t&&(this.scale="millisecond",this.step=1)}},o.snap=function(t,e,i){var o=n(t);if("year"==e){var s=o.year()+Math.round(o.month()/12);o.year(Math.round(s/i)*i),o.month(0),o.date(0),o.hours(0),o.minutes(0),o.seconds(0),o.milliseconds(0)}else if("month"==e)o.date()>15?(o.date(1),o.add(1,"month")):o.date(1),o.hours(0),o.minutes(0),o.seconds(0),o.milliseconds(0);else if("week"==e)o.weekday()>2?(o.weekday(0),o.add(1,"week")):o.weekday(0),o.hours(0),o.minutes(0),o.seconds(0),o.milliseconds(0);else if("day"==e){switch(i){case 5:case 2:o.hours(24*Math.round(o.hours()/24));break;default:o.hours(12*Math.round(o.hours()/12))}o.minutes(0),o.seconds(0),o.milliseconds(0)}else if("weekday"==e){switch(i){case 5:case 2:o.hours(12*Math.round(o.hours()/12));break;default:o.hours(6*Math.round(o.hours()/6))}o.minutes(0),o.seconds(0),o.milliseconds(0)}else if("hour"==e){switch(i){case 4:o.minutes(60*Math.round(o.minutes()/60));break;default:o.minutes(30*Math.round(o.minutes()/30))}o.seconds(0),o.milliseconds(0)}else if("minute"==e){switch(i){case 15:case 10:o.minutes(5*Math.round(o.minutes()/5)),o.seconds(0);break;case 5:o.seconds(60*Math.round(o.seconds()/60));break;default:o.seconds(30*Math.round(o.seconds()/30))}o.milliseconds(0)}else if("second"==e)switch(i){case 15:case 10:o.seconds(5*Math.round(o.seconds()/5)),o.milliseconds(0);break;case 5:o.milliseconds(1e3*Math.round(o.milliseconds()/1e3));break;default:o.milliseconds(500*Math.round(o.milliseconds()/500))}else if("millisecond"==e){var r=i>5?i/2:1;o.milliseconds(Math.round(o.milliseconds()/r)*r)}return o},o.prototype.isMajor=function(){if(1==this.switchedYear)switch(this.scale){case"year":case"month":case"week":case"weekday":case"day":case"hour":case"minute":case"second":case"millisecond":return!0;default:return!1}else if(1==this.switchedMonth)switch(this.scale){case"week":case"weekday":case"day":case"hour":case"minute":case"second":case"millisecond":return!0;default:return!1}else if(1==this.switchedDay)switch(this.scale){case"millisecond":case"second":case"minute":case"hour":return!0;default:return!1}var t=this.moment(this.current);switch(this.scale){case"millisecond":return 0==t.milliseconds();case"second":return 0==t.seconds();case"minute":return 0==t.hours()&&0==t.minutes();case"hour":return 0==t.hours();case"weekday":case"day":case"week":return 1==t.date();case"month":return 0==t.month();case"year":default:return!1}},o.prototype.getLabelMinor=function(t){if(void 0==t&&(t=this.current),t instanceof Date&&(t=this.moment(t)),"function"==typeof this.format.minorLabels)return this.format.minorLabels(t,this.scale,this.step);var e=this.format.minorLabels[this.scale];switch(this.scale){case"week":if(this.isMajor()&&0!==t.weekday())return"";default:return e&&e.length>0?this.moment(t).format(e):""}},o.prototype.getLabelMajor=function(t){if(void 0==t&&(t=this.current),t instanceof Date&&(t=this.moment(t)),"function"==typeof this.format.majorLabels)return this.format.majorLabels(t,this.scale,this.step);var e=this.format.majorLabels[this.scale];return e&&e.length>0?this.moment(t).format(e):""},o.prototype.getClassName=function(){function t(t){return t/a%2==0?" vis-even":" vis-odd"}function e(t){return t.isSame(new Date,"day")?" vis-today":t.isSame(n().add(1,"day"),"day")?" vis-tomorrow":t.isSame(n().add(-1,"day"),"day")?" vis-yesterday":""}function i(t){return t.isSame(new Date,"week")?" vis-current-week":""}function o(t){return t.isSame(new Date,"month")?" vis-current-month":""}var n=this.moment,s=this.moment(this.current),r=s.locale?s.locale("en"):s.lang("en"),a=this.step,h=[];switch(this.scale){case"millisecond":h.push(e(r)),h.push(t(r.milliseconds()));break;case"second":h.push(e(r)),h.push(t(r.seconds()));break;case"minute":h.push(e(r)),h.push(t(r.minutes()));break;case"hour":h.push("vis-h"+r.hours()+(4==this.step?"-h"+(r.hours()+4):"")),h.push(e(r)),h.push(t(r.hours()));break;case"weekday":h.push("vis-"+r.format("dddd").toLowerCase()),h.push(e(r)),h.push(i(r)),h.push(t(r.date()));break;case"day":h.push("vis-day"+r.date()),h.push("vis-"+r.format("MMMM").toLowerCase()),h.push(e(r)),h.push(o(r)),h.push(this.step<=2?e(r):""),h.push(this.step<=2?"vis-"+r.format("dddd").toLowerCase():""),
-h.push(t(r.date()-1));break;case"week":h.push("vis-week"+r.format("w")),h.push(i(r)),h.push(t(r.week()));break;case"month":h.push("vis-"+r.format("MMMM").toLowerCase()),h.push(o(r)),h.push(t(r.month()));break;case"year":h.push("vis-year"+r.year()),h.push(function(t){return t.isSame(new Date,"year")?" vis-current-year":""}(r)),h.push(t(r.year()))}return h.filter(String).join(" ")},t.exports=o},function(t,e,i){function o(t,e){this.body=t,this.defaultOptions={rtl:!1,showCurrentTime:!0,moment:r,locales:a,locale:"en"},this.options=n.extend({},this.defaultOptions),this.offset=0,this._create(),this.setOptions(e)}var n=i(2),s=i(16),r=i(9),a=i(98);o.prototype=new s,o.prototype._create=function(){var t=document.createElement("div");t.className="vis-current-time",t.style.position="absolute",t.style.top="0px",t.style.height="100%",this.bar=t},o.prototype.destroy=function(){this.options.showCurrentTime=!1,this.redraw(),this.body=null},o.prototype.setOptions=function(t){t&&n.selectiveExtend(["rtl","showCurrentTime","moment","locale","locales"],this.options,t)},o.prototype.redraw=function(){if(this.options.showCurrentTime){var t=this.body.dom.backgroundVertical;this.bar.parentNode!=t&&(this.bar.parentNode&&this.bar.parentNode.removeChild(this.bar),t.appendChild(this.bar),this.start());var e=this.options.moment((new Date).valueOf()+this.offset),i=this.body.util.toScreen(e),o=this.options.locales[this.options.locale];o||(this.warned||(console.log("WARNING: options.locales['"+this.options.locale+"'] not found. See http://visjs.org/docs/timeline/#Localization"),this.warned=!0),o=this.options.locales.en);var n=o.current+" "+o.time+": "+e.format("dddd, MMMM Do YYYY, H:mm:ss");n=n.charAt(0).toUpperCase()+n.substring(1),this.options.rtl?this.bar.style.right=i+"px":this.bar.style.left=i+"px",this.bar.title=n}else this.bar.parentNode&&this.bar.parentNode.removeChild(this.bar),this.stop();return!1},o.prototype.start=function(){function t(){e.stop();var i=e.body.range.conversion(e.body.domProps.center.width).scale,o=1/i/10;o<30&&(o=30),o>1e3&&(o=1e3),e.redraw(),e.body.emitter.emit("currentTimeTick"),e.currentTimeTimer=setTimeout(t,o)}var e=this;t()},o.prototype.stop=function(){void 0!==this.currentTimeTimer&&(clearTimeout(this.currentTimeTimer),delete this.currentTimeTimer)},o.prototype.setCurrentTime=function(t){var e=n.convert(t,"Date").valueOf(),i=(new Date).valueOf();this.offset=e-i,this.redraw()},o.prototype.getCurrentTime=function(){return new Date((new Date).valueOf()+this.offset)},t.exports=o},function(t,e,i){function o(t,e,i){if(this.groupId=t,this.subgroups={},this.subgroupStack={},this.subgroupStackAll=!1,this.doInnerStack=!1,this.subgroupIndex=0,this.subgroupOrderer=e&&e.subgroupOrder,this.itemSet=i,this.isVisible=null,this.stackDirty=!0,e&&e.nestedGroups&&(this.nestedGroups=e.nestedGroups,0==e.showNested?this.showNested=!1:this.showNested=!0),e&&e.subgroupStack)if("boolean"==typeof e.subgroupStack)this.doInnerStack=e.subgroupStack,this.subgroupStackAll=e.subgroupStack;else for(var o in e.subgroupStack)this.subgroupStack[o]=e.subgroupStack[o],this.doInnerStack=this.doInnerStack||e.subgroupStack[o];this.nestedInGroup=null,this.dom={},this.props={label:{width:0,height:0}},this.className=null,this.items={},this.visibleItems=[],this.itemsInRange=[],this.orderedItems={byStart:[],byEnd:[]},this.checkRangedItems=!1;var n=this;this.itemSet.body.emitter.on("checkRangedItems",function(){n.checkRangedItems=!0}),this._create(),this.setData(e)}var n=i(8),s=function(t){return t&&t.__esModule?t:{default:t}}(n),r=i(2),a=i(100);o.prototype._create=function(){var t=document.createElement("div");this.itemSet.options.groupEditable.order?t.className="vis-label draggable":t.className="vis-label",this.dom.label=t;var e=document.createElement("div");e.className="vis-inner",t.appendChild(e),this.dom.inner=e;var i=document.createElement("div");i.className="vis-group",i["timeline-group"]=this,this.dom.foreground=i,this.dom.background=document.createElement("div"),this.dom.background.className="vis-group",this.dom.axis=document.createElement("div"),this.dom.axis.className="vis-group",this.dom.marker=document.createElement("div"),this.dom.marker.style.visibility="hidden",this.dom.marker.style.position="absolute",this.dom.marker.innerHTML="",this.dom.background.appendChild(this.dom.marker)},o.prototype.setData=function(t){var e,i;if(this.itemSet.options&&this.itemSet.options.groupTemplate?(i=this.itemSet.options.groupTemplate.bind(this),e=i(t,this.dom.inner)):e=t&&t.content,e instanceof Element){for(this.dom.inner.appendChild(e);this.dom.inner.firstChild;)this.dom.inner.removeChild(this.dom.inner.firstChild);this.dom.inner.appendChild(e)}else e instanceof Object?i(t,this.dom.inner):this.dom.inner.innerHTML=void 0!==e&&null!==e?e:this.groupId||"";if(this.dom.label.title=t&&t.title||"",this.dom.inner.firstChild?r.removeClassName(this.dom.inner,"vis-hidden"):r.addClassName(this.dom.inner,"vis-hidden"),t&&t.nestedGroups){this.nestedGroups&&this.nestedGroups==t.nestedGroups||(this.nestedGroups=t.nestedGroups),void 0===t.showNested&&void 0!==this.showNested||(0==t.showNested?this.showNested=!1:this.showNested=!0),r.addClassName(this.dom.label,"vis-nesting-group");var o=this.itemSet.options.rtl?"collapsed-rtl":"collapsed";this.showNested?(r.removeClassName(this.dom.label,o),r.addClassName(this.dom.label,"expanded")):(r.removeClassName(this.dom.label,"expanded"),r.addClassName(this.dom.label,o))}else this.nestedGroups&&(this.nestedGroups=null,o=this.itemSet.options.rtl?"collapsed-rtl":"collapsed",r.removeClassName(this.dom.label,o),r.removeClassName(this.dom.label,"expanded"),r.removeClassName(this.dom.label,"vis-nesting-group"));t&&t.nestedInGroup&&(r.addClassName(this.dom.label,"vis-nested-group"),this.itemSet.options&&this.itemSet.options.rtl?this.dom.inner.style.paddingRight="30px":this.dom.inner.style.paddingLeft="30px");var n=t&&t.className||null;n!=this.className&&(this.className&&(r.removeClassName(this.dom.label,this.className),r.removeClassName(this.dom.foreground,this.className),r.removeClassName(this.dom.background,this.className),r.removeClassName(this.dom.axis,this.className)),r.addClassName(this.dom.label,n),r.addClassName(this.dom.foreground,n),r.addClassName(this.dom.background,n),r.addClassName(this.dom.axis,n),this.className=n),this.style&&(r.removeCssText(this.dom.label,this.style),this.style=null),t&&t.style&&(r.addCssText(this.dom.label,t.style),this.style=t.style)},o.prototype.getLabelWidth=function(){return this.props.label.width},o.prototype._didMarkerHeightChange=function(){var t=this.dom.marker.clientHeight;if(t!=this.lastMarkerHeight){this.lastMarkerHeight=t;var e={},i=0;r.forEach(this.items,function(t,o){if(t.dirty=!0,t.displayed){e[o]=t.redraw(!0),i=e[o].length}});if(i>0)for(var o=0;o<i;o++)r.forEach(e,function(t){t[o]()});return!0}},o.prototype._calculateGroupSizeAndPosition=function(){var t=this.dom.foreground.offsetTop,e=this.dom.foreground.offsetLeft,i=this.dom.foreground.offsetWidth;this.top=t,this.right=e,this.width=i},o.prototype._redrawItems=function(t,e,i,o){if(t||this.stackDirty||this.isVisible&&!e){var n={},s=null;if("function"==typeof this.itemSet.options.order){var h=this,d={},l=0;if(r.forEach(this.items,function(t,e){t.displayed||(d[e]=t.redraw(!0),l=d[e].length,h.visibleItems.push(t))}),l>0)for(var u=0;u<l;u++)r.forEach(d,function(t){t[u]()});if(r.forEach(this.items,function(t){t.repositionX(!1)}),this.doInnerStack&&this.itemSet.options.stackSubgroups){for(s in this.subgroups)n[s]=this.subgroups[s].items.slice().sort(function(t,e){return h.itemSet.options.order(t.data,e.data)});a.stackSubgroupsWithInnerStack(n,i,this.subgroups)}else{var c=this.orderedItems.byStart.slice().sort(function(t,e){return h.itemSet.options.order(t.data,e.data)});a.stack(c,i,!0)}this.visibleItems=this._updateItemsInRange(this.orderedItems,this.visibleItems,o)}else if(this.visibleItems=this._updateItemsInRange(this.orderedItems,this.visibleItems,o),this.itemSet.options.stack)if(this.doInnerStack&&this.itemSet.options.stackSubgroups){for(s in this.subgroups)n[s]=this.subgroups[s].items;a.stackSubgroupsWithInnerStack(n,i,this.subgroups)}else a.stack(this.visibleItems,i,!0);else a.nostack(this.visibleItems,i,this.subgroups,this.itemSet.options.stackSubgroups);this.stackDirty=!1}},o.prototype._didResize=function(t,e){t=r.updateProperty(this,"height",e)||t;var i=this.dom.inner.clientWidth,o=this.dom.inner.clientHeight;return t=r.updateProperty(this.props.label,"width",i)||t,t=r.updateProperty(this.props.label,"height",o)||t},o.prototype._applyGroupHeight=function(t){this.dom.background.style.height=t+"px",this.dom.foreground.style.height=t+"px",this.dom.label.style.height=t+"px"},o.prototype._updateItemsVerticalPosition=function(t){for(var e=0,i=this.visibleItems.length;e<i;e++){var o=this.visibleItems[e];o.repositionY(t),this.isVisible||"__background__"==this.groupId||o.displayed&&o.hide()}},o.prototype.redraw=function(t,e,i,o){var n,s=!1,r=this.isVisible,a=[function(){i=this._didMarkerHeightChange.bind(this)}.bind(this),this._updateSubGroupHeights.bind(this,e),this._calculateGroupSizeAndPosition.bind(this),function(){this.isVisible=this._isGroupVisible.bind(this)(t,e)}.bind(this),function(){this._redrawItems.bind(this)(i,r,e,t)}.bind(this),this._updateSubgroupsSizes.bind(this),function(){n=this._calculateHeight.bind(this)(e)}.bind(this),this._calculateGroupSizeAndPosition.bind(this),function(){s=this._didResize.bind(this)(s,n)}.bind(this),function(){this._applyGroupHeight.bind(this)(n)}.bind(this),function(){this._updateItemsVerticalPosition.bind(this)(e)}.bind(this),function(){return!this.isVisible&&this.height&&(s=!1),s}];if(o)return a;var h;return a.forEach(function(t){h=t()}),h},o.prototype._updateSubGroupHeights=function(t){if((0,s.default)(this.subgroups).length>0){var e=this;this.resetSubgroups(),r.forEach(this.visibleItems,function(i){void 0!==i.data.subgroup&&(e.subgroups[i.data.subgroup].height=Math.max(e.subgroups[i.data.subgroup].height,i.height+t.item.vertical),e.subgroups[i.data.subgroup].visible=!0)})}},o.prototype._isGroupVisible=function(t,e){return this.top<=t.body.domProps.centerContainer.height-t.body.domProps.scrollTop+e.axis&&this.top+this.height+e.axis>=-t.body.domProps.scrollTop},o.prototype._calculateHeight=function(t){var e,i=this.visibleItems;if(i.length>0){var o=i[0].top,n=i[0].top+i[0].height;if(r.forEach(i,function(t){o=Math.min(o,t.top),n=Math.max(n,t.top+t.height)}),o>t.axis){var s=o-t.axis;n-=s,r.forEach(i,function(t){t.top-=s})}e=n+t.item.vertical/2}else e=0;return e=Math.max(e,this.props.label.height)},o.prototype.show=function(){this.dom.label.parentNode||this.itemSet.dom.labelSet.appendChild(this.dom.label),this.dom.foreground.parentNode||this.itemSet.dom.foreground.appendChild(this.dom.foreground),this.dom.background.parentNode||this.itemSet.dom.background.appendChild(this.dom.background),this.dom.axis.parentNode||this.itemSet.dom.axis.appendChild(this.dom.axis)},o.prototype.hide=function(){var t=this.dom.label;t.parentNode&&t.parentNode.removeChild(t);var e=this.dom.foreground;e.parentNode&&e.parentNode.removeChild(e);var i=this.dom.background;i.parentNode&&i.parentNode.removeChild(i);var o=this.dom.axis;o.parentNode&&o.parentNode.removeChild(o)},o.prototype.add=function(t){if(this.items[t.id]=t,t.setParent(this),this.stackDirty=!0,void 0!==t.data.subgroup&&(this._addToSubgroup(t),this.orderSubgroups()),-1==this.visibleItems.indexOf(t)){var e=this.itemSet.body.range;this._checkIfVisible(t,this.visibleItems,e)}},o.prototype._addToSubgroup=function(t,e){e=e||t.data.subgroup,void 0!=e&&void 0===this.subgroups[e]&&(this.subgroups[e]={height:0,top:0,start:t.data.start,end:t.data.end||t.data.start,visible:!1,index:this.subgroupIndex,items:[],stack:this.subgroupStackAll||this.subgroupStack[e]||!1},this.subgroupIndex++),new Date(t.data.start)<new Date(this.subgroups[e].start)&&(this.subgroups[e].start=t.data.start);var i=t.data.end||t.data.start;new Date(i)>new Date(this.subgroups[e].end)&&(this.subgroups[e].end=i),this.subgroups[e].items.push(t)},o.prototype._updateSubgroupsSizes=function(){var t=this;if(t.subgroups)for(var e in t.subgroups){var i=t.subgroups[e].items[0].data.end||t.subgroups[e].items[0].data.start,o=t.subgroups[e].items[0].data.start,n=i-1;t.subgroups[e].items.forEach(function(t){new Date(t.data.start)<new Date(o)&&(o=t.data.start);var e=t.data.end||t.data.start;new Date(e)>new Date(n)&&(n=e)}),t.subgroups[e].start=o,t.subgroups[e].end=new Date(n-1)}},o.prototype.orderSubgroups=function(){if(void 0!==this.subgroupOrderer){var t,e=[];if("string"==typeof this.subgroupOrderer){for(t in this.subgroups)e.push({subgroup:t,sortField:this.subgroups[t].items[0].data[this.subgroupOrderer]});e.sort(function(t,e){return t.sortField-e.sortField})}else if("function"==typeof this.subgroupOrderer){for(t in this.subgroups)e.push(this.subgroups[t].items[0].data);e.sort(this.subgroupOrderer)}if(e.length>0)for(var i=0;i<e.length;i++)this.subgroups[e[i].subgroup].index=i}},o.prototype.resetSubgroups=function(){for(var t in this.subgroups)this.subgroups.hasOwnProperty(t)&&(this.subgroups[t].visible=!1,this.subgroups[t].height=0)},o.prototype.remove=function(t){delete this.items[t.id],t.setParent(null),this.stackDirty=!0;var e=this.visibleItems.indexOf(t);-1!=e&&this.visibleItems.splice(e,1),void 0!==t.data.subgroup&&(this._removeFromSubgroup(t),this.orderSubgroups())},o.prototype._removeFromSubgroup=function(t,e){if(void 0!=(e=e||t.data.subgroup)){var i=this.subgroups[e];if(i){var o=i.items.indexOf(t);o>=0&&(i.items.splice(o,1),i.items.length?this._updateSubgroupsSizes():delete this.subgroups[e])}}},o.prototype.removeFromDataSet=function(t){this.itemSet.removeItem(t.id)},o.prototype.order=function(){for(var t=r.toArray(this.items),e=[],i=[],o=0;o<t.length;o++)void 0!==t[o].data.end&&i.push(t[o]),e.push(t[o]);this.orderedItems={byStart:e,byEnd:i},a.orderByStart(this.orderedItems.byStart),a.orderByEnd(this.orderedItems.byEnd)},o.prototype._updateItemsInRange=function(t,e,i){var o=[],n={},s=(i.end-i.start)/4,a=i.start-s,h=i.end+s,d=function(t){return t<a?-1:t<=h?0:1};if(e.length>0)for(var l=0;l<e.length;l++)this._checkIfVisibleWithReference(e[l],o,n,i);var u=r.binarySearchCustom(t.byStart,d,"data","start");if(this._traceVisible(u,t.byStart,o,n,function(t){return t.data.start<a||t.data.start>h}),1==this.checkRangedItems)for(this.checkRangedItems=!1,l=0;l<t.byEnd.length;l++)this._checkIfVisibleWithReference(t.byEnd[l],o,n,i);else{var c=r.binarySearchCustom(t.byEnd,d,"data","end");this._traceVisible(c,t.byEnd,o,n,function(t){return t.data.end<a||t.data.end>h})}var p={},f=0;for(l=0;l<o.length;l++){var m=o[l];if(!m.displayed){p[l]=m.redraw(!0),f=p[l].length}}if(f>0)for(var v=0;v<f;v++)r.forEach(p,function(t){t[v]()});for(l=0;l<o.length;l++)o[l].repositionX();return o},o.prototype._traceVisible=function(t,e,i,o,n){if(-1!=t){var s,r;for(s=t;s>=0&&(r=e[s],!n(r));s--)void 0===o[r.id]&&(o[r.id]=!0,i.push(r));for(s=t+1;s<e.length&&(r=e[s],!n(r));s++)void 0===o[r.id]&&(o[r.id]=!0,i.push(r))}},o.prototype._checkIfVisible=function(t,e,i){t.isVisible(i)?(t.displayed||t.show(),t.repositionX(),e.push(t)):t.displayed&&t.hide()},o.prototype._checkIfVisibleWithReference=function(t,e,i,o){t.isVisible(o)?void 0===i[t.id]&&(i[t.id]=!0,e.push(t)):t.displayed&&t.hide()},o.prototype.changeSubgroup=function(t,e,i){this._removeFromSubgroup(t,e),this._addToSubgroup(t,i),this.orderSubgroups()},t.exports=o},function(t,e,i){function o(t,e,i){r.call(this,t,e,i),this.width=0,this.height=0,this.top=0,this.left=0}var n=i(29),s=function(t){return t&&t.__esModule?t:{default:t}}(n),r=i(68);o.prototype=(0,s.default)(r.prototype),o.prototype.redraw=function(t,e,i){this.visibleItems=this._updateItemsInRange(this.orderedItems,this.visibleItems,t),this.width=this.dom.background.offsetWidth,this.dom.background.style.height="0";for(var o=0,n=this.visibleItems.length;o<n;o++){this.visibleItems[o].repositionY(e)}return!1},o.prototype.show=function(){this.dom.background.parentNode||this.itemSet.dom.background.appendChild(this.dom.background)},t.exports=o},function(t,e,i){function o(t,e,i){if(this.props={content:{width:0}},this.overflow=!1,this.options=i,t){if(void 0==t.start)throw new Error('Property "start" missing in item '+t.id);if(void 0==t.end)throw new Error('Property "end" missing in item '+t.id)}n.call(this,t,e,i)}var n=i(38);o.prototype=new n(null,null,null),o.prototype.baseClassName="vis-item vis-range",o.prototype.isVisible=function(t){return this.data.start<t.end&&this.data.end>t.start},o.prototype._createDomElement=function(){this.dom||(this.dom={},this.dom.box=document.createElement("div"),this.dom.frame=document.createElement("div"),this.dom.frame.className="vis-item-overflow",this.dom.box.appendChild(this.dom.frame),this.dom.visibleFrame=document.createElement("div"),this.dom.visibleFrame.className="vis-item-visible-frame",this.dom.box.appendChild(this.dom.visibleFrame),this.dom.content=document.createElement("div"),this.dom.content.className="vis-item-content",this.dom.frame.appendChild(this.dom.content),this.dom.box["timeline-item"]=this,this.dirty=!0)},o.prototype._appendDomElement=function(){if(!this.parent)throw new Error("Cannot redraw item: no parent attached");if(!this.dom.box.parentNode){var t=this.parent.dom.foreground;if(!t)throw new Error("Cannot redraw item: parent has no foreground container element");t.appendChild(this.dom.box)}this.displayed=!0},o.prototype._updateDirtyDomComponents=function(){if(this.dirty){this._updateContents(this.dom.content),this._updateDataAttributes(this.dom.box),this._updateStyle(this.dom.box);var t=this.editable.updateTime||this.editable.updateGroup,e=(this.data.className?" "+this.data.className:"")+(this.selected?" vis-selected":"")+(t?" vis-editable":" vis-readonly");this.dom.box.className=this.baseClassName+e,this.dom.content.style.maxWidth="none"}},o.prototype._getDomComponentsSizes=function(){return this.overflow="hidden"!==window.getComputedStyle(this.dom.frame).overflow,{content:{width:this.dom.content.offsetWidth},box:{height:this.dom.box.offsetHeight}}},o.prototype._updateDomComponentsSizes=function(t){this.props.content.width=t.content.width,this.height=t.box.height,this.dom.content.style.maxWidth="",this.dirty=!1},o.prototype._repaintDomAdditionals=function(){this._repaintOnItemUpdateTimeTooltip(this.dom.box),this._repaintDeleteButton(this.dom.box),this._repaintDragCenter(),this._repaintDragLeft(),this._repaintDragRight()},o.prototype.redraw=function(t){var e,i=[this._createDomElement.bind(this),this._appendDomElement.bind(this),this._updateDirtyDomComponents.bind(this),function(){this.dirty&&(e=this._getDomComponentsSizes.bind(this)())}.bind(this),function(){this.dirty&&this._updateDomComponentsSizes.bind(this)(e)}.bind(this),this._repaintDomAdditionals.bind(this)];if(t)return i;var o;return i.forEach(function(t){o=t()}),o},o.prototype.show=function(){this.displayed||this.redraw()},o.prototype.hide=function(){if(this.displayed){var t=this.dom.box;t.parentNode&&t.parentNode.removeChild(t),this.displayed=!1}},o.prototype.repositionX=function(t){var e,i,o=this.parent.width,n=this.conversion.toScreen(this.data.start),s=this.conversion.toScreen(this.data.end),r=void 0===this.data.align?this.options.align:this.data.align;!1===this.data.limitSize||void 0!==t&&!0!==t||(n<-o&&(n=-o),s>2*o&&(s=2*o));var a=Math.max(s-n+.5,1);switch(this.overflow?(this.options.rtl?this.right=n:this.left=n,this.width=a+this.props.content.width,i=this.props.content.width):(this.options.rtl?this.right=n:this.left=n,this.width=a,i=Math.min(s-n,this.props.content.width)),this.options.rtl?this.dom.box.style.right=this.right+"px":this.dom.box.style.left=this.left+"px",this.dom.box.style.width=a+"px",r){case"left":this.options.rtl?this.dom.content.style.right="0":this.dom.content.style.left="0";break;case"right":this.options.rtl?this.dom.content.style.right=Math.max(a-i,0)+"px":this.dom.content.style.left=Math.max(a-i,0)+"px";break;case"center":this.options.rtl?this.dom.content.style.right=Math.max((a-i)/2,0)+"px":this.dom.content.style.left=Math.max((a-i)/2,0)+"px";break;default:e=this.overflow?s>0?Math.max(-n,0):-i:n<0?-n:0,this.options.rtl?this.dom.content.style.right=e+"px":(this.dom.content.style.left=e+"px",this.dom.content.style.width="calc(100% - "+e+"px)")}},o.prototype.repositionY=function(){var t=this.options.orientation.item,e=this.dom.box;e.style.top="top"==t?this.top+"px":this.parent.height-this.top-this.height+"px"},o.prototype._repaintDragLeft=function(){if((this.selected||this.options.itemsAlwaysDraggable.range)&&this.options.editable.updateTime&&!this.dom.dragLeft){var t=document.createElement("div");t.className="vis-drag-left",t.dragLeftItem=this,this.dom.box.appendChild(t),this.dom.dragLeft=t}else this.selected||this.options.itemsAlwaysDraggable.range||!this.dom.dragLeft||(this.dom.dragLeft.parentNode&&this.dom.dragLeft.parentNode.removeChild(this.dom.dragLeft),this.dom.dragLeft=null)},o.prototype._repaintDragRight=function(){if((this.selected||this.options.itemsAlwaysDraggable.range)&&this.options.editable.updateTime&&!this.dom.dragRight){var t=document.createElement("div");t.className="vis-drag-right",t.dragRightItem=this,this.dom.box.appendChild(t),this.dom.dragRight=t}else this.selected||this.options.itemsAlwaysDraggable.range||!this.dom.dragRight||(this.dom.dragRight.parentNode&&this.dom.dragRight.parentNode.removeChild(this.dom.dragRight),this.dom.dragRight=null)},t.exports=o},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(19),s=o(n),r=i(6),a=o(r),h=i(0),d=o(h),l=i(1),u=o(l),c=i(2),p=i(179).default,f=function(){function t(e,i,o){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;(0,d.default)(this,t),this.parent=e,this.changedOptions=[],this.container=i,this.allowCreation=!1,this.options={},this.initialized=!1,this.popupCounter=0,this.defaultOptions={enabled:!1,filter:!0,container:void 0,showButton:!0},c.extend(this.options,this.defaultOptions),this.configureOptions=o,this.moduleOptions={},this.domElements=[],this.popupDiv={},this.popupLimit=5,this.popupHistory={},this.colorPicker=new p(n),this.wrapper=void 0}return(0,u.default)(t,[{key:"setOptions",value:function(t){if(void 0!==t){this.popupHistory={},this._removePopup();var e=!0;"string"==typeof t?this.options.filter=t:t instanceof Array?this.options.filter=t.join():"object"===(void 0===t?"undefined":(0,a.default)(t))?(void 0!==t.container&&(this.options.container=t.container),void 0!==t.filter&&(this.options.filter=t.filter),void 0!==t.showButton&&(this.options.showButton=t.showButton),void 0!==t.enabled&&(e=t.enabled)):"boolean"==typeof t?(this.options.filter=!0,e=t):"function"==typeof t&&(this.options.filter=t,e=!0),!1===this.options.filter&&(e=!1),this.options.enabled=e}this._clean()}},{key:"setModuleOptions",value:function(t){this.moduleOptions=t,!0===this.options.enabled&&(this._clean(),void 0!==this.options.container&&(this.container=this.options.container),this._create())}},{key:"_create",value:function(){var t=this;this._clean(),this.changedOptions=[];var e=this.options.filter,i=0,o=!1;for(var n in this.configureOptions)this.configureOptions.hasOwnProperty(n)&&(this.allowCreation=!1,o=!1,"function"==typeof e?(o=e(n,[]),o=o||this._handleObject(this.configureOptions[n],[n],!0)):!0!==e&&-1===e.indexOf(n)||(o=!0),!1!==o&&(this.allowCreation=!0,i>0&&this._makeItem([]),this._makeHeader(n),this._handleObject(this.configureOptions[n],[n])),i++);if(!0===this.options.showButton){var s=document.createElement("div");s.className="vis-configuration vis-config-button",s.innerHTML="generate options",s.onclick=function(){t._printOptions()},s.onmouseover=function(){s.className="vis-configuration vis-config-button hover"},s.onmouseout=function(){s.className="vis-configuration vis-config-button"},this.optionsContainer=document.createElement("div"),this.optionsContainer.className="vis-configuration vis-config-option-container",this.domElements.push(this.optionsContainer),this.domElements.push(s)}this._push()}},{key:"_push",value:function(){this.wrapper=document.createElement("div"),this.wrapper.className="vis-configuration-wrapper",this.container.appendChild(this.wrapper);for(var t=0;t<this.domElements.length;t++)this.wrapper.appendChild(this.domElements[t]);this._showPopupIfNeeded()}},{key:"_clean",value:function(){for(var t=0;t<this.domElements.length;t++)this.wrapper.removeChild(this.domElements[t]);void 0!==this.wrapper&&(this.container.removeChild(this.wrapper),this.wrapper=void 0),this.domElements=[],this._removePopup()}},{key:"_getValue",value:function(t){for(var e=this.moduleOptions,i=0;i<t.length;i++){if(void 0===e[t[i]]){e=void 0;break}e=e[t[i]]}return e}},{key:"_makeItem",value:function(t){if(!0===this.allowCreation){var e=document.createElement("div");e.className="vis-configuration vis-config-item vis-config-s"+t.length;for(var i=arguments.length,o=Array(i>1?i-1:0),n=1;n<i;n++)o[n-1]=arguments[n];return o.forEach(function(t){e.appendChild(t)}),this.domElements.push(e),this.domElements.length}return 0}},{key:"_makeHeader",value:function(t){var e=document.createElement("div");e.className="vis-configuration vis-config-header",e.innerHTML=t,this._makeItem([],e)}},{key:"_makeLabel",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=document.createElement("div");return o.className="vis-configuration vis-config-label vis-config-s"+e.length,o.innerHTML=!0===i?"<i><b>"+t+":</b></i>":t+":",o}},{key:"_makeDropdown",value:function(t,e,i){var o=document.createElement("select");o.className="vis-configuration vis-config-select";var n=0;void 0!==e&&-1!==t.indexOf(e)&&(n=t.indexOf(e));for(var s=0;s<t.length;s++){var r=document.createElement("option");r.value=t[s],s===n&&(r.selected="selected"),r.innerHTML=t[s],o.appendChild(r)}var a=this;o.onchange=function(){a._update(this.value,i)};var h=this._makeLabel(i[i.length-1],i);this._makeItem(i,h,o)}},{key:"_makeRange",value:function(t,e,i){var o=t[0],n=t[1],s=t[2],r=t[3],a=document.createElement("input");a.className="vis-configuration vis-config-range";try{a.type="range",a.min=n,a.max=s}catch(t){}a.step=r;var h="",d=0;if(void 0!==e){e<0&&1.2*e<n?(a.min=Math.ceil(1.2*e),d=a.min,h="range increased"):e/1.2<n&&(a.min=Math.ceil(e/1.2),d=a.min,h="range increased"),1.2*e>s&&1!==s&&(a.max=Math.ceil(1.2*e),d=a.max,h="range increased"),a.value=e}else a.value=o;var l=document.createElement("input");l.className="vis-configuration vis-config-rangeinput",l.value=a.value;var u=this;a.onchange=function(){l.value=this.value,u._update(Number(this.value),i)},a.oninput=function(){l.value=this.value};var c=this._makeLabel(i[i.length-1],i),p=this._makeItem(i,c,a,l);""!==h&&this.popupHistory[p]!==d&&(this.popupHistory[p]=d,this._setupPopup(h,p))}},{key:"_setupPopup",value:function(t,e){var i=this;if(!0===this.initialized&&!0===this.allowCreation&&this.popupCounter<this.popupLimit){var o=document.createElement("div");o.id="vis-configuration-popup",o.className="vis-configuration-popup",o.innerHTML=t,o.onclick=function(){i._removePopup()},this.popupCounter+=1,this.popupDiv={html:o,index:e}}}},{key:"_removePopup",value:function(){void 0!==this.popupDiv.html&&(this.popupDiv.html.parentNode.removeChild(this.popupDiv.html),clearTimeout(this.popupDiv.hideTimeout),clearTimeout(this.popupDiv.deleteTimeout),this.popupDiv={})}},{key:"_showPopupIfNeeded",value:function(){var t=this;if(void 0!==this.popupDiv.html){var e=this.domElements[this.popupDiv.index],i=e.getBoundingClientRect();this.popupDiv.html.style.left=i.left+"px",this.popupDiv.html.style.top=i.top-30+"px",document.body.appendChild(this.popupDiv.html),this.popupDiv.hideTimeout=setTimeout(function(){t.popupDiv.html.style.opacity=0},1500),this.popupDiv.deleteTimeout=setTimeout(function(){t._removePopup()},1800)}}},{key:"_makeCheckbox",value:function(t,e,i){var o=document.createElement("input");o.type="checkbox",o.className="vis-configuration vis-config-checkbox",o.checked=t,void 0!==e&&(o.checked=e,e!==t&&("object"===(void 0===t?"undefined":(0,a.default)(t))?e!==t.enabled&&this.changedOptions.push({path:i,value:e}):this.changedOptions.push({path:i,value:e})));var n=this;o.onchange=function(){n._update(this.checked,i)};var s=this._makeLabel(i[i.length-1],i);this._makeItem(i,s,o)}},{key:"_makeTextInput",value:function(t,e,i){var o=document.createElement("input");o.type="text",o.className="vis-configuration vis-config-text",o.value=e,e!==t&&this.changedOptions.push({path:i,value:e});var n=this;o.onchange=function(){n._update(this.value,i)};var s=this._makeLabel(i[i.length-1],i);this._makeItem(i,s,o)}},{key:"_makeColorField",value:function(t,e,i){var o=this,n=t[1],s=document.createElement("div");e=void 0===e?n:e,"none"!==e?(s.className="vis-configuration vis-config-colorBlock",s.style.backgroundColor=e):s.className="vis-configuration vis-config-colorBlock none",e=void 0===e?n:e,s.onclick=function(){o._showColorPicker(e,s,i)};var r=this._makeLabel(i[i.length-1],i);this._makeItem(i,r,s)}},{key:"_showColorPicker",value:function(t,e,i){var o=this;e.onclick=function(){},this.colorPicker.insertTo(e),this.colorPicker.show(),this.colorPicker.setColor(t),this.colorPicker.setUpdateCallback(function(t){var n="rgba("+t.r+","+t.g+","+t.b+","+t.a+")";e.style.backgroundColor=n,o._update(n,i)}),this.colorPicker.setCloseCallback(function(){e.onclick=function(){o._showColorPicker(t,e,i)}})}},{key:"_handleObject",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=!1,n=this.options.filter,s=!1;for(var r in t)if(t.hasOwnProperty(r)){o=!0;var a=t[r],h=c.copyAndExtendArray(e,r);if("function"==typeof n&&!1===(o=n(r,e))&&!(a instanceof Array)&&"string"!=typeof a&&"boolean"!=typeof a&&a instanceof Object&&(this.allowCreation=!1,o=this._handleObject(a,h,!0),this.allowCreation=!1===i),!1!==o){s=!0;var d=this._getValue(h);if(a instanceof Array)this._handleArray(a,d,h);else if("string"==typeof a)this._makeTextInput(a,d,h);else if("boolean"==typeof a)this._makeCheckbox(a,d,h);else if(a instanceof Object){var l=!0;if(-1!==e.indexOf("physics")&&this.moduleOptions.physics.solver!==r&&(l=!1),!0===l)if(void 0!==a.enabled){var u=c.copyAndExtendArray(h,"enabled"),p=this._getValue(u);if(!0===p){var f=this._makeLabel(r,h,!0);this._makeItem(h,f),s=this._handleObject(a,h)||s}else this._makeCheckbox(a,p,h)}else{var m=this._makeLabel(r,h,!0);this._makeItem(h,m),s=this._handleObject(a,h)||s}}else console.error("dont know how to handle",a,r,h)}}return s}},{key:"_handleArray",value:function(t,e,i){"string"==typeof t[0]&&"color"===t[0]?(this._makeColorField(t,e,i),t[1]!==e&&this.changedOptions.push({path:i,value:e})):"string"==typeof t[0]?(this._makeDropdown(t,e,i),t[0]!==e&&this.changedOptions.push({path:i,value:e})):"number"==typeof t[0]&&(this._makeRange(t,e,i),t[0]!==e&&this.changedOptions.push({path:i,value:Number(e)}))}},{key:"_update",value:function(t,e){var i=this._constructOptions(t,e);this.parent.body&&this.parent.body.emitter&&this.parent.body.emitter.emit&&this.parent.body.emitter.emit("configChange",i),this.initialized=!0,this.parent.setOptions(i)}},{key:"_constructOptions",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=i;t="true"===t||t,t="false"!==t&&t;for(var n=0;n<e.length;n++)"global"!==e[n]&&(void 0===o[e[n]]&&(o[e[n]]={}),n!==e.length-1?o=o[e[n]]:o[e[n]]=t);return i}},{key:"_printOptions",value:function(){var t=this.getOptions();this.optionsContainer.innerHTML="<pre>var options = "+(0,s.default)(t,null,2)+"</pre>"}},{key:"getOptions",value:function(){for(var t={},e=0;e<this.changedOptions.length;e++)this._constructOptions(this.changedOptions[e].value,this.changedOptions[e].path,t);return t}}]),t}();e.default=f},function(t,e,i){function o(t,e){}function n(t,e){return e=void 0===e?{}:e,{style:e.style||t.options.drawPoints.style,
-styles:e.styles||t.options.drawPoints.styles,size:e.size||t.options.drawPoints.size,className:e.className||t.className}}function s(t,e){var i=void 0;return t.options&&t.options.drawPoints&&t.options.drawPoints.onRender&&"function"==typeof t.options.drawPoints.onRender&&(i=t.options.drawPoints.onRender),e.group.options&&e.group.options.drawPoints&&e.group.options.drawPoints.onRender&&"function"==typeof e.group.options.drawPoints.onRender&&(i=e.group.options.drawPoints.onRender),i}var r=i(6),a=function(t){return t&&t.__esModule?t:{default:t}}(r),h=i(14);o.draw=function(t,e,i,o){o=o||0;for(var r=s(i,e),d=0;d<t.length;d++)if(r){var l=r(t[d],e);!0!==l&&"object"!==(void 0===l?"undefined":(0,a.default)(l))||h.drawPoint(t[d].screen_x+o,t[d].screen_y,n(e,l),i.svgElements,i.svg,t[d].label)}else h.drawPoint(t[d].screen_x+o,t[d].screen_y,n(e),i.svgElements,i.svg,t[d].label)},o.drawIcon=function(t,e,i,o,s,r){var a=.5*s,d=h.getSVGElement("rect",r.svgElements,r.svg);d.setAttributeNS(null,"x",e),d.setAttributeNS(null,"y",i-a),d.setAttributeNS(null,"width",o),d.setAttributeNS(null,"height",2*a),d.setAttributeNS(null,"class","vis-outline"),h.drawPoint(e+.5*o,i,n(t),r.svgElements,r.svg)},t.exports=o},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(23),m=o(f),v=function(t){function e(t,i,o){(0,a.default)(this,e);var n=(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o));return n.labelOffset=0,n.selected=!1,n}return(0,p.default)(e,t),(0,d.default)(e,[{key:"setOptions",value:function(t,e,i){this.options=t,void 0===e&&void 0===i||this.setImages(e,i)}},{key:"setImages",value:function(t,e){e&&this.selected?(this.imageObj=e,this.imageObjAlt=t):(this.imageObj=t,this.imageObjAlt=e)}},{key:"switchImages",value:function(t){var e=t&&!this.selected||!t&&this.selected;if(this.selected=t,void 0!==this.imageObjAlt&&e){var i=this.imageObj;this.imageObj=this.imageObjAlt,this.imageObjAlt=i}}},{key:"_resizeImage",value:function(){var t,e;if(!1===this.options.shapeProperties.useImageSize){var i=1,o=1;this.imageObj.width&&this.imageObj.height&&(this.imageObj.width>this.imageObj.height?i=this.imageObj.width/this.imageObj.height:o=this.imageObj.height/this.imageObj.width),t=2*this.options.size*i,e=2*this.options.size*o}else t=this.imageObj.width,e=this.imageObj.height;this.width=t,this.height=e,this.radius=.5*this.width}},{key:"_drawRawCircle",value:function(t,e,i,o){this.initContextForDraw(t,o),t.circle(e,i,o.size),this.performFill(t,o)}},{key:"_drawImageAtPosition",value:function(t,e){if(0!=this.imageObj.width){t.globalAlpha=1,this.enableShadow(t,e);var i=1;!0===this.options.shapeProperties.interpolation&&(i=this.imageObj.width/this.width/this.body.view.scale),this.imageObj.drawImageAtPosition(t,i,this.left,this.top,this.width,this.height),this.disableShadow(t,e)}}},{key:"_drawImageLabel",value:function(t,e,i,o,n){var s,r=0;if(void 0!==this.height){r=.5*this.height;var a=this.labelModule.getTextSize(t,o,n);a.lineCount>=1&&(r+=a.height/2)}s=i+r,this.options.label&&(this.labelOffset=r),this.labelModule.draw(t,e,s,o,n,"hanging")}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(19),s=o(n),r=i(6),a=o(r),h=i(29),d=o(h),l=i(0),u=o(l),c=i(1),p=o(c),f=i(2),m=i(117).default,v=i(48).default,g=i(215).default,y=i(217).default,b=i(218).default,_=i(219).default,w=function(){function t(e,i,o,n){if((0,u.default)(this,t),void 0===i)throw new Error("No body provided");this.options=f.bridgeObject(o),this.globalOptions=o,this.defaultOptions=n,this.body=i,this.id=void 0,this.fromId=void 0,this.toId=void 0,this.selected=!1,this.hover=!1,this.labelDirty=!0,this.baseWidth=this.options.width,this.baseFontSize=this.options.font.size,this.from=void 0,this.to=void 0,this.edgeType=void 0,this.connected=!1,this.labelModule=new m(this.body,this.options,!0),this.setOptions(e)}return(0,p.default)(t,[{key:"setOptions",value:function(e){if(e){t.parseOptions(this.options,e,!0,this.globalOptions),void 0!==e.id&&(this.id=e.id),void 0!==e.from&&(this.fromId=e.from),void 0!==e.to&&(this.toId=e.to),void 0!==e.title&&(this.title=e.title),void 0!==e.value&&(e.value=parseFloat(e.value));var i=[e,this.options,this.defaultOptions];this.chooser=v.choosify("edge",i),this.updateLabelModule(e);var o=this.updateEdgeType();return this._setInteractionWidths(),this.connect(),void 0===e.hidden&&void 0===e.physics||(o=!0),o}}},{key:"getFormattingValues",value:function(){var t=!0===this.options.arrows.to||!0===this.options.arrows.to.enabled,e=!0===this.options.arrows.from||!0===this.options.arrows.from.enabled,i=!0===this.options.arrows.middle||!0===this.options.arrows.middle.enabled,o=this.options.color.inherit,n={toArrow:t,toArrowScale:this.options.arrows.to.scaleFactor,toArrowType:this.options.arrows.to.type,middleArrow:i,middleArrowScale:this.options.arrows.middle.scaleFactor,middleArrowType:this.options.arrows.middle.type,fromArrow:e,fromArrowScale:this.options.arrows.from.scaleFactor,fromArrowType:this.options.arrows.from.type,arrowStrikethrough:this.options.arrowStrikethrough,color:o?void 0:this.options.color.color,inheritsColor:o,opacity:this.options.color.opacity,hidden:this.options.hidden,length:this.options.length,shadow:this.options.shadow.enabled,shadowColor:this.options.shadow.color,shadowSize:this.options.shadow.size,shadowX:this.options.shadow.x,shadowY:this.options.shadow.y,dashes:this.options.dashes,width:this.options.width};if(this.selected||this.hover)if(!0===this.chooser){if(this.selected){var s=this.options.selectionWidth;"function"==typeof s?n.width=s(n.width):"number"==typeof s&&(n.width+=s),n.width=Math.max(n.width,.3/this.body.view.scale),n.color=this.options.color.highlight,n.shadow=this.options.shadow.enabled}else if(this.hover){var r=this.options.hoverWidth;"function"==typeof r?n.width=r(n.width):"number"==typeof r&&(n.width+=r),n.width=Math.max(n.width,.3/this.body.view.scale),n.color=this.options.color.hover,n.shadow=this.options.shadow.enabled}}else"function"==typeof this.chooser&&(this.chooser(n,this.options.id,this.selected,this.hover),void 0!==n.color&&(n.inheritsColor=!1),!1===n.shadow&&(n.shadowColor===this.options.shadow.color&&n.shadowSize===this.options.shadow.size&&n.shadowX===this.options.shadow.x&&n.shadowY===this.options.shadow.y||(n.shadow=!0)));else n.shadow=this.options.shadow.enabled,n.width=Math.max(n.width,.3/this.body.view.scale);return n}},{key:"updateLabelModule",value:function(t){var e=[t,this.options,this.globalOptions,this.defaultOptions];this.labelModule.update(this.options,e),void 0!==this.labelModule.baseSize&&(this.baseFontSize=this.labelModule.baseSize)}},{key:"updateEdgeType",value:function(){var t=this.options.smooth,e=!1,i=!0;return void 0!==this.edgeType&&((this.edgeType instanceof y&&!0===t.enabled&&"dynamic"===t.type||this.edgeType instanceof g&&!0===t.enabled&&"cubicBezier"===t.type||this.edgeType instanceof b&&!0===t.enabled&&"dynamic"!==t.type&&"cubicBezier"!==t.type||this.edgeType instanceof _&&!1===t.type.enabled)&&(i=!1),!0===i&&(e=this.cleanup())),!0===i?!0===t.enabled?"dynamic"===t.type?(e=!0,this.edgeType=new y(this.options,this.body,this.labelModule)):"cubicBezier"===t.type?this.edgeType=new g(this.options,this.body,this.labelModule):this.edgeType=new b(this.options,this.body,this.labelModule):this.edgeType=new _(this.options,this.body,this.labelModule):this.edgeType.setOptions(this.options),e}},{key:"connect",value:function(){this.disconnect(),this.from=this.body.nodes[this.fromId]||void 0,this.to=this.body.nodes[this.toId]||void 0,this.connected=void 0!==this.from&&void 0!==this.to,!0===this.connected?(this.from.attachEdge(this),this.to.attachEdge(this)):(this.from&&this.from.detachEdge(this),this.to&&this.to.detachEdge(this)),this.edgeType.connect()}},{key:"disconnect",value:function(){this.from&&(this.from.detachEdge(this),this.from=void 0),this.to&&(this.to.detachEdge(this),this.to=void 0),this.connected=!1}},{key:"getTitle",value:function(){return this.title}},{key:"isSelected",value:function(){return this.selected}},{key:"getValue",value:function(){return this.options.value}},{key:"setValueRange",value:function(t,e,i){if(void 0!==this.options.value){var o=this.options.scaling.customScalingFunction(t,e,i,this.options.value),n=this.options.scaling.max-this.options.scaling.min;if(!0===this.options.scaling.label.enabled){var s=this.options.scaling.label.max-this.options.scaling.label.min;this.options.font.size=this.options.scaling.label.min+o*s}this.options.width=this.options.scaling.min+o*n}else this.options.width=this.baseWidth,this.options.font.size=this.baseFontSize;this._setInteractionWidths(),this.updateLabelModule()}},{key:"_setInteractionWidths",value:function(){"function"==typeof this.options.hoverWidth?this.edgeType.hoverWidth=this.options.hoverWidth(this.options.width):this.edgeType.hoverWidth=this.options.hoverWidth+this.options.width,"function"==typeof this.options.selectionWidth?this.edgeType.selectionWidth=this.options.selectionWidth(this.options.width):this.edgeType.selectionWidth=this.options.selectionWidth+this.options.width}},{key:"draw",value:function(t){var e=this.getFormattingValues();if(!e.hidden){var i=this.edgeType.getViaNode(),o={};this.edgeType.fromPoint=this.edgeType.from,this.edgeType.toPoint=this.edgeType.to,e.fromArrow&&(o.from=this.edgeType.getArrowData(t,"from",i,this.selected,this.hover,e),!1===e.arrowStrikethrough&&(this.edgeType.fromPoint=o.from.core)),e.toArrow&&(o.to=this.edgeType.getArrowData(t,"to",i,this.selected,this.hover,e),!1===e.arrowStrikethrough&&(this.edgeType.toPoint=o.to.core)),e.middleArrow&&(o.middle=this.edgeType.getArrowData(t,"middle",i,this.selected,this.hover,e)),this.edgeType.drawLine(t,e,this.selected,this.hover,i),this.drawArrows(t,o,e),this.drawLabel(t,i)}}},{key:"drawArrows",value:function(t,e,i){i.fromArrow&&this.edgeType.drawArrowHead(t,i,this.selected,this.hover,e.from),i.middleArrow&&this.edgeType.drawArrowHead(t,i,this.selected,this.hover,e.middle),i.toArrow&&this.edgeType.drawArrowHead(t,i,this.selected,this.hover,e.to)}},{key:"drawLabel",value:function(t,e){if(void 0!==this.options.label){var i=this.from,o=this.to;if(this.labelModule.differentState(this.selected,this.hover)&&this.labelModule.getTextSize(t,this.selected,this.hover),i.id!=o.id){this.labelModule.pointToSelf=!1;var n=this.edgeType.getPoint(.5,e);t.save();var s=this._getRotation(t);0!=s.angle&&(t.translate(s.x,s.y),t.rotate(s.angle)),this.labelModule.draw(t,n.x,n.y,this.selected,this.hover),t.restore()}else{this.labelModule.pointToSelf=!0;var r,a,h=this.options.selfReferenceSize;i.shape.width>i.shape.height?(r=i.x+.5*i.shape.width,a=i.y-h):(r=i.x+h,a=i.y-.5*i.shape.height),n=this._pointOnCircle(r,a,h,.125),this.labelModule.draw(t,n.x,n.y,this.selected,this.hover)}}}},{key:"getItemsOnPoint",value:function(t){var e=[];if(this.labelModule.visible()){var i=this._getRotation();v.pointInRect(this.labelModule.getSize(),t,i)&&e.push({edgeId:this.id,labelId:0})}var o={left:t.x,top:t.y};return this.isOverlappingWith(o)&&e.push({edgeId:this.id}),e}},{key:"isOverlappingWith",value:function(t){if(this.connected){var e=this.from.x,i=this.from.y,o=this.to.x,n=this.to.y,s=t.left,r=t.top;return this.edgeType.getDistanceToEdge(e,i,o,n,s,r)<10}return!1}},{key:"_getRotation",value:function(t){var e=this.edgeType.getViaNode(),i=this.edgeType.getPoint(.5,e);void 0!==t&&this.labelModule.calculateLabelSize(t,this.selected,this.hover,i.x,i.y);var o={x:i.x,y:this.labelModule.size.yLine,angle:0};if(!this.labelModule.visible())return o;if("horizontal"===this.options.font.align)return o;var n=this.from.y-this.to.y,s=this.from.x-this.to.x,r=Math.atan2(n,s);return(r<-1&&s<0||r>0&&s<0)&&(r+=Math.PI),o.angle=r,o}},{key:"_pointOnCircle",value:function(t,e,i,o){var n=2*o*Math.PI;return{x:t+i*Math.cos(n),y:e-i*Math.sin(n)}}},{key:"select",value:function(){this.selected=!0}},{key:"unselect",value:function(){this.selected=!1}},{key:"cleanup",value:function(){return this.edgeType.cleanup()}},{key:"remove",value:function(){this.cleanup(),this.disconnect(),delete this.body.edges[this.id]}},{key:"endPointsValid",value:function(){return void 0!==this.body.nodes[this.fromId]&&void 0!==this.body.nodes[this.toId]}}],[{key:"parseOptions",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],r=["arrowStrikethrough","id","from","hidden","hoverWidth","labelHighlightBold","length","line","opacity","physics","scaling","selectionWidth","selfReferenceSize","to","title","value","width","font","chosen","widthConstraint"];if(f.selectiveDeepExtend(r,t,e,i),v.isValidLabel(e.label)?t.label=e.label:t.label=void 0,f.mergeOptions(t,e,"smooth",o),f.mergeOptions(t,e,"shadow",o),void 0!==e.dashes&&null!==e.dashes?t.dashes=e.dashes:!0===i&&null===e.dashes&&(t.dashes=(0,d.default)(o.dashes)),void 0!==e.scaling&&null!==e.scaling?(void 0!==e.scaling.min&&(t.scaling.min=e.scaling.min),void 0!==e.scaling.max&&(t.scaling.max=e.scaling.max),f.mergeOptions(t.scaling,e.scaling,"label",o.scaling)):!0===i&&null===e.scaling&&(t.scaling=(0,d.default)(o.scaling)),void 0!==e.arrows&&null!==e.arrows)if("string"==typeof e.arrows){var h=e.arrows.toLowerCase();t.arrows.to.enabled=-1!=h.indexOf("to"),t.arrows.middle.enabled=-1!=h.indexOf("middle"),t.arrows.from.enabled=-1!=h.indexOf("from")}else{if("object"!==(0,a.default)(e.arrows))throw new Error("The arrow newOptions can only be an object or a string. Refer to the documentation. You used:"+(0,s.default)(e.arrows));f.mergeOptions(t.arrows,e.arrows,"to",o.arrows),f.mergeOptions(t.arrows,e.arrows,"middle",o.arrows),f.mergeOptions(t.arrows,e.arrows,"from",o.arrows)}else!0===i&&null===e.arrows&&(t.arrows=(0,d.default)(o.arrows));if(void 0!==e.color&&null!==e.color){var l=e.color,u=t.color;if(n)f.deepExtend(u,o.color,!1,i);else for(var c in u)u.hasOwnProperty(c)&&delete u[c];if(f.isString(u))u.color=u,u.highlight=u,u.hover=u,u.inherit=!1,void 0===l.opacity&&(u.opacity=1);else{var p=!1;void 0!==l.color&&(u.color=l.color,p=!0),void 0!==l.highlight&&(u.highlight=l.highlight,p=!0),void 0!==l.hover&&(u.hover=l.hover,p=!0),void 0!==l.inherit&&(u.inherit=l.inherit),void 0!==l.opacity&&(u.opacity=Math.min(1,Math.max(0,l.opacity))),!0===p?u.inherit=!1:void 0===u.inherit&&(u.inherit="from")}}else!0===i&&null===e.color&&(t.color=f.bridgeObject(o.color));!0===i&&null===e.font&&(t.font=f.bridgeObject(o.font))}}]),t}();e.default=w},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(118),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"_findBorderPositionBezier",value:function(t,e){var i,o,n,s,r,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this._getViaCoordinates(),h=0,d=0,l=1,u=this.to,c=!1;for(t.id===this.from.id&&(u=this.from,c=!0);d<=l&&h<10;){var p=.5*(d+l);if(i=this.getPoint(p,a),o=Math.atan2(u.y-i.y,u.x-i.x),n=u.distanceToBorder(e,o),s=Math.sqrt(Math.pow(i.x-u.x,2)+Math.pow(i.y-u.y,2)),r=n-s,Math.abs(r)<.2)break;r<0?!1===c?d=p:l=p:!1===c?l=p:d=p,h++}return i.t=p,i}},{key:"_getDistanceToBezierEdge",value:function(t,e,i,o,n,s,r){var a=1e9,h=void 0,d=void 0,l=void 0,u=void 0,c=void 0,p=t,f=e;for(d=1;d<10;d++)l=.1*d,u=Math.pow(1-l,2)*t+2*l*(1-l)*r.x+Math.pow(l,2)*i,c=Math.pow(1-l,2)*e+2*l*(1-l)*r.y+Math.pow(l,2)*o,d>0&&(h=this._getDistanceToLine(p,f,u,c,n,s),a=h<a?h:a),p=u,f=c;return a}},{key:"_bezierCurve",value:function(t,e,i,o){var n=void 0!==i&&void 0!==i.x,s=void 0!==o&&void 0!==o.x;t.beginPath(),t.moveTo(this.fromPoint.x,this.fromPoint.y),n&&s?t.bezierCurveTo(i.x,i.y,o.x,o.y,this.toPoint.x,this.toPoint.y):n?t.quadraticCurveTo(i.x,i.y,this.toPoint.x,this.toPoint.y):t.lineTo(this.toPoint.x,this.toPoint.y),this.enableShadow(t,e),t.stroke(),this.disableShadow(t,e)}},{key:"getViaNode",value:function(){return this._getViaCoordinates()}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(2),d=function(){function t(){(0,s.default)(this,t)}return(0,a.default)(t,null,[{key:"getRange",value:function(t){var e,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o=1e9,n=-1e9,s=1e9,r=-1e9;if(i.length>0)for(var a=0;a<i.length;a++)e=t[i[a]],s>e.shape.boundingBox.left&&(s=e.shape.boundingBox.left),r<e.shape.boundingBox.right&&(r=e.shape.boundingBox.right),o>e.shape.boundingBox.top&&(o=e.shape.boundingBox.top),n<e.shape.boundingBox.bottom&&(n=e.shape.boundingBox.bottom);return 1e9===s&&-1e9===r&&1e9===o&&-1e9===n&&(o=0,n=0,s=0,r=0),{minX:s,maxX:r,minY:o,maxY:n}}},{key:"getRangeCore",value:function(t){var e,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o=1e9,n=-1e9,s=1e9,r=-1e9;if(i.length>0)for(var a=0;a<i.length;a++)e=t[i[a]],s>e.x&&(s=e.x),r<e.x&&(r=e.x),o>e.y&&(o=e.y),n<e.y&&(n=e.y);return 1e9===s&&-1e9===r&&1e9===o&&-1e9===n&&(o=0,n=0,s=0,r=0),{minX:s,maxX:r,minY:o,maxY:n}}},{key:"findCenter",value:function(t){return{x:.5*(t.maxX+t.minX),y:.5*(t.maxY+t.minY)}}},{key:"cloneOptions",value:function(t,e){var i={};return void 0===e||"node"===e?(h.deepExtend(i,t.options,!0),i.x=t.x,i.y=t.y,i.amountOfConnections=t.edges.length):h.deepExtend(i,t.options,!0),i}}]),t}();e.default=d},function(t,e,i){t.exports={default:i(124),__esModule:!0}},function(t,e,i){var o=i(50);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==o(t)?t.split(""):Object(t)}},function(t,e,i){var o=i(52),n=i(17),s=i(83),r=i(26),a=i(22),h=i(31),d=i(129),l=i(59),u=i(85),c=i(13)("iterator"),p=!([].keys&&"next"in[].keys()),f=function(){return this};t.exports=function(t,e,i,m,v,g,y){d(i,e,m);var b,_,w,x=function(t){if(!p&&t in M)return M[t];switch(t){case"keys":case"values":return function(){return new i(this,t)}}return function(){return new i(this,t)}},k=e+" Iterator",S="values"==v,D=!1,M=t.prototype,C=M[c]||M["@@iterator"]||v&&M[v],O=C||x(v),E=v?S?x("entries"):O:void 0,T="Array"==e?M.entries||C:C;if(T&&(w=u(T.call(new t)))!==Object.prototype&&w.next&&(l(w,k,!0),o||a(w,c)||r(w,c,f)),S&&C&&"values"!==C.name&&(D=!0,O=function(){return C.call(this)}),o&&!y||!p&&!D&&M[c]||r(M,c,O),h[e]=O,h[k]=f,v)if(b={values:S?O:x("values"),keys:g?O:x("keys"),entries:E},y)for(_ in b)_ in M||s(M,_,b[_]);else n(n.P+n.F*(p||D),e,b);return b}},function(t,e,i){var o=i(128);t.exports=function(t,e,i){if(o(t),void 0===e)return t;switch(i){case 1:return function(i){return t.call(e,i)};case 2:return function(i,o){return t.call(e,i,o)};case 3:return function(i,o,n){return t.call(e,i,o,n)}}return function(){return t.apply(e,arguments)}}},function(t,e,i){t.exports=!i(21)&&!i(28)(function(){return 7!=Object.defineProperty(i(82)("div"),"a",{get:function(){return 7}}).a})},function(t,e,i){var o=i(32),n=i(18).document,s=o(n)&&o(n.createElement);t.exports=function(t){return s?n.createElement(t):{}}},function(t,e,i){t.exports=i(26)},function(t,e,i){var o=i(22),n=i(25),s=i(131)(!1),r=i(56)("IE_PROTO");t.exports=function(t,e){var i,a=n(t),h=0,d=[];for(i in a)i!=r&&o(a,i)&&d.push(i);for(;e.length>h;)o(a,i=e[h++])&&(~s(d,i)||d.push(i));return d}},function(t,e,i){var o=i(22),n=i(41),s=i(56)("IE_PROTO"),r=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=n(t),o(t,s)?t[s]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?r:null}},function(t,e,i){var o=i(50),n=i(13)("toStringTag"),s="Arguments"==o(function(){return arguments}()),r=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,i,a;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(i=r(e=Object(t),n))?i:s?o(e):"Object"==(a=o(e))&&"function"==typeof e.callee?"Arguments":a}},function(t,e,i){var o=i(17),n=i(7),s=i(28);t.exports=function(t,e){var i=(n.Object||{})[t]||Object[t],r={};r[t]=e(i),o(o.S+o.F*s(function(){i(1)}),"Object",r)}},function(t,e,i){var o=i(84),n=i(58).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return o(t,n)}},function(t,e,i){var o=i(42),n=i(39),s=i(25),r=i(53),a=i(22),h=i(81),d=Object.getOwnPropertyDescriptor;e.f=i(21)?d:function(t,e){if(t=s(t),e=r(e,!0),h)try{return d(t,e)}catch(t){}if(a(t,e))return n(!o.f.call(t,e),t[e])}},function(t,e,i){t.exports={default:i(162),__esModule:!0}},function(t,e,i){function o(t,e){this.x=void 0!==t?t:0,this.y=void 0!==e?e:0}t.exports=o},function(t,e,i){function o(t,e){if(void 0===t)throw new Error("No container element defined");if(this.container=t,this.visible=!e||void 0==e.visible||e.visible,this.visible){this.frame=document.createElement("DIV"),this.frame.style.width="100%",this.frame.style.position="relative",this.container.appendChild(this.frame),this.frame.prev=document.createElement("INPUT"),this.frame.prev.type="BUTTON",this.frame.prev.value="Prev",this.frame.appendChild(this.frame.prev),this.frame.play=document.createElement("INPUT"),this.frame.play.type="BUTTON",this.frame.play.value="Play",this.frame.appendChild(this.frame.play),this.frame.next=document.createElement("INPUT"),this.frame.next.type="BUTTON",this.frame.next.value="Next",this.frame.appendChild(this.frame.next),this.frame.bar=document.createElement("INPUT"),this.frame.bar.type="BUTTON",this.frame.bar.style.position="absolute",this.frame.bar.style.border="1px solid red",this.frame.bar.style.width="100px",this.frame.bar.style.height="6px",this.frame.bar.style.borderRadius="2px",this.frame.bar.style.MozBorderRadius="2px",this.frame.bar.style.border="1px solid #7F7F7F",this.frame.bar.style.backgroundColor="#E5E5E5",this.frame.appendChild(this.frame.bar),this.frame.slide=document.createElement("INPUT"),this.frame.slide.type="BUTTON",this.frame.slide.style.margin="0px",this.frame.slide.value=" ",this.frame.slide.style.position="relative",this.frame.slide.style.left="-100px",this.frame.appendChild(this.frame.slide);var i=this;this.frame.slide.onmousedown=function(t){i._onMouseDown(t)},this.frame.prev.onclick=function(t){i.prev(t)},this.frame.play.onclick=function(t){i.togglePlay(t)},this.frame.next.onclick=function(t){i.next(t)}}this.onChangeCallback=void 0,this.values=[],this.index=void 0,this.playTimeout=void 0,this.playInterval=1e3,this.playLoop=!0}var n=i(2);o.prototype.prev=function(){var t=this.getIndex();t>0&&(t--,this.setIndex(t))},o.prototype.next=function(){var t=this.getIndex();t<this.values.length-1&&(t++,this.setIndex(t))},o.prototype.playNext=function(){var t=new Date,e=this.getIndex();e<this.values.length-1?(e++,this.setIndex(e)):this.playLoop&&(e=0,this.setIndex(e));var i=new Date,o=i-t,n=Math.max(this.playInterval-o,0),s=this;this.playTimeout=setTimeout(function(){s.playNext()},n)},o.prototype.togglePlay=function(){void 0===this.playTimeout?this.play():this.stop()},o.prototype.play=function(){this.playTimeout||(this.playNext(),this.frame&&(this.frame.play.value="Stop"))},o.prototype.stop=function(){clearInterval(this.playTimeout),this.playTimeout=void 0,this.frame&&(this.frame.play.value="Play")},o.prototype.setOnChangeCallback=function(t){this.onChangeCallback=t},o.prototype.setPlayInterval=function(t){this.playInterval=t},o.prototype.getPlayInterval=function(){return this.playInterval},o.prototype.setPlayLoop=function(t){this.playLoop=t},o.prototype.onChange=function(){void 0!==this.onChangeCallback&&this.onChangeCallback()},o.prototype.redraw=function(){if(this.frame){this.frame.bar.style.top=this.frame.clientHeight/2-this.frame.bar.offsetHeight/2+"px",this.frame.bar.style.width=this.frame.clientWidth-this.frame.prev.clientWidth-this.frame.play.clientWidth-this.frame.next.clientWidth-30+"px";var t=this.indexToLeft(this.index);this.frame.slide.style.left=t+"px"}},o.prototype.setValues=function(t){this.values=t,this.values.length>0?this.setIndex(0):this.index=void 0},o.prototype.setIndex=function(t){if(!(t<this.values.length))throw new Error("Index out of range");this.index=t,this.redraw(),this.onChange()},o.prototype.getIndex=function(){return this.index},o.prototype.get=function(){return this.values[this.index]},o.prototype._onMouseDown=function(t){if(t.which?1===t.which:1===t.button){this.startClientX=t.clientX,this.startSlideX=parseFloat(this.frame.slide.style.left),this.frame.style.cursor="move";var e=this;this.onmousemove=function(t){e._onMouseMove(t)},this.onmouseup=function(t){e._onMouseUp(t)},n.addEventListener(document,"mousemove",this.onmousemove),n.addEventListener(document,"mouseup",this.onmouseup),n.preventDefault(t)}},o.prototype.leftToIndex=function(t){var e=parseFloat(this.frame.bar.style.width)-this.frame.slide.clientWidth-10,i=t-3,o=Math.round(i/e*(this.values.length-1));return o<0&&(o=0),o>this.values.length-1&&(o=this.values.length-1),o},o.prototype.indexToLeft=function(t){var e=parseFloat(this.frame.bar.style.width)-this.frame.slide.clientWidth-10;return t/(this.values.length-1)*e+3},o.prototype._onMouseMove=function(t){var e=t.clientX-this.startClientX,i=this.startSlideX+e,o=this.leftToIndex(i);this.setIndex(o),n.preventDefault()},o.prototype._onMouseUp=function(t){this.frame.style.cursor="auto",n.removeEventListener(document,"mousemove",this.onmousemove),n.removeEventListener(document,"mouseup",this.onmouseup),n.preventDefault()},t.exports=o},function(t,e,i){function o(t,e,i,o){this._start=0,this._end=0,this._step=1,this.prettyStep=!0,this.precision=5,this._current=0,this.setRange(t,e,i,o)}o.prototype.isNumeric=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},o.prototype.setRange=function(t,e,i,o){if(!this.isNumeric(t))throw new Error("Parameter 'start' is not numeric; value: "+t);if(!this.isNumeric(e))throw new Error("Parameter 'end' is not numeric; value: "+t);if(!this.isNumeric(i))throw new Error("Parameter 'step' is not numeric; value: "+t);this._start=t||0,this._end=e||0,this.setStep(i,o)},o.prototype.setStep=function(t,e){void 0===t||t<=0||(void 0!==e&&(this.prettyStep=e),!0===this.prettyStep?this._step=o.calculatePrettyStep(t):this._step=t)},o.calculatePrettyStep=function(t){var e=function(t){return Math.log(t)/Math.LN10},i=Math.pow(10,Math.round(e(t))),o=2*Math.pow(10,Math.round(e(t/2))),n=5*Math.pow(10,Math.round(e(t/5))),s=i;return Math.abs(o-t)<=Math.abs(s-t)&&(s=o),Math.abs(n-t)<=Math.abs(s-t)&&(s=n),s<=0&&(s=1),s},o.prototype.getCurrent=function(){return parseFloat(this._current.toPrecision(this.precision))},o.prototype.getStep=function(){return this._step},o.prototype.start=function(t){void 0===t&&(t=!1),this._current=this._start-this._start%this._step,t&&this.getCurrent()<this._start&&this.next()},o.prototype.next=function(){this._current+=this._step},o.prototype.end=function(){return this._current>this._end},t.exports=o},function(t,e,i){function o(t){for(var e in t)if(t.hasOwnProperty(e))return!1;return!0}function n(t){return void 0===t||""===t||"string"!=typeof t?t:t.charAt(0).toUpperCase()+t.slice(1)}function s(t,e){return void 0===t||""===t?e:t+n(e)}function r(t,e,i,o){for(var n,r,a=0;a<i.length;++a)n=i[a],r=s(o,n),e[r]=t[n]}function a(t,e,i,o){for(var n,r,a=0;a<i.length;++a)n=i[a],void 0!==t[n]&&(r=s(o,n),e[r]=t[n])}function h(t,e){if(void 0===t||o(t))throw new Error("No DEFAULTS passed");if(void 0===e)throw new Error("No dst passed");C=t,r(t,e,D),r(t,e,M,"default"),l(t,e),e.margin=10,e.showGrayBottom=!1,e.showTooltip=!1,e.onclick_callback=null,e.eye=new x(0,0,-1)}function d(t,e){if(void 0!==t){if(void 0===e)throw new Error("No dst passed");if(void 0===C||o(C))throw new Error("DEFAULTS not set for module Settings");a(t,e,D),a(t,e,M,"default"),l(t,e)}}function l(t,e){void 0!==t.backgroundColor&&m(t.backgroundColor,e),v(t.dataColor,e),f(t.style,e),u(t.showLegend,e),g(t.cameraPosition,e),void 0!==t.tooltip&&(e.showTooltip=t.tooltip),void 0!=t.onclick&&(e.onclick_callback=t.onclick),void 0!==t.tooltipStyle&&_.selectiveDeepExtend(["tooltipStyle"],e,t)}function u(t,e){if(void 0===t){if(void 0===C.showLegend){var i=e.style===k.DOTCOLOR||e.style===k.DOTSIZE;e.showLegend=i}}else e.showLegend=t}function c(t){var e=S[t];return void 0===e?-1:e}function p(t){var e=!1;for(var i in k)if(k[i]===t){e=!0;break}return e}function f(t,e){if(void 0!==t){var i;if("string"==typeof t){if(-1===(i=c(t)))throw new Error("Style '"+t+"' is invalid")}else{if(!p(t))throw new Error("Style '"+t+"' is invalid");i=t}e.style=i}}function m(t,e){var i="white",o="gray",n=1;if("string"==typeof t)i=t,o="none",n=0;else{if("object"!==(void 0===t?"undefined":(0,b.default)(t)))throw new Error("Unsupported type of backgroundColor");void 0!==t.fill&&(i=t.fill),void 0!==t.stroke&&(o=t.stroke),void 0!==t.strokeWidth&&(n=t.strokeWidth)}e.frame.style.backgroundColor=i,e.frame.style.borderColor=o,e.frame.style.borderWidth=n+"px",e.frame.style.borderStyle="solid"}function v(t,e){void 0!==t&&(void 0===e.dataColor&&(e.dataColor={}),"string"==typeof t?(e.dataColor.fill=t,e.dataColor.stroke=t):(t.fill&&(e.dataColor.fill=t.fill),t.stroke&&(e.dataColor.stroke=t.stroke),void 0!==t.strokeWidth&&(e.dataColor.strokeWidth=t.strokeWidth)))}function g(t,e){var i=t;void 0!==i&&(void 0===e.camera&&(e.camera=new w),e.camera.setArmRotation(i.horizontal,i.vertical),e.camera.setArmLength(i.distance))}var y=i(6),b=function(t){return t&&t.__esModule?t:{default:t}}(y),_=i(2),w=i(95),x=i(34),k={BAR:0,BARCOLOR:1,BARSIZE:2,DOT:3,DOTLINE:4,DOTCOLOR:5,DOTSIZE:6,GRID:7,LINE:8,SURFACE:9},S={dot:k.DOT,"dot-line":k.DOTLINE,"dot-color":k.DOTCOLOR,"dot-size":k.DOTSIZE,line:k.LINE,grid:k.GRID,surface:k.SURFACE,bar:k.BAR,"bar-color":k.BARCOLOR,"bar-size":k.BARSIZE},D=["width","height","filterLabel","legendLabel","xLabel","yLabel","zLabel","xValueLabel","yValueLabel","zValueLabel","showXAxis","showYAxis","showZAxis","showGrid","showPerspective","showShadow","keepAspectRatio","verticalRatio","dotSizeRatio","dotSizeMinFraction","dotSizeMaxFraction","showAnimationControls","animationInterval","animationPreload","animationAutoStart","axisColor","gridColor","xCenter","yCenter"],M=["xBarWidth","yBarWidth","valueMin","valueMax","xMin","xMax","xStep","yMin","yMax","yStep","zMin","zMax","zStep"],C=void 0;t.exports.STYLE=k,t.exports.setDefaults=h,t.exports.setOptions=d,t.exports.setCameraPosition=g},function(t,e,i){function o(){this.armLocation=new r,this.armRotation={},this.armRotation.horizontal=0,this.armRotation.vertical=0,this.armLength=1.7,this.cameraOffset=new r,this.offsetMultiplier=.6,this.cameraLocation=new r,this.cameraRotation=new r(.5*Math.PI,0,0),this.calculateCameraOrientation()}var n=i(165),s=function(t){return t&&t.__esModule?t:{default:t}}(n),r=i(34);o.prototype.setOffset=function(t,e){var i=Math.abs,o=s.default,n=this.offsetMultiplier,r=this.armLength*n;i(t)>r&&(t=o(t)*r),i(e)>r&&(e=o(e)*r),this.cameraOffset.x=t,this.cameraOffset.y=e,this.calculateCameraOrientation()},o.prototype.getOffset=function(){return this.cameraOffset},o.prototype.setArmLocation=function(t,e,i){this.armLocation.x=t,this.armLocation.y=e,this.armLocation.z=i,this.calculateCameraOrientation()},o.prototype.setArmRotation=function(t,e){void 0!==t&&(this.armRotation.horizontal=t),void 0!==e&&(this.armRotation.vertical=e,this.armRotation.vertical<0&&(this.armRotation.vertical=0),this.armRotation.vertical>.5*Math.PI&&(this.armRotation.vertical=.5*Math.PI)),void 0===t&&void 0===e||this.calculateCameraOrientation()},o.prototype.getArmRotation=function(){var t={};return t.horizontal=this.armRotation.horizontal,t.vertical=this.armRotation.vertical,t},o.prototype.setArmLength=function(t){void 0!==t&&(this.armLength=t,this.armLength<.71&&(this.armLength=.71),this.armLength>5&&(this.armLength=5),this.setOffset(this.cameraOffset.x,this.cameraOffset.y),this.calculateCameraOrientation())},
-o.prototype.getArmLength=function(){return this.armLength},o.prototype.getCameraLocation=function(){return this.cameraLocation},o.prototype.getCameraRotation=function(){return this.cameraRotation},o.prototype.calculateCameraOrientation=function(){this.cameraLocation.x=this.armLocation.x-this.armLength*Math.sin(this.armRotation.horizontal)*Math.cos(this.armRotation.vertical),this.cameraLocation.y=this.armLocation.y-this.armLength*Math.cos(this.armRotation.horizontal)*Math.cos(this.armRotation.vertical),this.cameraLocation.z=this.armLocation.z+this.armLength*Math.sin(this.armRotation.vertical),this.cameraRotation.x=Math.PI/2-this.armRotation.vertical,this.cameraRotation.y=0,this.cameraRotation.z=-this.armRotation.horizontal;var t=this.cameraRotation.x,e=this.cameraRotation.z,i=this.cameraOffset.x,o=this.cameraOffset.y,n=Math.sin,s=Math.cos;this.cameraLocation.x=this.cameraLocation.x+i*s(e)+o*-n(e)*s(t),this.cameraLocation.y=this.cameraLocation.y+i*n(e)+o*s(e)*s(t),this.cameraLocation.z=this.cameraLocation.z+o*n(t)},t.exports=o},function(t,e,i){function o(t,e,i){this.dataGroup=t,this.column=e,this.graph=i,this.index=void 0,this.value=void 0,this.values=t.getDistinctValues(this.column),this.values.length>0&&this.selectValue(0),this.dataPoints=[],this.loaded=!1,this.onLoadCallback=void 0,i.animationPreload?(this.loaded=!1,this.loadInBackground()):this.loaded=!0}var n=i(12);o.prototype.isLoaded=function(){return this.loaded},o.prototype.getLoadedProgress=function(){for(var t=this.values.length,e=0;this.dataPoints[e];)e++;return Math.round(e/t*100)},o.prototype.getLabel=function(){return this.graph.filterLabel},o.prototype.getColumn=function(){return this.column},o.prototype.getSelectedValue=function(){if(void 0!==this.index)return this.values[this.index]},o.prototype.getValues=function(){return this.values},o.prototype.getValue=function(t){if(t>=this.values.length)throw new Error("Index out of range");return this.values[t]},o.prototype._getDataPoints=function(t){if(void 0===t&&(t=this.index),void 0===t)return[];var e;if(this.dataPoints[t])e=this.dataPoints[t];else{var i={};i.column=this.column,i.value=this.values[t];var o=new n(this.dataGroup.getDataSet(),{filter:function(t){return t[i.column]==i.value}}).get();e=this.dataGroup._getDataPoints(o),this.dataPoints[t]=e}return e},o.prototype.setOnLoadCallback=function(t){this.onLoadCallback=t},o.prototype.selectValue=function(t){if(t>=this.values.length)throw new Error("Index out of range");this.index=t,this.value=this.values[t]},o.prototype.loadInBackground=function(t){void 0===t&&(t=0);var e=this.graph.frame;if(t<this.values.length){void 0===e.progress&&(e.progress=document.createElement("DIV"),e.progress.style.position="absolute",e.progress.style.color="gray",e.appendChild(e.progress));var i=this.getLoadedProgress();e.progress.innerHTML="Loading animation... "+i+"%",e.progress.style.bottom="60px",e.progress.style.left="10px";var o=this;setTimeout(function(){o.loadInBackground(t+1)},10),this.loaded=!1}else this.loaded=!0,void 0!==e.progress&&(e.removeChild(e.progress),e.progress=void 0),this.onLoadCallback&&this.onLoadCallback()},t.exports=o},function(t,e,i){function o(t){this.active=!1,this.dom={container:t},this.dom.overlay=document.createElement("div"),this.dom.overlay.className="vis-overlay",this.dom.container.appendChild(this.dom.overlay),this.hammer=a(this.dom.overlay),this.hammer.on("tap",this._onTapOverlay.bind(this));var e=this;["tap","doubletap","press","pinch","pan","panstart","panmove","panend"].forEach(function(t){e.hammer.on(t,function(t){t.stopPropagation()})}),document&&document.body&&(this.onClick=function(i){n(i.target,t)||e.deactivate()},document.body.addEventListener("click",this.onClick)),void 0!==this.keycharm&&this.keycharm.destroy(),this.keycharm=s(),this.escListener=this.deactivate.bind(this)}function n(t,e){for(;t;){if(t===e)return!0;t=t.parentNode}return!1}var s=i(35),r=i(44),a=i(10),h=i(2);r(o.prototype),o.current=null,o.prototype.destroy=function(){this.deactivate(),this.dom.overlay.parentNode.removeChild(this.dom.overlay),this.onClick&&document.body.removeEventListener("click",this.onClick),this.hammer.destroy(),this.hammer=null},o.prototype.activate=function(){o.current&&o.current.deactivate(),o.current=this,this.active=!0,this.dom.overlay.style.display="none",h.addClassName(this.dom.container,"vis-active"),this.emit("change"),this.emit("activate"),this.keycharm.bind("esc",this.escListener)},o.prototype.deactivate=function(){this.active=!1,this.dom.overlay.style.display="",h.removeClassName(this.dom.container,"vis-active"),this.keycharm.unbind("esc",this.escListener),this.emit("change"),this.emit("deactivate")},o.prototype._onTapOverlay=function(t){this.activate(),t.stopPropagation()},t.exports=o},function(t,e,i){e.en={current:"current",time:"time"},e.en_EN=e.en,e.en_US=e.en,e.it={current:"attuale",time:"tempo"},e.it_IT=e.it,e.it_CH=e.it,e.nl={current:"huidige",time:"tijd"},e.nl_NL=e.nl,e.nl_BE=e.nl,e.de={current:"Aktuelle",time:"Zeit"},e.de_DE=e.de,e.fr={current:"actuel",time:"heure"},e.fr_FR=e.fr,e.fr_CA=e.fr,e.fr_BE=e.fr,e.es={current:"corriente",time:"hora"},e.es_ES=e.es},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}function n(t,e){this.body=t,this.defaultOptions={type:null,orientation:{item:"bottom"},align:"auto",stack:!0,stackSubgroups:!0,groupOrderSwap:function(t,e,i){var o=e.order;e.order=t.order,t.order=o},groupOrder:"order",selectable:!0,multiselect:!1,itemsAlwaysDraggable:{item:!1,range:!1},editable:{updateTime:!1,updateGroup:!1,add:!1,remove:!1,overrideItems:!1},groupEditable:{order:!1,add:!1,remove:!1},snap:p.snap,onDropObjectOnItem:function(t,e,i){i(e)},onAdd:function(t,e){e(t)},onUpdate:function(t,e){e(t)},onMove:function(t,e){e(t)},onRemove:function(t,e){e(t)},onMoving:function(t,e){e(t)},onAddGroup:function(t,e){e(t)},onMoveGroup:function(t,e){e(t)},onRemoveGroup:function(t,e){e(t)},margin:{item:{horizontal:10,vertical:10},axis:20},showTooltips:!0,tooltip:{followMouse:!1,overflowMethod:"flip"},tooltipOnItemUpdateTime:!1},this.options=l.extend({},this.defaultOptions),this.options.rtl=e.rtl,this.itemOptions={type:{start:"Date",end:"Date"}},this.conversion={toScreen:t.util.toScreen,toTime:t.util.toTime},this.dom={},this.props={},this.hammer=null;var i=this;this.itemsData=null,this.groupsData=null,this.itemListeners={add:function(t,e,o){i._onAdd(e.items)},update:function(t,e,o){i._onUpdate(e.items)},remove:function(t,e,o){i._onRemove(e.items)}},this.groupListeners={add:function(t,e,o){if(i._onAddGroups(e.items),i.groupsData&&i.groupsData.length>0){var n=i.groupsData.getDataSet();n.get().forEach(function(t){if(t.nestedGroups){0!=t.showNested&&(t.showNested=!0);var e=[];t.nestedGroups.forEach(function(i){var o=n.get(i);o&&(o.nestedInGroup=t.id,0==t.showNested&&(o.visible=!1),e=e.concat(o))}),n.update(e,o)}})}},update:function(t,e,o){i._onUpdateGroups(e.items)},remove:function(t,e,o){i._onRemoveGroups(e.items)}},this.items={},this.groups={},this.groupIds=[],this.selection=[],this.popup=null,this.touchParams={},this.groupTouchParams={},this._create(),this.setOptions(e)}var s=i(29),r=o(s),a=i(6),h=o(a),d=i(10),l=i(2),u=i(11),c=i(12),p=i(66),f=i(16),m=i(68),v=i(69),g=i(101),y=i(102),b=i(70),_=i(103),w=i(104).default,x="__ungrouped__",k="__background__";n.prototype=new f,n.types={background:_,box:g,range:b,point:y},n.prototype._create=function(){var t=document.createElement("div");t.className="vis-itemset",t["timeline-itemset"]=this,this.dom.frame=t;var e=document.createElement("div");e.className="vis-background",t.appendChild(e),this.dom.background=e;var i=document.createElement("div");i.className="vis-foreground",t.appendChild(i),this.dom.foreground=i;var o=document.createElement("div");o.className="vis-axis",this.dom.axis=o;var n=document.createElement("div");n.className="vis-labelset",this.dom.labelSet=n,this._updateUngrouped();var s=new v(k,null,this);s.show(),this.groups[k]=s,this.hammer=new d(this.body.dom.centerContainer),this.hammer.on("hammer.input",function(t){t.isFirst&&this._onTouch(t)}.bind(this)),this.hammer.on("panstart",this._onDragStart.bind(this)),this.hammer.on("panmove",this._onDrag.bind(this)),this.hammer.on("panend",this._onDragEnd.bind(this)),this.hammer.get("pan").set({threshold:5,direction:d.DIRECTION_HORIZONTAL}),this.hammer.on("tap",this._onSelectItem.bind(this)),this.hammer.on("press",this._onMultiSelectItem.bind(this)),this.hammer.on("doubletap",this._onAddItem.bind(this)),this.options.rtl?this.groupHammer=new d(this.body.dom.rightContainer):this.groupHammer=new d(this.body.dom.leftContainer),this.groupHammer.on("tap",this._onGroupClick.bind(this)),this.groupHammer.on("panstart",this._onGroupDragStart.bind(this)),this.groupHammer.on("panmove",this._onGroupDrag.bind(this)),this.groupHammer.on("panend",this._onGroupDragEnd.bind(this)),this.groupHammer.get("pan").set({threshold:5,direction:d.DIRECTION_VERTICAL}),this.body.dom.centerContainer.addEventListener("mouseover",this._onMouseOver.bind(this)),this.body.dom.centerContainer.addEventListener("mouseout",this._onMouseOut.bind(this)),this.body.dom.centerContainer.addEventListener("mousemove",this._onMouseMove.bind(this)),this.body.dom.centerContainer.addEventListener("contextmenu",this._onDragEnd.bind(this)),this.body.dom.centerContainer.addEventListener("mousewheel",this._onMouseWheel.bind(this)),this.show()},n.prototype.setOptions=function(t){if(t){var e=["type","rtl","align","order","stack","stackSubgroups","selectable","multiselect","multiselectPerGroup","groupOrder","dataAttributes","template","groupTemplate","visibleFrameTemplate","hide","snap","groupOrderSwap","showTooltips","tooltip","tooltipOnItemUpdateTime"];l.selectiveExtend(e,this.options,t),"itemsAlwaysDraggable"in t&&("boolean"==typeof t.itemsAlwaysDraggable?(this.options.itemsAlwaysDraggable.item=t.itemsAlwaysDraggable,this.options.itemsAlwaysDraggable.range=!1):"object"===(0,h.default)(t.itemsAlwaysDraggable)&&(l.selectiveExtend(["item","range"],this.options.itemsAlwaysDraggable,t.itemsAlwaysDraggable),this.options.itemsAlwaysDraggable.item||(this.options.itemsAlwaysDraggable.range=!1))),"orientation"in t&&("string"==typeof t.orientation?this.options.orientation.item="top"===t.orientation?"top":"bottom":"object"===(0,h.default)(t.orientation)&&"item"in t.orientation&&(this.options.orientation.item=t.orientation.item)),"margin"in t&&("number"==typeof t.margin?(this.options.margin.axis=t.margin,this.options.margin.item.horizontal=t.margin,this.options.margin.item.vertical=t.margin):"object"===(0,h.default)(t.margin)&&(l.selectiveExtend(["axis"],this.options.margin,t.margin),"item"in t.margin&&("number"==typeof t.margin.item?(this.options.margin.item.horizontal=t.margin.item,this.options.margin.item.vertical=t.margin.item):"object"===(0,h.default)(t.margin.item)&&l.selectiveExtend(["horizontal","vertical"],this.options.margin.item,t.margin.item)))),"editable"in t&&("boolean"==typeof t.editable?(this.options.editable.updateTime=t.editable,this.options.editable.updateGroup=t.editable,this.options.editable.add=t.editable,this.options.editable.remove=t.editable,this.options.editable.overrideItems=!1):"object"===(0,h.default)(t.editable)&&l.selectiveExtend(["updateTime","updateGroup","add","remove","overrideItems"],this.options.editable,t.editable)),"groupEditable"in t&&("boolean"==typeof t.groupEditable?(this.options.groupEditable.order=t.groupEditable,this.options.groupEditable.add=t.groupEditable,this.options.groupEditable.remove=t.groupEditable):"object"===(0,h.default)(t.groupEditable)&&l.selectiveExtend(["order","add","remove"],this.options.groupEditable,t.groupEditable));["onDropObjectOnItem","onAdd","onUpdate","onRemove","onMove","onMoving","onAddGroup","onMoveGroup","onRemoveGroup"].forEach(function(e){var i=t[e];if(i){if(!(i instanceof Function))throw new Error("option "+e+" must be a function "+e+"(item, callback)");this.options[e]=i}}.bind(this)),this.markDirty()}},n.prototype.markDirty=function(t){this.groupIds=[],t&&t.refreshItems&&l.forEach(this.items,function(t){t.dirty=!0,t.displayed&&t.redraw()})},n.prototype.destroy=function(){this.hide(),this.setItems(null),this.setGroups(null),this.hammer=null,this.body=null,this.conversion=null},n.prototype.hide=function(){this.dom.frame.parentNode&&this.dom.frame.parentNode.removeChild(this.dom.frame),this.dom.axis.parentNode&&this.dom.axis.parentNode.removeChild(this.dom.axis),this.dom.labelSet.parentNode&&this.dom.labelSet.parentNode.removeChild(this.dom.labelSet)},n.prototype.show=function(){this.dom.frame.parentNode||this.body.dom.center.appendChild(this.dom.frame),this.dom.axis.parentNode||this.body.dom.backgroundVertical.appendChild(this.dom.axis),this.dom.labelSet.parentNode||(this.options.rtl?this.body.dom.right.appendChild(this.dom.labelSet):this.body.dom.left.appendChild(this.dom.labelSet))},n.prototype.setSelection=function(t){var e,i,o,n;for(void 0==t&&(t=[]),Array.isArray(t)||(t=[t]),e=0,i=this.selection.length;e<i;e++)o=this.selection[e],(n=this.items[o])&&n.unselect();for(this.selection=[],e=0,i=t.length;e<i;e++)o=t[e],(n=this.items[o])&&(this.selection.push(o),n.select())},n.prototype.getSelection=function(){return this.selection.concat([])},n.prototype.getVisibleItems=function(){var t,e,i=this.body.range.getRange();this.options.rtl?(t=this.body.util.toScreen(i.start),e=this.body.util.toScreen(i.end)):(e=this.body.util.toScreen(i.start),t=this.body.util.toScreen(i.end));var o=[];for(var n in this.groups)if(this.groups.hasOwnProperty(n))for(var s=this.groups[n],r=s.isVisible?s.visibleItems:[],a=0;a<r.length;a++){var h=r[a];this.options.rtl?h.right<e&&h.right+h.width>t&&o.push(h.id):h.left<t&&h.left+h.width>e&&o.push(h.id)}return o},n.prototype._deselect=function(t){for(var e=this.selection,i=0,o=e.length;i<o;i++)if(e[i]==t){e.splice(i,1);break}},n.prototype.redraw=function(){var t=this.options.margin,e=this.body.range,i=l.option.asSize,o=this.options,n=o.orientation.item,s=!1,r=this.dom.frame;this.props.top=this.body.domProps.top.height+this.body.domProps.border.top,this.options.rtl?this.props.right=this.body.domProps.right.width+this.body.domProps.border.right:this.props.left=this.body.domProps.left.width+this.body.domProps.border.left,r.className="vis-itemset",s=this._orderGroups()||s;var a=e.end-e.start,h=a!=this.lastVisibleInterval||this.props.width!=this.props.lastWidth,d=e.start!=this.lastRangeStart,u=o.stack!=this.lastStack,c=o.stackSubgroups!=this.lastStackSubgroups,p=h||d||u||c;this.lastVisibleInterval=a,this.lastRangeStart=e.start,this.lastStack=o.stack,this.lastStackSubgroups=o.stackSubgroups,this.props.lastWidth=this.props.width;var f=this._firstGroup(),m={item:t.item,axis:t.axis},v={item:t.item,axis:t.item.vertical/2},g=0,y=t.axis+t.item.vertical;this.groups[k].redraw(e,v,p);var b={},_=0;if(l.forEach(this.groups,function(t,i){if(i!==k){var o=t==f?m:v;b[i]=t.redraw(e,o,p,!0),_=b[i].length}}),_>0){for(var w={},x=0;x<_;x++)l.forEach(b,function(t,e){w[e]=t[x]()});l.forEach(this.groups,function(t,e){if(e!==k){var i=w[e];s=i||s,g+=t.height}}),g=Math.max(g,y)}return g=Math.max(g,y),r.style.height=i(g),this.props.width=r.offsetWidth,this.props.height=g,this.dom.axis.style.top=i("top"==n?this.body.domProps.top.height+this.body.domProps.border.top:this.body.domProps.top.height+this.body.domProps.centerContainer.height),this.options.rtl?this.dom.axis.style.right="0":this.dom.axis.style.left="0",this.initialItemSetDrawn=!0,s=this._isResized()||s},n.prototype._firstGroup=function(){var t="top"==this.options.orientation.item?0:this.groupIds.length-1,e=this.groupIds[t];return this.groups[e]||this.groups[x]||null},n.prototype._updateUngrouped=function(){var t,e,i=this.groups[x];if(this.groupsData){if(i){i.hide(),delete this.groups[x];for(e in this.items)if(this.items.hasOwnProperty(e)){t=this.items[e],t.parent&&t.parent.remove(t);var o=this._getGroupId(t.data),n=this.groups[o];n&&n.add(t)||t.hide()}}}else if(!i){i=new m(null,null,this),this.groups[x]=i;for(e in this.items)this.items.hasOwnProperty(e)&&(t=this.items[e],i.add(t));i.show()}},n.prototype.getLabelSet=function(){return this.dom.labelSet},n.prototype.setItems=function(t){var e,i=this,o=this.itemsData;if(t){if(!(t instanceof u||t instanceof c))throw new TypeError("Data must be an instance of DataSet or DataView");this.itemsData=t}else this.itemsData=null;if(o&&(l.forEach(this.itemListeners,function(t,e){o.off(e,t)}),e=o.getIds(),this._onRemove(e)),this.itemsData){var n=this.id;l.forEach(this.itemListeners,function(t,e){i.itemsData.on(e,t,n)}),e=this.itemsData.getIds(),this._onAdd(e),this._updateUngrouped()}this.body.emitter.emit("_change",{queue:!0})},n.prototype.getItems=function(){return this.itemsData},n.prototype.setGroups=function(t){var e,i=this;if(this.groupsData&&(l.forEach(this.groupListeners,function(t,e){i.groupsData.off(e,t)}),e=this.groupsData.getIds(),this.groupsData=null,this._onRemoveGroups(e)),t){if(!(t instanceof u||t instanceof c))throw new TypeError("Data must be an instance of DataSet or DataView");this.groupsData=t}else this.groupsData=null;if(this.groupsData){var o=this.groupsData;this.groupsData instanceof c&&(o=this.groupsData.getDataSet()),o.get().forEach(function(t){t.nestedGroups&&t.nestedGroups.forEach(function(e){var i=o.get(e);i.nestedInGroup=t.id,0==t.showNested&&(i.visible=!1),o.update(i)})});var n=this.id;l.forEach(this.groupListeners,function(t,e){i.groupsData.on(e,t,n)}),e=this.groupsData.getIds(),this._onAddGroups(e)}this._updateUngrouped(),this._order(),this.body.emitter.emit("_change",{queue:!0})},n.prototype.getGroups=function(){return this.groupsData},n.prototype.removeItem=function(t){var e=this.itemsData.get(t),i=this.itemsData.getDataSet();e&&this.options.onRemove(e,function(e){e&&i.remove(t)})},n.prototype._getType=function(t){return t.type||this.options.type||(t.end?"range":"box")},n.prototype._getGroupId=function(t){return"background"==this._getType(t)&&void 0==t.group?k:this.groupsData?t.group:x},n.prototype._onUpdate=function(t){var e=this;t.forEach(function(t){var i,o=e.itemsData.get(t,e.itemOptions),s=e.items[t],r=o?e._getType(o):null,a=n.types[r];if(s&&(a&&s instanceof a?e._updateItem(s,o):(i=s.selected,e._removeItem(s),s=null)),!s&&o){if(!a)throw"rangeoverflow"==r?new TypeError('Item type "rangeoverflow" is deprecated. Use css styling instead: .vis-item.vis-range .vis-item-content {overflow: visible;}'):new TypeError('Unknown item type "'+r+'"');s=new a(o,e.conversion,e.options),s.id=t,e._addItem(s),i&&(this.selection.push(t),s.select())}}.bind(this)),this._order(),this.body.emitter.emit("_change",{queue:!0})},n.prototype._onAdd=n.prototype._onUpdate,n.prototype._onRemove=function(t){var e=0,i=this;t.forEach(function(t){var o=i.items[t];o&&(e++,i._removeItem(o))}),e&&(this._order(),this.body.emitter.emit("_change",{queue:!0}))},n.prototype._order=function(){l.forEach(this.groups,function(t){t.order()})},n.prototype._onUpdateGroups=function(t){this._onAddGroups(t)},n.prototype._onAddGroups=function(t){var e=this;t.forEach(function(t){var i=e.groupsData.get(t),o=e.groups[t];if(o)o.setData(i);else{if(t==x||t==k)throw new Error("Illegal group id. "+t+" is a reserved id.");var n=(0,r.default)(e.options);l.extend(n,{height:null}),o=new m(t,i,e),e.groups[t]=o;for(var s in e.items)if(e.items.hasOwnProperty(s)){var a=e.items[s];a.data.group==t&&o.add(a)}o.order(),o.show()}}),this.body.emitter.emit("_change",{queue:!0})},n.prototype._onRemoveGroups=function(t){var e=this.groups;t.forEach(function(t){var i=e[t];i&&(i.hide(),delete e[t])}),this.markDirty(),this.body.emitter.emit("_change",{queue:!0})},n.prototype._orderGroups=function(){if(this.groupsData){var t=this.groupsData.getIds({order:this.options.groupOrder});t=this._orderNestedGroups(t);var e=!l.equalArray(t,this.groupIds);if(e){var i=this.groups;t.forEach(function(t){i[t].hide()}),t.forEach(function(t){i[t].show()}),this.groupIds=t}return e}return!1},n.prototype._orderNestedGroups=function(t){var e=[];return t.forEach(function(t){var i=this.groupsData.get(t);if(i.nestedInGroup||e.push(t),i.nestedGroups){var o=this.groupsData.get({filter:function(e){return e.nestedInGroup==t},order:this.options.groupOrder}),n=o.map(function(t){return t.id});e=e.concat(n)}},this),e},n.prototype._addItem=function(t){this.items[t.id]=t;var e=this._getGroupId(t.data),i=this.groups[e];i?i&&i.data&&i.data.showNested&&(t.groupShowing=!0):t.groupShowing=!1,i&&i.add(t)},n.prototype._updateItem=function(t,e){t.setData(e);var i=this._getGroupId(t.data),o=this.groups[i];o?o&&o.data&&o.data.showNested&&(t.groupShowing=!0):t.groupShowing=!1},n.prototype._removeItem=function(t){t.hide(),delete this.items[t.id];var e=this.selection.indexOf(t.id);-1!=e&&this.selection.splice(e,1),t.parent&&t.parent.remove(t)},n.prototype._constructByEndArray=function(t){for(var e=[],i=0;i<t.length;i++)t[i]instanceof b&&e.push(t[i]);return e},n.prototype._onTouch=function(t){this.touchParams.item=this.itemFromTarget(t),this.touchParams.dragLeftItem=t.target.dragLeftItem||!1,this.touchParams.dragRightItem=t.target.dragRightItem||!1,this.touchParams.itemProps=null},n.prototype._getGroupIndex=function(t){for(var e=0;e<this.groupIds.length;e++)if(t==this.groupIds[e])return e},n.prototype._onDragStart=function(t){if(!this.touchParams.itemIsDragging){var e,i=this.touchParams.item||null,o=this;if(i&&(i.selected||this.options.itemsAlwaysDraggable.item)){if(this.options.editable.overrideItems&&!this.options.editable.updateTime&&!this.options.editable.updateGroup)return;if(null!=i.editable&&!i.editable.updateTime&&!i.editable.updateGroup&&!this.options.editable.overrideItems)return;var n=this.touchParams.dragLeftItem,s=this.touchParams.dragRightItem;if(this.touchParams.itemIsDragging=!0,this.touchParams.selectedItem=i,n)e={item:n,initialX:t.center.x,dragLeft:!0,data:this._cloneItemData(i.data)},this.touchParams.itemProps=[e];else if(s)e={item:s,initialX:t.center.x,dragRight:!0,data:this._cloneItemData(i.data)},this.touchParams.itemProps=[e];else if(this.options.editable.add&&(t.srcEvent.ctrlKey||t.srcEvent.metaKey))this._onDragStartAddItem(t);else{this.groupIds.length<1&&this.redraw();var r=this._getGroupIndex(i.data.group),a=this.options.itemsAlwaysDraggable.item&&!i.selected?[i.id]:this.getSelection();this.touchParams.itemProps=a.map(function(e){var i=o.items[e],n=o._getGroupIndex(i.data.group);return{item:i,initialX:t.center.x,groupOffset:r-n,data:this._cloneItemData(i.data)}}.bind(this))}t.stopPropagation()}else this.options.editable.add&&(t.srcEvent.ctrlKey||t.srcEvent.metaKey)&&this._onDragStartAddItem(t)}},n.prototype._onDragStartAddItem=function(t){var e,i,o=this.options.snap||null;this.options.rtl?(e=l.getAbsoluteRight(this.dom.frame),i=e-t.center.x+10):(e=l.getAbsoluteLeft(this.dom.frame),i=t.center.x-e-10);var n=this.body.util.toTime(i),s=this.body.util.getScale(),r=this.body.util.getStep(),a=o?o(n,s,r):n,h=a,d={type:"range",start:a,end:h,content:"new item"},u=l.randomUUID();d[this.itemsData._fieldId]=u;var c=this.groupFromTarget(t);c&&(d.group=c.groupId);var p=new b(d,this.conversion,this.options);p.id=u,p.data=this._cloneItemData(d),this._addItem(p),this.touchParams.selectedItem=p;var f={item:p,initialX:t.center.x,data:p.data};this.options.rtl?f.dragLeft=!0:f.dragRight=!0,this.touchParams.itemProps=[f],t.stopPropagation()},n.prototype._onDrag=function(t){if(this.touchParams.itemProps){t.stopPropagation();var e,i=this,o=this.options.snap||null;e=this.options.rtl?this.body.dom.root.offsetLeft+this.body.domProps.right.width:this.body.dom.root.offsetLeft+this.body.domProps.left.width;var n=this.body.util.getScale(),s=this.body.util.getStep(),r=this.touchParams.selectedItem,a=(this.options.editable.overrideItems||null==r.editable)&&this.options.editable.updateGroup||!this.options.editable.overrideItems&&null!=r.editable&&r.editable.updateGroup,h=null;if(a&&r&&void 0!=r.data.group){var d=i.groupFromTarget(t);d&&(h=this._getGroupIndex(d.groupId))}this.touchParams.itemProps.forEach(function(d){var u,c,p,f,m,v=i.body.util.toTime(t.center.x-e),g=i.body.util.toTime(d.initialX-e);u=this.options.rtl?-(v-g):v-g;var y=this._cloneItemData(d.item.data);if(null==d.item.editable||d.item.editable.updateTime||d.item.editable.updateGroup||i.options.editable.overrideItems){if((this.options.editable.overrideItems||null==r.editable)&&this.options.editable.updateTime||!this.options.editable.overrideItems&&null!=r.editable&&r.editable.updateTime)if(d.dragLeft)this.options.rtl?void 0!=y.end&&(p=l.convert(d.data.end,"Date"),m=new Date(p.valueOf()+u),y.end=o?o(m,n,s):m):void 0!=y.start&&(c=l.convert(d.data.start,"Date"),f=new Date(c.valueOf()+u),y.start=o?o(f,n,s):f);else if(d.dragRight)this.options.rtl?void 0!=y.start&&(c=l.convert(d.data.start,"Date"),f=new Date(c.valueOf()+u),y.start=o?o(f,n,s):f):void 0!=y.end&&(p=l.convert(d.data.end,"Date"),m=new Date(p.valueOf()+u),y.end=o?o(m,n,s):m);else if(void 0!=y.start)if(c=l.convert(d.data.start,"Date").valueOf(),f=new Date(c+u),void 0!=y.end){p=l.convert(d.data.end,"Date");var b=p.valueOf()-c.valueOf();y.start=o?o(f,n,s):f,y.end=new Date(y.start.valueOf()+b)}else y.start=o?o(f,n,s):f;if(a&&!d.dragLeft&&!d.dragRight&&null!=h&&void 0!=y.group){var _=h-d.groupOffset;_=Math.max(0,_),_=Math.min(i.groupIds.length-1,_),y.group=i.groupIds[_]}y=this._cloneItemData(y),i.options.onMoving(y,function(t){t&&d.item.setData(this._cloneItemData(t,"Date"))}.bind(this))}}.bind(this)),this.body.emitter.emit("_change")}},n.prototype._moveToGroup=function(t,e){var i=this.groups[e];if(i&&i.groupId!=t.data.group){var o=t.parent;o.remove(t),o.order(),t.data.group=i.groupId,i.add(t),i.order()}},n.prototype._onDragEnd=function(t){if(this.touchParams.itemIsDragging=!1,this.touchParams.itemProps){t.stopPropagation();var e=this,i=this.itemsData.getDataSet(),o=this.touchParams.itemProps;this.touchParams.itemProps=null,o.forEach(function(t){var o=t.item.id;if(null!=e.itemsData.get(o,e.itemOptions)){var n=this._cloneItemData(t.item.data);e.options.onMove(n,function(n){n?(n[i._fieldId]=o,i.update(n)):(t.item.setData(t.data),e.body.emitter.emit("_change"))})}else e.options.onAdd(t.item.data,function(i){e._removeItem(t.item),i&&e.itemsData.getDataSet().add(i),e.body.emitter.emit("_change")})}.bind(this))}},n.prototype._onGroupClick=function(t){var e=this.groupFromTarget(t);if(e&&e.nestedGroups){var i=this.groupsData.getDataSet(),o=i.get(e.groupId);void 0==o.showNested&&(o.showNested=!0),o.showNested=!o.showNested;var n=i.get(e.nestedGroups).map(function(t){return t.visible=o.showNested,t});if(i.update(n.concat(o)),o.showNested)l.removeClassName(e.dom.label,"collapsed"),l.addClassName(e.dom.label,"expanded");else{l.removeClassName(e.dom.label,"expanded");var s=this.options.rtl?"collapsed-rtl":"collapsed";l.addClassName(e.dom.label,s)}}},n.prototype._onGroupDragStart=function(t){this.options.groupEditable.order&&(this.groupTouchParams.group=this.groupFromTarget(t),this.groupTouchParams.group&&(t.stopPropagation(),this.groupTouchParams.originalOrder=this.groupsData.getIds({order:this.options.groupOrder})))},n.prototype._onGroupDrag=function(t){if(this.options.groupEditable.order&&this.groupTouchParams.group){t.stopPropagation();var e=this.groupsData;this.groupsData instanceof c&&(e=this.groupsData.getDataSet());var i=this.groupFromTarget(t);if(i&&i.height!=this.groupTouchParams.group.height){var o=i.top<this.groupTouchParams.group.top,n=t.center?t.center.y:t.clientY,s=l.getAbsoluteTop(i.dom.foreground),r=this.groupTouchParams.group.height;if(o){if(s+r<n)return}else{if(s+i.height-r>n)return}}if(i&&i!=this.groupTouchParams.group){var a=e.get(i.groupId),h=e.get(this.groupTouchParams.group.groupId);h&&a&&(this.options.groupOrderSwap(h,a,e),e.update(h),e.update(a));var d=e.getIds({order:this.options.groupOrder});if(!l.equalArray(d,this.groupTouchParams.originalOrder))for(var u=this.groupTouchParams.originalOrder,p=this.groupTouchParams.group.groupId,f=Math.min(u.length,d.length),m=0,v=0,g=0;m<f;){for(;m+v<f&&m+g<f&&d[m+v]==u[m+g];)m++;if(m+v>=f)break;if(d[m+v]==p)v=1;else if(u[m+g]==p)g=1;else{var y=d.indexOf(u[m+g]),b=e.get(d[m+v]),_=e.get(u[m+g]);this.options.groupOrderSwap(b,_,e),e.update(b),e.update(_);var w=d[m+v];d[m+v]=u[m+g],d[y]=w,m++}}}}},n.prototype._onGroupDragEnd=function(t){if(this.options.groupEditable.order&&this.groupTouchParams.group){t.stopPropagation();var e=this,i=e.groupTouchParams.group.groupId,o=e.groupsData.getDataSet(),n=l.extend({},o.get(i));e.options.onMoveGroup(n,function(t){if(t)t[o._fieldId]=i,o.update(t);else{var n=o.getIds({order:e.options.groupOrder});if(!l.equalArray(n,e.groupTouchParams.originalOrder))for(var s=e.groupTouchParams.originalOrder,r=Math.min(s.length,n.length),a=0;a<r;){for(;a<r&&n[a]==s[a];)a++;if(a>=r)break;var h=n.indexOf(s[a]),d=o.get(n[a]),u=o.get(s[a]);e.options.groupOrderSwap(d,u,o),o.update(d),o.update(u);var c=n[a];n[a]=s[a],n[h]=c,a++}}}),e.body.emitter.emit("groupDragged",{groupId:i})}},n.prototype._onSelectItem=function(t){if(this.options.selectable){var e=t.srcEvent&&(t.srcEvent.ctrlKey||t.srcEvent.metaKey),i=t.srcEvent&&t.srcEvent.shiftKey;if(e||i)return void this._onMultiSelectItem(t);var o=this.getSelection(),n=this.itemFromTarget(t),s=n?[n.id]:[];this.setSelection(s);var r=this.getSelection();(r.length>0||o.length>0)&&this.body.emitter.emit("select",{items:r,event:t})}},n.prototype._onMouseOver=function(t){var e=this.itemFromTarget(t);if(e){if(e!==this.itemFromRelatedTarget(t)){var i=e.getTitle();if(this.options.showTooltips&&i){null==this.popup&&(this.popup=new w(this.body.dom.root,this.options.tooltip.overflowMethod||"flip")),this.popup.setText(i);var o=this.body.dom.centerContainer;this.popup.setPosition(t.clientX-l.getAbsoluteLeft(o)+o.offsetLeft,t.clientY-l.getAbsoluteTop(o)+o.offsetTop),this.popup.show()}else null!=this.popup&&this.popup.hide();this.body.emitter.emit("itemover",{item:e.id,event:t})}}},n.prototype._onMouseOut=function(t){var e=this.itemFromTarget(t);if(e){e!==this.itemFromRelatedTarget(t)&&(null!=this.popup&&this.popup.hide(),this.body.emitter.emit("itemout",{item:e.id,event:t}))}},n.prototype._onMouseMove=function(t){if(this.itemFromTarget(t)&&this.options.showTooltips&&this.options.tooltip.followMouse&&this.popup&&!this.popup.hidden){var e=this.body.dom.centerContainer;this.popup.setPosition(t.clientX-l.getAbsoluteLeft(e)+e.offsetLeft,t.clientY-l.getAbsoluteTop(e)+e.offsetTop),this.popup.show()}},n.prototype._onMouseWheel=function(t){this.touchParams.itemIsDragging&&this._onDragEnd(t)},n.prototype._onUpdateItem=function(t){if(this.options.selectable&&this.options.editable.add){var e=this;if(t){var i=e.itemsData.get(t.id);this.options.onUpdate(i,function(t){t&&e.itemsData.getDataSet().update(t)})}}},n.prototype._onDropObjectOnItem=function(t){var e=this.itemFromTarget(t),i=JSON.parse(t.dataTransfer.getData("text"));this.options.onDropObjectOnItem(i,e)},n.prototype._onAddItem=function(t){if(this.options.selectable&&this.options.editable.add){var e,i,o=this,n=this.options.snap||null;this.options.rtl?(e=l.getAbsoluteRight(this.dom.frame),i=e-t.center.x):(e=l.getAbsoluteLeft(this.dom.frame),i=t.center.x-e);var s,r,a=this.body.util.toTime(i),h=this.body.util.getScale(),d=this.body.util.getStep();"drop"==t.type?(r=JSON.parse(t.dataTransfer.getData("text")),r.content=r.content?r.content:"new item",r.start=r.start?r.start:n?n(a,h,d):a,r.type=r.type||"box",r[this.itemsData._fieldId]=r.id||l.randomUUID(),"range"!=r.type||r.end||(s=this.body.util.toTime(i+this.props.width/5),r.end=n?n(s,h,d):s)):(r={start:n?n(a,h,d):a,content:"new item"},r[this.itemsData._fieldId]=l.randomUUID(),"range"===this.options.type&&(s=this.body.util.toTime(i+this.props.width/5),r.end=n?n(s,h,d):s));var u=this.groupFromTarget(t);u&&(r.group=u.groupId),r=this._cloneItemData(r),this.options.onAdd(r,function(e){e&&(o.itemsData.getDataSet().add(e),"drop"==t.type&&o.setSelection([e.id]))})}},n.prototype._onMultiSelectItem=function(t){if(this.options.selectable){var e=this.itemFromTarget(t);if(e){
-var i=this.options.multiselect?this.getSelection():[];if((t.srcEvent&&t.srcEvent.shiftKey||!1)&&this.options.multiselect){var o=this.itemsData.get(e.id).group,s=void 0;this.options.multiselectPerGroup&&i.length>0&&(s=this.itemsData.get(i[0]).group),this.options.multiselectPerGroup&&void 0!=s&&s!=o||i.push(e.id);var r=n._getItemRange(this.itemsData.get(i,this.itemOptions));if(!this.options.multiselectPerGroup||s==o){i=[];for(var a in this.items)if(this.items.hasOwnProperty(a)){var h=this.items[a],d=h.data.start,l=void 0!==h.data.end?h.data.end:d;!(d>=r.min&&l<=r.max)||this.options.multiselectPerGroup&&s!=this.itemsData.get(h.id).group||h instanceof _||i.push(h.id)}}}else{var u=i.indexOf(e.id);-1==u?i.push(e.id):i.splice(u,1)}this.setSelection(i),this.body.emitter.emit("select",{items:this.getSelection(),event:t})}}},n._getItemRange=function(t){var e=null,i=null;return t.forEach(function(t){(null==i||t.start<i)&&(i=t.start),void 0!=t.end?(null==e||t.end>e)&&(e=t.end):(null==e||t.start>e)&&(e=t.start)}),{min:i,max:e}},n.prototype.itemFromElement=function(t){for(var e=t;e;){if(e.hasOwnProperty("timeline-item"))return e["timeline-item"];e=e.parentNode}return null},n.prototype.itemFromTarget=function(t){return this.itemFromElement(t.target)},n.prototype.itemFromRelatedTarget=function(t){return this.itemFromElement(t.relatedTarget)},n.prototype.groupFromTarget=function(t){var e=t.center?t.center.y:t.clientY,i=this.groupIds;i.length<=0&&this.groupsData&&(i=this.groupsData.getIds({order:this.options.groupOrder}));for(var o=0;o<i.length;o++){var n=i[o],s=this.groups[n],r=s.dom.foreground,a=l.getAbsoluteTop(r);if(e>a&&e<a+r.offsetHeight)return s;if("top"===this.options.orientation.item){if(o===this.groupIds.length-1&&e>a)return s}else if(0===o&&e<a+r.offset)return s}return null},n.itemSetFromTarget=function(t){for(var e=t.target;e;){if(e.hasOwnProperty("timeline-itemset"))return e["timeline-itemset"];e=e.parentNode}return null},n.prototype._cloneItemData=function(t,e){var i=l.extend({},t);return e||(e=this.itemsData.getDataSet()._options.type),void 0!=i.start&&(i.start=l.convert(i.start,e&&e.start||"Date")),void 0!=i.end&&(i.end=l.convert(i.end,e&&e.end||"Date")),i},t.exports=n},function(t,e,i){e.orderByStart=function(t){t.sort(function(t,e){return t.data.start-e.data.start})},e.orderByEnd=function(t){t.sort(function(t,e){return("end"in t.data?t.data.end:t.data.start)-("end"in e.data?e.data.end:e.data.start)})},e.stack=function(t,i,o){if(o)for(var n=0;n<t.length;n++)t[n].top=null;for(var n=0;n<t.length;n++){var s=t[n];if(s.stack&&null===s.top){s.top=i.axis;do{for(var r=null,a=0,h=t.length;a<h;a++){var d=t[a];if(null!==d.top&&d!==s&&d.stack&&e.collision(s,d,i.item,d.options.rtl)){r=d;break}}null!=r&&(s.top=r.top+r.height+i.item.vertical)}while(r)}}},e.substack=function(t,i,o){for(var n=0;n<t.length;n++)t[n].top=null;var s=o.height;for(n=0;n<t.length;n++){var r=t[n];if(r.stack&&null===r.top){r.top=r.baseTop;do{for(var a=null,h=0,d=t.length;h<d;h++){var l=t[h];if(null!==l.top&&l!==r&&e.collision(r,l,i.item,l.options.rtl)){a=l;break}}null!=a&&(r.top=a.top+a.height+i.item.vertical),r.top+r.height>s&&(s=r.top+r.height)}while(a)}}o.height=s-o.top+.5*i.item.vertical},e.nostack=function(t,i,o,n){for(var s=0;s<t.length;s++)if(void 0==t[s].data.subgroup)t[s].top=i.item.vertical;else if(void 0!==t[s].data.subgroup&&n){var r=0;for(var a in o)o.hasOwnProperty(a)&&1==o[a].visible&&o[a].index<o[t[s].data.subgroup].index&&(r+=o[a].height,o[t[s].data.subgroup].top=r);t[s].top=r+.5*i.item.vertical}n||e.stackSubgroups(t,i,o)},e.stackSubgroups=function(t,i,o){for(var n in o)if(o.hasOwnProperty(n)){o[n].top=0;do{var s=null;for(var r in o)if(null!==o[r].top&&r!==n&&o[n].index>o[r].index&&e.collisionByTimes(o[n],o[r])){s=o[r];break}null!=s&&(o[n].top=s.top+s.height)}while(s)}for(var a=0;a<t.length;a++)void 0!==t[a].data.subgroup&&(t[a].top=o[t[a].data.subgroup].top+.5*i.item.vertical)},e.stackSubgroupsWithInnerStack=function(t,i,o){var n=!1,s=[];for(var r in o)o[r].hasOwnProperty("index")?s[o[r].index]=r:s.push(r);for(var a=0;a<s.length;a++)if(r=s[a],o.hasOwnProperty(r)){n=n||o[r].stack,o[r].top=0;for(var h in o)o[h].visible&&o[r].index>o[h].index&&(o[r].top+=o[h].height);for(var d=t[r],l=0;l<d.length;l++)void 0!==d[l].data.subgroup&&(d[l].top=o[d[l].data.subgroup].top+.5*i.item.vertical,o[r].stack&&(d[l].baseTop=d[l].top));n&&o[r].stack&&e.substack(t[r],i,o[r])}},e.collision=function(t,e,i,o){return o?t.right-i.horizontal+.001<e.right+e.width&&t.right+t.width+i.horizontal-.001>e.right&&t.top-i.vertical+.001<e.top+e.height&&t.top+t.height+i.vertical-.001>e.top:t.left-i.horizontal+.001<e.left+e.width&&t.left+t.width+i.horizontal-.001>e.left&&t.top-i.vertical+.001<e.top+e.height&&t.top+t.height+i.vertical-.001>e.top},e.collisionByTimes=function(t,e){return t.start<=e.start&&t.end>=e.start&&t.top<e.top+e.height&&t.top+t.height>e.top||e.start<=t.start&&e.end>=t.start&&e.top<t.top+t.height&&e.top+e.height>t.top}},function(t,e,i){function o(t,e,i){if(this.props={dot:{width:0,height:0},line:{width:0,height:0}},this.options=i,t&&void 0==t.start)throw new Error('Property "start" missing in item '+t);n.call(this,t,e,i)}var n=i(38);o.prototype=new n(null,null,null),o.prototype.isVisible=function(t){var e=this.options.align,i=this.width*t.getMillisecondsPerPixel();return"right"==e?this.data.start.getTime()>t.start&&this.data.start.getTime()-i<t.end:"left"==e?this.data.start.getTime()+i>t.start&&this.data.start.getTime()<t.end:this.data.start.getTime()+i/2>t.start&&this.data.start.getTime()-i/2<t.end},o.prototype._createDomElement=function(){this.dom||(this.dom={},this.dom.box=document.createElement("DIV"),this.dom.content=document.createElement("DIV"),this.dom.content.className="vis-item-content",this.dom.box.appendChild(this.dom.content),this.dom.line=document.createElement("DIV"),this.dom.line.className="vis-line",this.dom.dot=document.createElement("DIV"),this.dom.dot.className="vis-dot",this.dom.box["timeline-item"]=this,this.dirty=!0)},o.prototype._appendDomElement=function(){if(!this.parent)throw new Error("Cannot redraw item: no parent attached");if(!this.dom.box.parentNode){var t=this.parent.dom.foreground;if(!t)throw new Error("Cannot redraw item: parent has no foreground container element");t.appendChild(this.dom.box)}if(!this.dom.line.parentNode){var e=this.parent.dom.background;if(!e)throw new Error("Cannot redraw item: parent has no background container element");e.appendChild(this.dom.line)}if(!this.dom.dot.parentNode){var i=this.parent.dom.axis;if(!e)throw new Error("Cannot redraw item: parent has no axis container element");i.appendChild(this.dom.dot)}this.displayed=!0},o.prototype._updateDirtyDomComponents=function(){if(this.dirty){this._updateContents(this.dom.content),this._updateDataAttributes(this.dom.box),this._updateStyle(this.dom.box);var t=this.editable.updateTime||this.editable.updateGroup,e=(this.data.className?" "+this.data.className:"")+(this.selected?" vis-selected":"")+(t?" vis-editable":" vis-readonly");this.dom.box.className="vis-item vis-box"+e,this.dom.line.className="vis-item vis-line"+e,this.dom.dot.className="vis-item vis-dot"+e}},o.prototype._getDomComponentsSizes=function(){return{previous:{right:this.dom.box.style.right,left:this.dom.box.style.left},dot:{height:this.dom.dot.offsetHeight,width:this.dom.dot.offsetWidth},line:{width:this.dom.line.offsetWidth},box:{width:this.dom.box.offsetWidth,height:this.dom.box.offsetHeight}}},o.prototype._updateDomComponentsSizes=function(t){this.options.rtl?this.dom.box.style.right="0px":this.dom.box.style.left="0px",this.props.dot.height=t.dot.height,this.props.dot.width=t.dot.width,this.props.line.width=t.line.width,this.width=t.box.width,this.height=t.box.height,this.options.rtl?this.dom.box.style.right=t.previous.right:this.dom.box.style.left=t.previous.left,this.dirty=!1},o.prototype._repaintDomAdditionals=function(){this._repaintOnItemUpdateTimeTooltip(this.dom.box),this._repaintDragCenter(),this._repaintDeleteButton(this.dom.box)},o.prototype.redraw=function(t){var e,i=[this._createDomElement.bind(this),this._appendDomElement.bind(this),this._updateDirtyDomComponents.bind(this),function(){this.dirty&&(e=this._getDomComponentsSizes())}.bind(this),function(){this.dirty&&this._updateDomComponentsSizes.bind(this)(e)}.bind(this),this._repaintDomAdditionals.bind(this)];if(t)return i;var o;return i.forEach(function(t){o=t()}),o},o.prototype.show=function(){this.displayed||this.redraw()},o.prototype.hide=function(){if(this.displayed){var t=this.dom;t.box.parentNode&&t.box.parentNode.removeChild(t.box),t.line.parentNode&&t.line.parentNode.removeChild(t.line),t.dot.parentNode&&t.dot.parentNode.removeChild(t.dot),this.displayed=!1}},o.prototype.repositionX=function(){var t=this.conversion.toScreen(this.data.start),e=this.options.align;"right"==e?this.options.rtl?(this.right=t-this.width,this.dom.box.style.right=this.right+"px",this.dom.line.style.right=t-this.props.line.width+"px",this.dom.dot.style.right=t-this.props.line.width/2-this.props.dot.width/2+"px"):(this.left=t-this.width,this.dom.box.style.left=this.left+"px",this.dom.line.style.left=t-this.props.line.width+"px",this.dom.dot.style.left=t-this.props.line.width/2-this.props.dot.width/2+"px"):"left"==e?this.options.rtl?(this.right=t,this.dom.box.style.right=this.right+"px",this.dom.line.style.right=t+"px",this.dom.dot.style.right=t+this.props.line.width/2-this.props.dot.width/2+"px"):(this.left=t,this.dom.box.style.left=this.left+"px",this.dom.line.style.left=t+"px",this.dom.dot.style.left=t+this.props.line.width/2-this.props.dot.width/2+"px"):this.options.rtl?(this.right=t-this.width/2,this.dom.box.style.right=this.right+"px",this.dom.line.style.right=t-this.props.line.width+"px",this.dom.dot.style.right=t-this.props.dot.width/2+"px"):(this.left=t-this.width/2,this.dom.box.style.left=this.left+"px",this.dom.line.style.left=t-this.props.line.width/2+"px",this.dom.dot.style.left=t-this.props.dot.width/2+"px")},o.prototype.repositionY=function(){var t=this.options.orientation.item,e=this.dom.box,i=this.dom.line,o=this.dom.dot;if("top"==t)e.style.top=(this.top||0)+"px",i.style.top="0",i.style.height=this.parent.top+this.top+1+"px",i.style.bottom="";else{var n=this.parent.itemSet.props.height,s=n-this.parent.top-this.parent.height+this.top;e.style.top=(this.parent.height-this.top-this.height||0)+"px",i.style.top=n-s+"px",i.style.bottom="0"}o.style.top=-this.props.dot.height/2+"px"},o.prototype.getWidthLeft=function(){return this.width/2},o.prototype.getWidthRight=function(){return this.width/2},t.exports=o},function(t,e,i){function o(t,e,i){if(this.props={dot:{top:0,width:0,height:0},content:{height:0,marginLeft:0,marginRight:0}},this.options=i,t&&void 0==t.start)throw new Error('Property "start" missing in item '+t);n.call(this,t,e,i)}var n=i(38);o.prototype=new n(null,null,null),o.prototype.isVisible=function(t){var e=this.width*t.getMillisecondsPerPixel();return this.data.start.getTime()+e>t.start&&this.data.start<t.end},o.prototype._createDomElement=function(){this.dom||(this.dom={},this.dom.point=document.createElement("div"),this.dom.content=document.createElement("div"),this.dom.content.className="vis-item-content",this.dom.point.appendChild(this.dom.content),this.dom.dot=document.createElement("div"),this.dom.point.appendChild(this.dom.dot),this.dom.point["timeline-item"]=this,this.dirty=!0)},o.prototype._appendDomElement=function(){if(!this.parent)throw new Error("Cannot redraw item: no parent attached");if(!this.dom.point.parentNode){var t=this.parent.dom.foreground;if(!t)throw new Error("Cannot redraw item: parent has no foreground container element");t.appendChild(this.dom.point)}this.displayed=!0},o.prototype._updateDirtyDomComponents=function(){if(this.dirty){this._updateContents(this.dom.content),this._updateDataAttributes(this.dom.point),this._updateStyle(this.dom.point);var t=this.editable.updateTime||this.editable.updateGroup,e=(this.data.className?" "+this.data.className:"")+(this.selected?" vis-selected":"")+(t?" vis-editable":" vis-readonly");this.dom.point.className="vis-item vis-point"+e,this.dom.dot.className="vis-item vis-dot"+e}},o.prototype._getDomComponentsSizes=function(){return{dot:{width:this.dom.dot.offsetWidth,height:this.dom.dot.offsetHeight},content:{width:this.dom.content.offsetWidth,height:this.dom.content.offsetHeight},point:{width:this.dom.point.offsetWidth,height:this.dom.point.offsetHeight}}},o.prototype._updateDomComponentsSizes=function(t){this.props.dot.width=t.dot.width,this.props.dot.height=t.dot.height,this.props.content.height=t.content.height,this.options.rtl?this.dom.content.style.marginRight=2*this.props.dot.width+"px":this.dom.content.style.marginLeft=2*this.props.dot.width+"px",this.width=t.point.width,this.height=t.point.height,this.dom.dot.style.top=(this.height-this.props.dot.height)/2+"px",this.options.rtl?this.dom.dot.style.right=this.props.dot.width/2+"px":this.dom.dot.style.left=this.props.dot.width/2+"px",this.dirty=!1},o.prototype._repaintDomAdditionals=function(){this._repaintOnItemUpdateTimeTooltip(this.dom.point),this._repaintDragCenter(),this._repaintDeleteButton(this.dom.point)},o.prototype.redraw=function(t){var e,i=[this._createDomElement.bind(this),this._appendDomElement.bind(this),this._updateDirtyDomComponents.bind(this),function(){this.dirty&&(e=this._getDomComponentsSizes())}.bind(this),function(){this.dirty&&this._updateDomComponentsSizes.bind(this)(e)}.bind(this),this._repaintDomAdditionals.bind(this)];if(t)return i;var o;return i.forEach(function(t){o=t()}),o},o.prototype.show=function(){this.displayed||this.redraw()},o.prototype.hide=function(){this.displayed&&(this.dom.point.parentNode&&this.dom.point.parentNode.removeChild(this.dom.point),this.displayed=!1)},o.prototype.repositionX=function(){var t=this.conversion.toScreen(this.data.start);this.options.rtl?(this.right=t-this.props.dot.width,this.dom.point.style.right=this.right+"px"):(this.left=t-this.props.dot.width,this.dom.point.style.left=this.left+"px")},o.prototype.repositionY=function(){var t=this.options.orientation.item,e=this.dom.point;e.style.top="top"==t?this.top+"px":this.parent.height-this.top-this.height+"px"},o.prototype.getWidthLeft=function(){return this.props.dot.width},o.prototype.getWidthRight=function(){return this.props.dot.width},t.exports=o},function(t,e,i){function o(t,e,i){if(this.props={content:{width:0}},this.overflow=!1,t){if(void 0==t.start)throw new Error('Property "start" missing in item '+t.id);if(void 0==t.end)throw new Error('Property "end" missing in item '+t.id)}n.call(this,t,e,i)}var n=i(38),s=i(69),r=i(70);o.prototype=new n(null,null,null),o.prototype.baseClassName="vis-item vis-background",o.prototype.stack=!1,o.prototype.isVisible=function(t){return this.data.start<t.end&&this.data.end>t.start},o.prototype._createDomElement=function(){this.dom||(this.dom={},this.dom.box=document.createElement("div"),this.dom.frame=document.createElement("div"),this.dom.frame.className="vis-item-overflow",this.dom.box.appendChild(this.dom.frame),this.dom.content=document.createElement("div"),this.dom.content.className="vis-item-content",this.dom.frame.appendChild(this.dom.content),this.dirty=!0)},o.prototype._appendDomElement=function(){if(!this.parent)throw new Error("Cannot redraw item: no parent attached");if(!this.dom.box.parentNode){var t=this.parent.dom.background;if(!t)throw new Error("Cannot redraw item: parent has no background container element");t.appendChild(this.dom.box)}this.displayed=!0},o.prototype._updateDirtyDomComponents=function(){if(this.dirty){this._updateContents(this.dom.content),this._updateDataAttributes(this.dom.content),this._updateStyle(this.dom.box);var t=(this.data.className?" "+this.data.className:"")+(this.selected?" vis-selected":"");this.dom.box.className=this.baseClassName+t}},o.prototype._getDomComponentsSizes=function(){return this.overflow="hidden"!==window.getComputedStyle(this.dom.content).overflow,{content:{width:this.dom.content.offsetWidth}}},o.prototype._updateDomComponentsSizes=function(t){this.props.content.width=t.content.width,this.height=0,this.dirty=!1},o.prototype._repaintDomAdditionals=function(){},o.prototype.redraw=function(t){var e,i=[this._createDomElement.bind(this),this._appendDomElement.bind(this),this._updateDirtyDomComponents.bind(this),function(){this.dirty&&(e=this._getDomComponentsSizes.bind(this)())}.bind(this),function(){this.dirty&&this._updateDomComponentsSizes.bind(this)(e)}.bind(this),this._repaintDomAdditionals.bind(this)];if(t)return i;var o;return i.forEach(function(t){o=t()}),o},o.prototype.show=r.prototype.show,o.prototype.hide=r.prototype.hide,o.prototype.repositionX=r.prototype.repositionX,o.prototype.repositionY=function(t){var e,i=this.options.orientation.item;if(void 0!==this.data.subgroup){var o=this.data.subgroup;this.dom.box.style.height=this.parent.subgroups[o].height+"px",this.dom.box.style.top="top"==i?this.parent.top+this.parent.subgroups[o].top+"px":this.parent.top+this.parent.height-this.parent.subgroups[o].top-this.parent.subgroups[o].height+"px",this.dom.box.style.bottom=""}else this.parent instanceof s?(e=Math.max(this.parent.height,this.parent.itemSet.body.domProps.center.height,this.parent.itemSet.body.domProps.centerContainer.height),this.dom.box.style.bottom="bottom"==i?"0":"",this.dom.box.style.top="top"==i?"0":""):(e=this.parent.height,this.dom.box.style.top=this.parent.top+"px",this.dom.box.style.bottom="");this.dom.box.style.height=e+"px"},t.exports=o},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=function(){function t(e,i){(0,s.default)(this,t),this.container=e,this.overflowMethod=i||"cap",this.x=0,this.y=0,this.padding=5,this.hidden=!1,this.frame=document.createElement("div"),this.frame.className="vis-tooltip",this.container.appendChild(this.frame)}return(0,a.default)(t,[{key:"setPosition",value:function(t,e){this.x=parseInt(t),this.y=parseInt(e)}},{key:"setText",value:function(t){t instanceof Element?(this.frame.innerHTML="",this.frame.appendChild(t)):this.frame.innerHTML=t}},{key:"show",value:function(t){if(void 0===t&&(t=!0),!0===t){var e=this.frame.clientHeight,i=this.frame.clientWidth,o=this.frame.parentNode.clientHeight,n=this.frame.parentNode.clientWidth,s=0,r=0;if("flip"==this.overflowMethod){var a=!1,h=!0;this.y-e<this.padding&&(h=!1),this.x+i>n-this.padding&&(a=!0),s=a?this.x-i:this.x,r=h?this.y-e:this.y}else r=this.y-e,r+e+this.padding>o&&(r=o-e-this.padding),r<this.padding&&(r=this.padding),s=this.x,s+i+this.padding>n&&(s=n-i-this.padding),s<this.padding&&(s=this.padding);this.frame.style.left=s+"px",this.frame.style.top=r+"px",this.frame.style.visibility="visible",this.hidden=!1}else this.hide()}},{key:"hide",value:function(){this.hidden=!0,this.frame.style.left="0",this.frame.style.top="0",this.frame.style.visibility="hidden"}},{key:"destroy",value:function(){this.frame.parentNode.removeChild(this.frame)}}]),t}();e.default=h},function(t,e,i){Object.defineProperty(e,"__esModule",{value:!0});var o="string",n="boolean",s="number",r="object",a={configure:{enabled:{boolean:n},filter:{boolean:n,function:"function"},container:{dom:"dom"},__type__:{object:r,boolean:n,function:"function"}},align:{string:o},rtl:{boolean:n,undefined:"undefined"},rollingMode:{follow:{boolean:n},offset:{number:s,undefined:"undefined"},__type__:{object:r}},verticalScroll:{boolean:n,undefined:"undefined"},horizontalScroll:{boolean:n,undefined:"undefined"},autoResize:{boolean:n},throttleRedraw:{number:s},clickToUse:{boolean:n},dataAttributes:{string:o,array:"array"},editable:{add:{boolean:n,undefined:"undefined"},remove:{boolean:n,undefined:"undefined"},updateGroup:{boolean:n,undefined:"undefined"},updateTime:{boolean:n,undefined:"undefined"},overrideItems:{boolean:n,undefined:"undefined"},__type__:{boolean:n,object:r}},end:{number:s,date:"date",string:o,moment:"moment"},format:{minorLabels:{millisecond:{string:o,undefined:"undefined"},second:{string:o,undefined:"undefined"},minute:{string:o,undefined:"undefined"},hour:{string:o,undefined:"undefined"},weekday:{string:o,undefined:"undefined"},day:{string:o,undefined:"undefined"},week:{string:o,undefined:"undefined"},month:{string:o,undefined:"undefined"},year:{string:o,undefined:"undefined"},__type__:{object:r,function:"function"}},majorLabels:{millisecond:{string:o,undefined:"undefined"},second:{string:o,undefined:"undefined"},minute:{string:o,undefined:"undefined"},hour:{string:o,undefined:"undefined"},weekday:{string:o,undefined:"undefined"},day:{string:o,undefined:"undefined"},week:{string:o,undefined:"undefined"},month:{string:o,undefined:"undefined"},year:{string:o,undefined:"undefined"},__type__:{object:r,function:"function"}},__type__:{object:r}},moment:{function:"function"},groupOrder:{string:o,function:"function"},groupEditable:{add:{boolean:n,undefined:"undefined"},remove:{boolean:n,undefined:"undefined"},order:{boolean:n,undefined:"undefined"},__type__:{boolean:n,object:r}},groupOrderSwap:{function:"function"},height:{string:o,number:s},hiddenDates:{start:{date:"date",number:s,string:o,moment:"moment"},end:{date:"date",number:s,string:o,moment:"moment"},repeat:{string:o},__type__:{object:r,array:"array"}},itemsAlwaysDraggable:{item:{boolean:n,undefined:"undefined"},range:{boolean:n,undefined:"undefined"},__type__:{boolean:n,object:r}},limitSize:{boolean:n},locale:{string:o},locales:{__any__:{any:"any"},__type__:{object:r}},margin:{axis:{number:s},item:{horizontal:{number:s,undefined:"undefined"},vertical:{number:s,undefined:"undefined"},__type__:{object:r,number:s}},__type__:{object:r,number:s}},max:{date:"date",number:s,string:o,moment:"moment"},maxHeight:{number:s,string:o},maxMinorChars:{number:s},min:{date:"date",number:s,string:o,moment:"moment"},minHeight:{number:s,string:o},moveable:{boolean:n},multiselect:{boolean:n},multiselectPerGroup:{boolean:n},onAdd:{function:"function"},onDropObjectOnItem:{function:"function"},onUpdate:{function:"function"},onMove:{function:"function"},onMoving:{function:"function"},onRemove:{function:"function"},onAddGroup:{function:"function"},onMoveGroup:{function:"function"},onRemoveGroup:{function:"function"},onInitialDrawComplete:{function:"function"},order:{function:"function"},orientation:{axis:{string:o,undefined:"undefined"},item:{string:o,undefined:"undefined"},__type__:{string:o,object:r}},selectable:{boolean:n},showCurrentTime:{boolean:n},showMajorLabels:{boolean:n},showMinorLabels:{boolean:n},stack:{boolean:n},stackSubgroups:{boolean:n},snap:{function:"function",null:"null"},start:{date:"date",number:s,string:o,moment:"moment"},template:{function:"function"},groupTemplate:{function:"function"},visibleFrameTemplate:{string:o,function:"function"},showTooltips:{boolean:n},tooltip:{followMouse:{boolean:n},overflowMethod:{string:["cap","flip"]},__type__:{object:r}},tooltipOnItemUpdateTime:{template:{function:"function"},__type__:{boolean:n,object:r}},timeAxis:{scale:{string:o,undefined:"undefined"},step:{number:s,undefined:"undefined"},__type__:{object:r}},type:{string:o},width:{string:o,number:s},zoomable:{boolean:n},zoomKey:{string:["ctrlKey","altKey","metaKey",""]},zoomMax:{number:s},zoomMin:{number:s},__type__:{object:r}},h={global:{align:["center","left","right"],direction:!1,autoResize:!0,clickToUse:!1,editable:{add:!1,remove:!1,updateGroup:!1,updateTime:!1},end:"",format:{minorLabels:{millisecond:"SSS",second:"s",minute:"HH:mm",hour:"HH:mm",weekday:"ddd D",day:"D",week:"w",month:"MMM",year:"YYYY"},majorLabels:{millisecond:"HH:mm:ss",second:"D MMMM HH:mm",minute:"ddd D MMMM",hour:"ddd D MMMM",weekday:"MMMM YYYY",day:"MMMM YYYY",week:"MMMM YYYY",month:"YYYY",year:""}},groupsDraggable:!1,height:"",locale:"",margin:{axis:[20,0,100,1],item:{horizontal:[10,0,100,1],vertical:[10,0,100,1]}},max:"",maxHeight:"",maxMinorChars:[7,0,20,1],min:"",minHeight:"",moveable:!1,multiselect:!1,multiselectPerGroup:!1,orientation:{axis:["both","bottom","top"],item:["bottom","top"]},selectable:!0,showCurrentTime:!1,showMajorLabels:!0,showMinorLabels:!0,stack:!0,stackSubgroups:!0,start:"",showTooltips:!0,tooltip:{followMouse:!1,overflowMethod:"flip"},tooltipOnItemUpdateTime:!1,type:["box","point","range","background"],width:"100%",zoomable:!0,zoomKey:["ctrlKey","altKey","metaKey",""],zoomMax:[31536e10,10,31536e10,1],zoomMin:[10,10,31536e10,1]}};e.allOptions=a,e.configureOptions=h},function(t,e,i){function o(t,e){this.id=r.randomUUID(),this.body=t,this.defaultOptions={yAxisOrientation:"left",defaultGroup:"default",sort:!0,sampling:!0,stack:!1,graphHeight:"400px",shaded:{enabled:!1,orientation:"bottom"},style:"line",barChart:{width:50,sideBySide:!1,align:"center"},interpolation:{enabled:!0,parametrization:"centripetal",alpha:.5},drawPoints:{enabled:!0,size:6,style:"square"},dataAxis:{},legend:{},groups:{visibility:{}}},this.options=r.extend({},this.defaultOptions),this.dom={},this.props={},this.hammer=null,this.groups={},this.abortedGraphUpdate=!1,this.updateSVGheight=!1,this.updateSVGheightOnResize=!1,this.forceGraphUpdate=!0;var i=this;this.itemsData=null,this.groupsData=null,this.itemListeners={add:function(t,e,o){i._onAdd(e.items)},update:function(t,e,o){i._onUpdate(e.items)},remove:function(t,e,o){i._onRemove(e.items)}},this.groupListeners={add:function(t,e,o){i._onAddGroups(e.items)},update:function(t,e,o){i._onUpdateGroups(e.items)},remove:function(t,e,o){i._onRemoveGroups(e.items)}},this.items={},this.selection=[],this.lastStart=this.body.range.start,this.touchParams={},this.svgElements={},this.setOptions(e),this.groupsUsingDefaultStyles=[0],this.body.emitter.on("rangechanged",function(){i.lastStart=i.body.range.start,i.svg.style.left=r.option.asSize(-i.props.width),i.forceGraphUpdate=!0,i.redraw.call(i)}),this._create(),this.framework={svg:this.svg,svgElements:this.svgElements,options:this.options,groups:this.groups}}var n=i(6),s=function(t){return t&&t.__esModule?t:{default:t}}(n),r=i(2),a=i(14),h=i(11),d=i(12),l=i(16),u=i(107),c=i(109),p=i(112),f=i(110),m=i(111),v=i(72);o.prototype=new l,o.prototype._create=function(){var t=document.createElement("div");t.className="vis-line-graph",this.dom.frame=t,this.svg=document.createElementNS("http://www.w3.org/2000/svg","svg"),this.svg.style.position="relative",this.svg.style.height=(""+this.options.graphHeight).replace("px","")+"px",this.svg.style.display="block",t.appendChild(this.svg),this.options.dataAxis.orientation="left",this.yAxisLeft=new u(this.body,this.options.dataAxis,this.svg,this.options.groups),this.options.dataAxis.orientation="right",this.yAxisRight=new u(this.body,this.options.dataAxis,this.svg,this.options.groups),delete this.options.dataAxis.orientation,this.legendLeft=new p(this.body,this.options.legend,"left",this.options.groups),this.legendRight=new p(this.body,this.options.legend,"right",this.options.groups),this.show()},o.prototype.setOptions=function(t){if(t){var e=["sampling","defaultGroup","stack","height","graphHeight","yAxisOrientation","style","barChart","dataAxis","sort","groups"];void 0===t.graphHeight&&void 0!==t.height?(this.updateSVGheight=!0,this.updateSVGheightOnResize=!0):void 0!==this.body.domProps.centerContainer.height&&void 0!==t.graphHeight&&parseInt((t.graphHeight+"").replace("px",""))<this.body.domProps.centerContainer.height&&(this.updateSVGheight=!0),r.selectiveDeepExtend(e,this.options,t),r.mergeOptions(this.options,t,"interpolation"),r.mergeOptions(this.options,t,"drawPoints"),r.mergeOptions(this.options,t,"shaded"),r.mergeOptions(this.options,t,"legend"),t.interpolation&&"object"==(0,s.default)(t.interpolation)&&t.interpolation.parametrization&&("uniform"==t.interpolation.parametrization?this.options.interpolation.alpha=0:"chordal"==t.interpolation.parametrization?this.options.interpolation.alpha=1:(this.options.interpolation.parametrization="centripetal",this.options.interpolation.alpha=.5)),this.yAxisLeft&&void 0!==t.dataAxis&&(this.yAxisLeft.setOptions(this.options.dataAxis),this.yAxisRight.setOptions(this.options.dataAxis)),this.legendLeft&&void 0!==t.legend&&(this.legendLeft.setOptions(this.options.legend),this.legendRight.setOptions(this.options.legend)),this.groups.hasOwnProperty("__ungrouped__")&&this.groups.__ungrouped__.setOptions(t)}this.dom.frame&&(this.forceGraphUpdate=!0,this.body.emitter.emit("_change",{queue:!0}))},o.prototype.hide=function(){this.dom.frame.parentNode&&this.dom.frame.parentNode.removeChild(this.dom.frame)},o.prototype.show=function(){this.dom.frame.parentNode||this.body.dom.center.appendChild(this.dom.frame)},o.prototype.setItems=function(t){var e,i=this,o=this.itemsData;if(t){if(!(t instanceof h||t instanceof d))throw new TypeError("Data must be an instance of DataSet or DataView");this.itemsData=t}else this.itemsData=null;if(o&&(r.forEach(this.itemListeners,function(t,e){o.off(e,t)}),e=o.getIds(),this._onRemove(e)),this.itemsData){var n=this.id;r.forEach(this.itemListeners,function(t,e){i.itemsData.on(e,t,n)}),e=this.itemsData.getIds(),this._onAdd(e)}},o.prototype.setGroups=function(t){var e,i=this;if(this.groupsData){r.forEach(this.groupListeners,function(t,e){i.groupsData.off(e,t)}),e=this.groupsData.getIds(),this.groupsData=null;for(var o=0;o<e.length;o++)this._removeGroup(e[o])}if(t){if(!(t instanceof h||t instanceof d))throw new TypeError("Data must be an instance of DataSet or DataView");this.groupsData=t}else this.groupsData=null;if(this.groupsData){var n=this.id;r.forEach(this.groupListeners,function(t,e){i.groupsData.on(e,t,n)}),e=this.groupsData.getIds(),this._onAddGroups(e)}},o.prototype._onUpdate=function(t){this._updateAllGroupData(t)},o.prototype._onAdd=function(t){this._onUpdate(t)},o.prototype._onRemove=function(t){this._onUpdate(t)},o.prototype._onUpdateGroups=function(t){this._updateAllGroupData(null,t)},o.prototype._onAddGroups=function(t){this._onUpdateGroups(t)},o.prototype._onRemoveGroups=function(t){for(var e=0;e<t.length;e++)this._removeGroup(t[e]);this.forceGraphUpdate=!0,this.body.emitter.emit("_change",{queue:!0})},o.prototype._removeGroup=function(t){this.groups.hasOwnProperty(t)&&("right"==this.groups[t].options.yAxisOrientation?(this.yAxisRight.removeGroup(t),this.legendRight.removeGroup(t),this.legendRight.redraw()):(this.yAxisLeft.removeGroup(t),this.legendLeft.removeGroup(t),this.legendLeft.redraw()),delete this.groups[t])},o.prototype._updateGroup=function(t,e){this.groups.hasOwnProperty(e)?(this.groups[e].update(t),"right"==this.groups[e].options.yAxisOrientation?(this.yAxisRight.updateGroup(e,this.groups[e]),this.legendRight.updateGroup(e,this.groups[e]),this.yAxisLeft.removeGroup(e),this.legendLeft.removeGroup(e)):(this.yAxisLeft.updateGroup(e,this.groups[e]),this.legendLeft.updateGroup(e,this.groups[e]),this.yAxisRight.removeGroup(e),this.legendRight.removeGroup(e))):(this.groups[e]=new c(t,e,this.options,this.groupsUsingDefaultStyles),"right"==this.groups[e].options.yAxisOrientation?(this.yAxisRight.addGroup(e,this.groups[e]),this.legendRight.addGroup(e,this.groups[e])):(this.yAxisLeft.addGroup(e,this.groups[e]),this.legendLeft.addGroup(e,this.groups[e]))),this.legendLeft.redraw(),this.legendRight.redraw()},o.prototype._updateAllGroupData=function(t,e){if(null!=this.itemsData){var i={},o=this.itemsData.get(),n=this.itemsData._fieldId,s={};t&&t.map(function(t){s[t]=t});for(var a={},h=0;h<o.length;h++){var d=o[h],l=d.group;null!==l&&void 0!==l||(l="__ungrouped__"),a.hasOwnProperty(l)?a[l]++:a[l]=1}var u={};if(!e&&t)for(l in this.groups)if(this.groups.hasOwnProperty(l)){v=this.groups[l];var c=v.getItems();i[l]=c.filter(function(t){return u[t[n]]=t[n],t[n]!==s[t[n]]});var p=a[l];a[l]-=i[l].length,i[l].length<p&&(i[l][p-1]={})}for(h=0;h<o.length;h++)if(d=o[h],l=d.group,null!==l&&void 0!==l||(l="__ungrouped__"),e||!t||d[n]===s[d[n]]||!u.hasOwnProperty(d[n])){i.hasOwnProperty(l)||(i[l]=new Array(a[l]));var f=r.bridgeObject(d);f.x=r.convert(d.x,"Date"),f.end=r.convert(d.end,"Date"),f.orginalY=d.y,f.y=Number(d.y),
-f[n]=d[n];var m=i[l].length-a[l]--;i[l][m]=f}for(l in this.groups)this.groups.hasOwnProperty(l)&&(i.hasOwnProperty(l)||(i[l]=new Array(0)));for(l in i)if(i.hasOwnProperty(l))if(0==i[l].length)this.groups.hasOwnProperty(l)&&this._removeGroup(l);else{var v=void 0;void 0!=this.groupsData&&(v=this.groupsData.get(l)),void 0==v&&(v={id:l,content:this.options.defaultGroup+l}),this._updateGroup(v,l),this.groups[l].setItems(i[l])}this.forceGraphUpdate=!0,this.body.emitter.emit("_change",{queue:!0})}},o.prototype.redraw=function(){var t=!1;this.props.width=this.dom.frame.offsetWidth,this.props.height=this.body.domProps.centerContainer.height-this.body.domProps.border.top-this.body.domProps.border.bottom,t=this._isResized()||t;var e=this.body.range.end-this.body.range.start,i=e!=this.lastVisibleInterval;if(this.lastVisibleInterval=e,1==t&&(this.svg.style.width=r.option.asSize(3*this.props.width),this.svg.style.left=r.option.asSize(-this.props.width),-1==(this.options.height+"").indexOf("%")&&1!=this.updateSVGheightOnResize||(this.updateSVGheight=!0)),1==this.updateSVGheight?(this.options.graphHeight!=this.props.height+"px"&&(this.options.graphHeight=this.props.height+"px",this.svg.style.height=this.props.height+"px"),this.updateSVGheight=!1):this.svg.style.height=(""+this.options.graphHeight).replace("px","")+"px",1==t||1==i||1==this.abortedGraphUpdate||1==this.forceGraphUpdate)t=this._updateGraph()||t,this.forceGraphUpdate=!1;else if(0!=this.lastStart){var o=this.body.range.start-this.lastStart,n=this.body.range.end-this.body.range.start;if(0!=this.props.width){var s=this.props.width/n,a=o*s;this.svg.style.left=-this.props.width-a+"px"}}return this.legendLeft.redraw(),this.legendRight.redraw(),t},o.prototype._getSortedGroupIds=function(){var t=[];for(var e in this.groups)if(this.groups.hasOwnProperty(e)){var i=this.groups[e];1!=i.visible||void 0!==this.options.groups.visibility[e]&&1!=this.options.groups.visibility[e]||t.push({id:e,zIndex:i.options.zIndex})}r.insertSort(t,function(t,e){var i=t.zIndex,o=e.zIndex;return void 0===i&&(i=0),void 0===o&&(o=0),i==o?0:i<o?-1:1});for(var o=new Array(t.length),n=0;n<t.length;n++)o[n]=t[n].id;return o},o.prototype._updateGraph=function(){if(a.prepareElements(this.svgElements),0!=this.props.width&&null!=this.itemsData){var t,e,i={},o=this.body.util.toGlobalTime(-this.body.domProps.root.width),n=this.body.util.toGlobalTime(2*this.body.domProps.root.width),s=this._getSortedGroupIds();if(s.length>0){var r={};for(this._getRelevantData(s,r,o,n),this._applySampling(s,r),e=0;e<s.length;e++)this._convertXcoordinates(r[s[e]]);if(this._getYRanges(s,r,i),1==this._updateYAxis(s,i))return a.cleanupElements(this.svgElements),this.abortedGraphUpdate=!0,!0;this.abortedGraphUpdate=!1;var h=void 0;for(e=0;e<s.length;e++)t=this.groups[s[e]],!0===this.options.stack&&"line"===this.options.style&&(void 0!=t.options.excludeFromStacking&&t.options.excludeFromStacking||(void 0!=h&&(this._stack(r[t.id],r[h.id]),1==t.options.shaded.enabled&&"group"!==t.options.shaded.orientation&&("top"==t.options.shaded.orientation&&"group"!==h.options.shaded.orientation?(h.options.shaded.orientation="group",h.options.shaded.groupId=t.id):(t.options.shaded.orientation="group",t.options.shaded.groupId=h.id))),h=t)),this._convertYcoordinates(r[s[e]],t);var d={};for(e=0;e<s.length;e++)if(t=this.groups[s[e]],"line"===t.options.style&&1==t.options.shaded.enabled){var l=r[s[e]];if(null==l||0==l.length)continue;if(d.hasOwnProperty(s[e])||(d[s[e]]=m.calcPath(l,t)),"group"===t.options.shaded.orientation){var u=t.options.shaded.groupId;if(-1===s.indexOf(u)){console.log(t.id+": Unknown shading group target given:"+u);continue}d.hasOwnProperty(u)||(d[u]=m.calcPath(r[u],this.groups[u])),m.drawShading(d[s[e]],t,d[u],this.framework)}else m.drawShading(d[s[e]],t,void 0,this.framework)}for(f.draw(s,r,this.framework),e=0;e<s.length;e++)if(t=this.groups[s[e]],r[s[e]].length>0)switch(t.options.style){case"line":d.hasOwnProperty(s[e])||(d[s[e]]=m.calcPath(r[s[e]],t)),m.draw(d[s[e]],t,this.framework);case"point":case"points":"point"!=t.options.style&&"points"!=t.options.style&&1!=t.options.drawPoints.enabled||v.draw(r[s[e]],t,this.framework)}}}return a.cleanupElements(this.svgElements),!1},o.prototype._stack=function(t,e){var i,o,n,s,r;i=0;for(var a=0;a<t.length;a++){s=void 0,r=void 0;for(var h=i;h<e.length;h++){if(e[h].x===t[a].x){s=e[h],r=e[h],i=h;break}if(e[h].x>t[a].x){r=e[h],s=0==h?r:e[h-1],i=h;break}}void 0===r&&(s=e[e.length-1],r=e[e.length-1]),o=r.x-s.x,n=r.y-s.y,t[a].y=0==o?t[a].orginalY+r.y:t[a].orginalY+n/o*(t[a].x-s.x)+s.y}},o.prototype._getRelevantData=function(t,e,i,o){var n,s,a,h;if(t.length>0)for(s=0;s<t.length;s++){n=this.groups[t[s]];var d=n.getItems();if(1==n.options.sort){var l=function(t,e){return t.getTime()==e.getTime()?0:t<e?-1:1},u=Math.max(0,r.binarySearchValue(d,i,"x","before",l)),c=Math.min(d.length,r.binarySearchValue(d,o,"x","after",l)+1);c<=0&&(c=d.length);var p=new Array(c-u);for(a=u;a<c;a++)h=n.itemsData[a],p[a-u]=h;e[t[s]]=p}else e[t[s]]=n.itemsData}},o.prototype._applySampling=function(t,e){var i;if(t.length>0)for(var o=0;o<t.length;o++)if(i=this.groups[t[o]],1==i.options.sampling){var n=e[t[o]];if(n.length>0){var s=1,r=n.length,a=this.body.util.toGlobalScreen(n[n.length-1].x)-this.body.util.toGlobalScreen(n[0].x),h=r/a;s=Math.min(Math.ceil(.2*r),Math.max(1,Math.round(h)));for(var d=new Array(r),l=0;l<r;l+=s){var u=Math.round(l/s);d[u]=n[l]}e[t[o]]=d.splice(0,Math.round(r/s))}}},o.prototype._getYRanges=function(t,e,i){var o,n,s,r,a=[],h=[];if(t.length>0){for(s=0;s<t.length;s++)o=e[t[s]],r=this.groups[t[s]].options,o.length>0&&(n=this.groups[t[s]],!0===r.stack&&"bar"===r.style?"left"===r.yAxisOrientation?a=a.concat(o):h=h.concat(o):i[t[s]]=n.getYRange(o,t[s]));f.getStackedYRange(a,i,t,"__barStackLeft","left"),f.getStackedYRange(h,i,t,"__barStackRight","right")}},o.prototype._updateYAxis=function(t,e){var i,o,n=!1,s=!1,r=!1,a=1e9,h=1e9,d=-1e9,l=-1e9;if(t.length>0){for(var u=0;u<t.length;u++){var c=this.groups[t[u]];c&&"right"!=c.options.yAxisOrientation?(s=!0,a=1e9,d=-1e9):c&&c.options.yAxisOrientation&&(r=!0,h=1e9,l=-1e9)}for(u=0;u<t.length;u++)e.hasOwnProperty(t[u])&&!0!==e[t[u]].ignore&&(i=e[t[u]].min,o=e[t[u]].max,"right"!=e[t[u]].yAxisOrientation?(s=!0,a=a>i?i:a,d=d<o?o:d):(r=!0,h=h>i?i:h,l=l<o?o:l));1==s&&this.yAxisLeft.setRange(a,d),1==r&&this.yAxisRight.setRange(h,l)}n=this._toggleAxisVisiblity(s,this.yAxisLeft)||n,n=this._toggleAxisVisiblity(r,this.yAxisRight)||n,1==r&&1==s?(this.yAxisLeft.drawIcons=!0,this.yAxisRight.drawIcons=!0):(this.yAxisLeft.drawIcons=!1,this.yAxisRight.drawIcons=!1),this.yAxisRight.master=!s,this.yAxisRight.masterAxis=this.yAxisLeft,0==this.yAxisRight.master?(this.yAxisLeft.lineOffset=1==r?this.yAxisRight.width:0,n=this.yAxisLeft.redraw()||n,n=this.yAxisRight.redraw()||n):n=this.yAxisRight.redraw()||n;var p=["__barStackLeft","__barStackRight","__lineStackLeft","__lineStackRight"];for(u=0;u<p.length;u++)-1!=t.indexOf(p[u])&&t.splice(t.indexOf(p[u]),1);return n},o.prototype._toggleAxisVisiblity=function(t,e){var i=!1;return 0==t?e.dom.frame.parentNode&&0==e.hidden&&(e.hide(),i=!0):e.dom.frame.parentNode||1!=e.hidden||(e.show(),i=!0),i},o.prototype._convertXcoordinates=function(t){for(var e=this.body.util.toScreen,i=0;i<t.length;i++)t[i].screen_x=e(t[i].x)+this.props.width,t[i].screen_y=t[i].y,void 0!=t[i].end?t[i].screen_end=e(t[i].end)+this.props.width:t[i].screen_end=void 0},o.prototype._convertYcoordinates=function(t,e){var i=this.yAxisLeft,o=Number(this.svg.style.height.replace("px",""));"right"==e.options.yAxisOrientation&&(i=this.yAxisRight);for(var n=0;n<t.length;n++)t[n].screen_y=Math.round(i.convertValue(t[n].y));e.setZeroPosition(Math.min(o,i.convertValue(0)))},t.exports=o},function(t,e,i){function o(t,e,i,o){this.id=r.randomUUID(),this.body=t,this.defaultOptions={orientation:"left",showMinorLabels:!0,showMajorLabels:!0,icons:!1,majorLinesOffset:7,minorLinesOffset:4,labelOffsetX:10,labelOffsetY:2,iconWidth:20,width:"40px",visible:!0,alignZeros:!0,left:{range:{min:void 0,max:void 0},format:function(t){return""+parseFloat(t.toPrecision(3))},title:{text:void 0,style:void 0}},right:{range:{min:void 0,max:void 0},format:function(t){return""+parseFloat(t.toPrecision(3))},title:{text:void 0,style:void 0}}},this.linegraphOptions=o,this.linegraphSVG=i,this.props={},this.DOMelements={lines:{},labels:{},title:{}},this.dom={},this.scale=void 0,this.range={start:0,end:0},this.options=r.extend({},this.defaultOptions),this.conversionFactor=1,this.setOptions(e),this.width=Number((""+this.options.width).replace("px","")),this.minWidth=this.width,this.height=this.linegraphSVG.getBoundingClientRect().height,this.hidden=!1,this.stepPixels=25,this.zeroCrossing=-1,this.amountOfSteps=-1,this.lineOffset=0,this.master=!0,this.masterAxis=null,this.svgElements={},this.iconsRemoved=!1,this.groups={},this.amountOfGroups=0,this._create(),this.framework={svg:this.svg,svgElements:this.svgElements,options:this.options,groups:this.groups};var n=this;this.body.emitter.on("verticalDrag",function(){n.dom.lineContainer.style.top=n.body.domProps.scrollTop+"px"})}var n=i(8),s=function(t){return t&&t.__esModule?t:{default:t}}(n),r=i(2),a=i(14),h=i(16),d=i(108);o.prototype=new h,o.prototype.addGroup=function(t,e){this.groups.hasOwnProperty(t)||(this.groups[t]=e),this.amountOfGroups+=1},o.prototype.updateGroup=function(t,e){this.groups.hasOwnProperty(t)||(this.amountOfGroups+=1),this.groups[t]=e},o.prototype.removeGroup=function(t){this.groups.hasOwnProperty(t)&&(delete this.groups[t],this.amountOfGroups-=1)},o.prototype.setOptions=function(t){if(t){var e=!1;this.options.orientation!=t.orientation&&void 0!==t.orientation&&(e=!0);var i=["orientation","showMinorLabels","showMajorLabels","icons","majorLinesOffset","minorLinesOffset","labelOffsetX","labelOffsetY","iconWidth","width","visible","left","right","alignZeros"];r.selectiveDeepExtend(i,this.options,t),this.minWidth=Number((""+this.options.width).replace("px","")),!0===e&&this.dom.frame&&(this.hide(),this.show())}},o.prototype._create=function(){this.dom.frame=document.createElement("div"),this.dom.frame.style.width=this.options.width,this.dom.frame.style.height=this.height,this.dom.lineContainer=document.createElement("div"),this.dom.lineContainer.style.width="100%",this.dom.lineContainer.style.height=this.height,this.dom.lineContainer.style.position="relative",this.svg=document.createElementNS("http://www.w3.org/2000/svg","svg"),this.svg.style.position="absolute",this.svg.style.top="0px",this.svg.style.height="100%",this.svg.style.width="100%",this.svg.style.display="block",this.dom.frame.appendChild(this.svg)},o.prototype._redrawGroupIcons=function(){a.prepareElements(this.svgElements);var t,e=this.options.iconWidth,i=11.5;t="left"===this.options.orientation?4:this.width-e-4;var o=(0,s.default)(this.groups);o.sort(function(t,e){return t<e?-1:1});for(var n=0;n<o.length;n++){var r=o[n];!0!==this.groups[r].visible||void 0!==this.linegraphOptions.visibility[r]&&!0!==this.linegraphOptions.visibility[r]||(this.groups[r].getLegend(e,15,this.framework,t,i),i+=19)}a.cleanupElements(this.svgElements),this.iconsRemoved=!1},o.prototype._cleanupIcons=function(){!1===this.iconsRemoved&&(a.prepareElements(this.svgElements),a.cleanupElements(this.svgElements),this.iconsRemoved=!0)},o.prototype.show=function(){this.hidden=!1,this.dom.frame.parentNode||("left"===this.options.orientation?this.body.dom.left.appendChild(this.dom.frame):this.body.dom.right.appendChild(this.dom.frame)),this.dom.lineContainer.parentNode||this.body.dom.backgroundHorizontal.appendChild(this.dom.lineContainer)},o.prototype.hide=function(){this.hidden=!0,this.dom.frame.parentNode&&this.dom.frame.parentNode.removeChild(this.dom.frame),this.dom.lineContainer.parentNode&&this.dom.lineContainer.parentNode.removeChild(this.dom.lineContainer)},o.prototype.setRange=function(t,e){this.range.start=t,this.range.end=e},o.prototype.redraw=function(){var t=!1,e=0;this.dom.lineContainer.style.top=this.body.domProps.scrollTop+"px";for(var i in this.groups)this.groups.hasOwnProperty(i)&&(!0!==this.groups[i].visible||void 0!==this.linegraphOptions.visibility[i]&&!0!==this.linegraphOptions.visibility[i]||e++);if(0===this.amountOfGroups||0===e)this.hide();else{this.show(),this.height=Number(this.linegraphSVG.style.height.replace("px","")),this.dom.lineContainer.style.height=this.height+"px",this.width=!0===this.options.visible?Number((""+this.options.width).replace("px","")):0;var o=this.props,n=this.dom.frame;n.className="vis-data-axis",this._calculateCharSize();var s=this.options.orientation,r=this.options.showMinorLabels,a=this.options.showMajorLabels;o.minorLabelHeight=r?o.minorCharHeight:0,o.majorLabelHeight=a?o.majorCharHeight:0,o.minorLineWidth=this.body.dom.backgroundHorizontal.offsetWidth-this.lineOffset-this.width+2*this.options.minorLinesOffset,o.minorLineHeight=1,o.majorLineWidth=this.body.dom.backgroundHorizontal.offsetWidth-this.lineOffset-this.width+2*this.options.majorLinesOffset,o.majorLineHeight=1,"left"===s?(n.style.top="0",n.style.left="0",n.style.bottom="",n.style.width=this.width+"px",n.style.height=this.height+"px",this.props.width=this.body.domProps.left.width,this.props.height=this.body.domProps.left.height):(n.style.top="",n.style.bottom="0",n.style.left="0",n.style.width=this.width+"px",n.style.height=this.height+"px",this.props.width=this.body.domProps.right.width,this.props.height=this.body.domProps.right.height),t=this._redrawLabels(),t=this._isResized()||t,!0===this.options.icons?this._redrawGroupIcons():this._cleanupIcons(),this._redrawTitle(s)}return t},o.prototype._redrawLabels=function(){var t=this,e=!1;a.prepareElements(this.DOMelements.lines),a.prepareElements(this.DOMelements.labels);var i=this.options.orientation,o=void 0!=this.options[i].range?this.options[i].range:{},n=!0;void 0!=o.max&&(this.range.end=o.max,n=!1);var s=!0;void 0!=o.min&&(this.range.start=o.min,s=!1),this.scale=new d(this.range.start,this.range.end,s,n,this.dom.frame.offsetHeight,this.props.majorCharHeight,this.options.alignZeros,this.options[i].format),!1===this.master&&void 0!=this.masterAxis&&this.scale.followScale(this.masterAxis.scale),this.maxLabelSize=0,this.scale.getLines().forEach(function(e){var o=e.y,n=e.major;t.options.showMinorLabels&&!1===n&&t._redrawLabel(o-2,e.val,i,"vis-y-axis vis-minor",t.props.minorCharHeight),n&&o>=0&&t._redrawLabel(o-2,e.val,i,"vis-y-axis vis-major",t.props.majorCharHeight),!0===t.master&&(n?t._redrawLine(o,i,"vis-grid vis-horizontal vis-major",t.options.majorLinesOffset,t.props.majorLineWidth):t._redrawLine(o,i,"vis-grid vis-horizontal vis-minor",t.options.minorLinesOffset,t.props.minorLineWidth))});var r=0;void 0!==this.options[i].title&&void 0!==this.options[i].title.text&&(r=this.props.titleCharHeight);var h=!0===this.options.icons?Math.max(this.options.iconWidth,r)+this.options.labelOffsetX+15:r+this.options.labelOffsetX+15;return this.maxLabelSize>this.width-h&&!0===this.options.visible?(this.width=this.maxLabelSize+h,this.options.width=this.width+"px",a.cleanupElements(this.DOMelements.lines),a.cleanupElements(this.DOMelements.labels),this.redraw(),e=!0):this.maxLabelSize<this.width-h&&!0===this.options.visible&&this.width>this.minWidth?(this.width=Math.max(this.minWidth,this.maxLabelSize+h),this.options.width=this.width+"px",a.cleanupElements(this.DOMelements.lines),a.cleanupElements(this.DOMelements.labels),this.redraw(),e=!0):(a.cleanupElements(this.DOMelements.lines),a.cleanupElements(this.DOMelements.labels),e=!1),e},o.prototype.convertValue=function(t){return this.scale.convertValue(t)},o.prototype.screenToValue=function(t){return this.scale.screenToValue(t)},o.prototype._redrawLabel=function(t,e,i,o,n){var s=a.getDOMElement("div",this.DOMelements.labels,this.dom.frame);s.className=o,s.innerHTML=e,"left"===i?(s.style.left="-"+this.options.labelOffsetX+"px",s.style.textAlign="right"):(s.style.right="-"+this.options.labelOffsetX+"px",s.style.textAlign="left"),s.style.top=t-.5*n+this.options.labelOffsetY+"px",e+="";var r=Math.max(this.props.majorCharWidth,this.props.minorCharWidth);this.maxLabelSize<e.length*r&&(this.maxLabelSize=e.length*r)},o.prototype._redrawLine=function(t,e,i,o,n){if(!0===this.master){var s=a.getDOMElement("div",this.DOMelements.lines,this.dom.lineContainer);s.className=i,s.innerHTML="","left"===e?s.style.left=this.width-o+"px":s.style.right=this.width-o+"px",s.style.width=n+"px",s.style.top=t+"px"}},o.prototype._redrawTitle=function(t){if(a.prepareElements(this.DOMelements.title),void 0!==this.options[t].title&&void 0!==this.options[t].title.text){var e=a.getDOMElement("div",this.DOMelements.title,this.dom.frame);e.className="vis-y-axis vis-title vis-"+t,e.innerHTML=this.options[t].title.text,void 0!==this.options[t].title.style&&r.addCssText(e,this.options[t].title.style),"left"===t?e.style.left=this.props.titleCharHeight+"px":e.style.right=this.props.titleCharHeight+"px",e.style.width=this.height+"px"}a.cleanupElements(this.DOMelements.title)},o.prototype._calculateCharSize=function(){if(!("minorCharHeight"in this.props)){var t=document.createTextNode("0"),e=document.createElement("div");e.className="vis-y-axis vis-minor vis-measure",e.appendChild(t),this.dom.frame.appendChild(e),this.props.minorCharHeight=e.clientHeight,this.props.minorCharWidth=e.clientWidth,this.dom.frame.removeChild(e)}if(!("majorCharHeight"in this.props)){var i=document.createTextNode("0"),o=document.createElement("div");o.className="vis-y-axis vis-major vis-measure",o.appendChild(i),this.dom.frame.appendChild(o),this.props.majorCharHeight=o.clientHeight,this.props.majorCharWidth=o.clientWidth,this.dom.frame.removeChild(o)}if(!("titleCharHeight"in this.props)){var n=document.createTextNode("0"),s=document.createElement("div");s.className="vis-y-axis vis-title vis-measure",s.appendChild(n),this.dom.frame.appendChild(s),this.props.titleCharHeight=s.clientHeight,this.props.titleCharWidth=s.clientWidth,this.dom.frame.removeChild(s)}},t.exports=o},function(t,e,i){function o(t,e,i,o,n,s){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],a=arguments.length>7&&void 0!==arguments[7]&&arguments[7];if(this.majorSteps=[1,2,5,10],this.minorSteps=[.25,.5,1,2],this.customLines=null,this.containerHeight=n,this.majorCharHeight=s,this._start=t,this._end=e,this.scale=1,this.minorStepIdx=-1,this.magnitudefactor=1,this.determineScale(),this.zeroAlign=r,this.autoScaleStart=i,this.autoScaleEnd=o,this.formattingFunction=a,i||o){var h=this,d=function(t){var e=t-t%(h.magnitudefactor*h.minorSteps[h.minorStepIdx]);return t%(h.magnitudefactor*h.minorSteps[h.minorStepIdx])>h.magnitudefactor*h.minorSteps[h.minorStepIdx]*.5?e+h.magnitudefactor*h.minorSteps[h.minorStepIdx]:e};i&&(this._start-=2*this.magnitudefactor*this.minorSteps[this.minorStepIdx],this._start=d(this._start)),o&&(this._end+=this.magnitudefactor*this.minorSteps[this.minorStepIdx],this._end=d(this._end)),this.determineScale()}}o.prototype.setCharHeight=function(t){this.majorCharHeight=t},o.prototype.setHeight=function(t){this.containerHeight=t},o.prototype.determineScale=function(){var t=this._end-this._start;this.scale=this.containerHeight/t;var e=this.majorCharHeight/this.scale,i=t>0?Math.round(Math.log(t)/Math.LN10):0;this.minorStepIdx=-1,this.magnitudefactor=Math.pow(10,i);var o=0;i<0&&(o=i);for(var n=!1,s=o;Math.abs(s)<=Math.abs(i);s++){this.magnitudefactor=Math.pow(10,s);for(var r=0;r<this.minorSteps.length;r++){if(this.magnitudefactor*this.minorSteps[r]>=e){n=!0,this.minorStepIdx=r;break}}if(!0===n)break}},o.prototype.is_major=function(t){return t%(this.magnitudefactor*this.majorSteps[this.minorStepIdx])==0},o.prototype.getStep=function(){return this.magnitudefactor*this.minorSteps[this.minorStepIdx]},o.prototype.getFirstMajor=function(){var t=this.magnitudefactor*this.majorSteps[this.minorStepIdx];return this.convertValue(this._start+(t-this._start%t)%t)},o.prototype.formatValue=function(t){var e=t.toPrecision(5);return"function"==typeof this.formattingFunction&&(e=this.formattingFunction(t)),"number"==typeof e?""+e:"string"==typeof e?e:t.toPrecision(5)},o.prototype.getLines=function(){for(var t=[],e=this.getStep(),i=(e-this._start%e)%e,o=this._start+i;this._end-o>1e-5;o+=e)o!=this._start&&t.push({major:this.is_major(o),y:this.convertValue(o),val:this.formatValue(o)});return t},o.prototype.followScale=function(t){var e=this.minorStepIdx,i=this._start,o=this._end,n=this,s=function(){n.magnitudefactor*=2},r=function(){n.magnitudefactor/=2};t.minorStepIdx<=1&&this.minorStepIdx<=1||t.minorStepIdx>1&&this.minorStepIdx>1||(t.minorStepIdx<this.minorStepIdx?(this.minorStepIdx=1,2==e?s():(s(),s())):(this.minorStepIdx=2,1==e?r():(r(),r())));for(var a=t.convertValue(0),h=t.getStep()*t.scale,d=!1,l=0;!d&&l++<5;){this.scale=h/(this.minorSteps[this.minorStepIdx]*this.magnitudefactor);var u=this.containerHeight/this.scale;this._start=i,this._end=this._start+u;var c=this._end*this.scale,p=this.magnitudefactor*this.majorSteps[this.minorStepIdx],f=this.getFirstMajor()-t.getFirstMajor();if(this.zeroAlign){var m=a-c;this._end+=m/this.scale,this._start=this._end-u}else this.autoScaleStart?(this._start-=f/this.scale,this._end=this._start+u):(this._start+=p-f/this.scale,this._end=this._start+u);if(!this.autoScaleEnd&&this._end>o+1e-5)r(),d=!1;else{if(!this.autoScaleStart&&this._start<i-1e-5){if(!(this.zeroAlign&&i>=0)){r(),d=!1;continue}console.warn("Can't adhere to given 'min' range, due to zeroalign")}this.autoScaleStart&&this.autoScaleEnd&&u<o-i?(s(),d=!1):d=!0}}},o.prototype.convertValue=function(t){return this.containerHeight-(t-this._start)*this.scale},o.prototype.screenToValue=function(t){return(this.containerHeight-t)/this.scale+this._start},t.exports=o},function(t,e,i){function o(t,e,i,o){this.id=e;var n=["sampling","style","sort","yAxisOrientation","barChart","drawPoints","shaded","interpolation","zIndex","excludeFromStacking","excludeFromLegend"];this.options=r.selectiveBridgeObject(n,i),this.usingDefaultStyle=void 0===t.className,this.groupsUsingDefaultStyles=o,this.zeroPosition=0,this.update(t),1==this.usingDefaultStyle&&(this.groupsUsingDefaultStyles[0]+=1),this.itemsData=[],this.visible=void 0===t.visible||t.visible}var n=i(6),s=function(t){return t&&t.__esModule?t:{default:t}}(n),r=i(2),a=i(110),h=i(111),d=i(72);o.prototype.setItems=function(t){null!=t?(this.itemsData=t,1==this.options.sort&&r.insertSort(this.itemsData,function(t,e){return t.x>e.x?1:-1})):this.itemsData=[]},o.prototype.getItems=function(){return this.itemsData},o.prototype.setZeroPosition=function(t){this.zeroPosition=t},o.prototype.setOptions=function(t){if(void 0!==t){var e=["sampling","style","sort","yAxisOrientation","barChart","zIndex","excludeFromStacking","excludeFromLegend"];r.selectiveDeepExtend(e,this.options,t),"function"==typeof t.drawPoints&&(t.drawPoints={onRender:t.drawPoints}),r.mergeOptions(this.options,t,"interpolation"),r.mergeOptions(this.options,t,"drawPoints"),r.mergeOptions(this.options,t,"shaded"),t.interpolation&&"object"==(0,s.default)(t.interpolation)&&t.interpolation.parametrization&&("uniform"==t.interpolation.parametrization?this.options.interpolation.alpha=0:"chordal"==t.interpolation.parametrization?this.options.interpolation.alpha=1:(this.options.interpolation.parametrization="centripetal",this.options.interpolation.alpha=.5))}},o.prototype.update=function(t){this.group=t,this.content=t.content||"graph",this.className=t.className||this.className||"vis-graph-group"+this.groupsUsingDefaultStyles[0]%10,this.visible=void 0===t.visible||t.visible,this.style=t.style,this.setOptions(t.options)},o.prototype.getLegend=function(t,e,i,o,n){if(void 0==i||null==i){i={svg:document.createElementNS("http://www.w3.org/2000/svg","svg"),svgElements:{},options:this.options,groups:[this]}}switch(void 0!=o&&null!=o||(o=0),void 0!=n&&null!=n||(n=.5*e),this.options.style){case"line":h.drawIcon(this,o,n,t,e,i);break;case"points":case"point":d.drawIcon(this,o,n,t,e,i);break;case"bar":a.drawIcon(this,o,n,t,e,i)}return{icon:i.svg,label:this.content,orientation:this.options.yAxisOrientation}},o.prototype.getYRange=function(t){for(var e=t[0].y,i=t[0].y,o=0;o<t.length;o++)e=e>t[o].y?t[o].y:e,i=i<t[o].y?t[o].y:i;return{min:e,max:i,yAxisOrientation:this.options.yAxisOrientation}},t.exports=o},function(t,e,i){function o(t,e){}var n=i(14),s=i(72);o.drawIcon=function(t,e,i,o,s,r){var a=.5*s,h=n.getSVGElement("rect",r.svgElements,r.svg);h.setAttributeNS(null,"x",e),h.setAttributeNS(null,"y",i-a),h.setAttributeNS(null,"width",o),h.setAttributeNS(null,"height",2*a),h.setAttributeNS(null,"class","vis-outline");var d=Math.round(.3*o),l=t.options.barChart.width,u=l/d,c=Math.round(.4*s),p=Math.round(.75*s),f=Math.round((o-2*d)/3);if(n.drawBar(e+.5*d+f,i+a-c-1,d,c,t.className+" vis-bar",r.svgElements,r.svg,t.style),n.drawBar(e+1.5*d+f+2,i+a-p-1,d,p,t.className+" vis-bar",r.svgElements,r.svg,t.style),1==t.options.drawPoints.enabled){var m={style:t.options.drawPoints.style,styles:t.options.drawPoints.styles,size:t.options.drawPoints.size/u,className:t.className};n.drawPoint(e+.5*d+f,i+a-c-1,m,r.svgElements,r.svg),n.drawPoint(e+1.5*d+f+2,i+a-p-1,m,r.svgElements,r.svg)}},o.draw=function(t,e,i){var r,a,h,d,l,u,c=[],p={},f=0;for(l=0;l<t.length;l++)if(d=i.groups[t[l]],"bar"===d.options.style&&!0===d.visible&&(void 0===i.options.groups.visibility[t[l]]||!0===i.options.groups.visibility[t[l]]))for(u=0;u<e[t[l]].length;u++)c.push({screen_x:e[t[l]][u].screen_x,screen_end:e[t[l]][u].screen_end,screen_y:e[t[l]][u].screen_y,x:e[t[l]][u].x,end:e[t[l]][u].end,y:e[t[l]][u].y,groupId:t[l],label:e[t[l]][u].label}),f+=1;if(0!==f)for(c.sort(function(t,e){return t.screen_x===e.screen_x?t.groupId<e.groupId?-1:1:t.screen_x-e.screen_x}),o._getDataIntersections(p,c),l=0;l<c.length;l++){d=i.groups[c[l].groupId];var m=void 0!=d.options.barChart.minWidth?d.options.barChart.minWidth:.1*d.options.barChart.width;a=c[l].screen_x;var v=0;if(void 0===p[a])l+1<c.length&&(r=Math.abs(c[l+1].screen_x-a)),h=o._getSafeDrawData(r,d,m);else{var g=l+(p[a].amount-p[a].resolved);g<c.length&&(r=Math.abs(c[g].screen_x-a)),h=o._getSafeDrawData(r,d,m),p[a].resolved+=1,!0===d.options.stack&&!0!==d.options.excludeFromStacking?c[l].screen_y<d.zeroPosition?(v=p[a].accumulatedNegative,p[a].accumulatedNegative+=d.zeroPosition-c[l].screen_y):(v=p[a].accumulatedPositive,p[a].accumulatedPositive+=d.zeroPosition-c[l].screen_y):!0===d.options.barChart.sideBySide&&(h.width=h.width/p[a].amount,h.offset+=p[a].resolved*h.width-.5*h.width*(p[a].amount+1))}var y=h.width,b=c[l].screen_x;if(void 0!=c[l].screen_end?(y=c[l].screen_end-c[l].screen_x,b+=.5*y):b+=h.offset,n.drawBar(b,c[l].screen_y-v,y,d.zeroPosition-c[l].screen_y,d.className+" vis-bar",i.svgElements,i.svg,d.style),!0===d.options.drawPoints.enabled){var _={screen_x:c[l].screen_x,screen_y:c[l].screen_y-v,x:c[l].x,y:c[l].y,groupId:c[l].groupId,label:c[l].label};s.draw([_],d,i,h.offset)}}},o._getDataIntersections=function(t,e){for(var i,o=0;o<e.length;o++)o+1<e.length&&(i=Math.abs(e[o+1].screen_x-e[o].screen_x)),o>0&&(i=Math.min(i,Math.abs(e[o-1].screen_x-e[o].screen_x))),0===i&&(void 0===t[e[o].screen_x]&&(t[e[o].screen_x]={amount:0,resolved:0,accumulatedPositive:0,accumulatedNegative:0}),t[e[o].screen_x].amount+=1)},o._getSafeDrawData=function(t,e,i){var o,n;return t<e.options.barChart.width&&t>0?(o=t<i?i:t,n=0,"left"===e.options.barChart.align?n-=.5*t:"right"===e.options.barChart.align&&(n+=.5*t)):(o=e.options.barChart.width,n=0,"left"===e.options.barChart.align?n-=.5*e.options.barChart.width:"right"===e.options.barChart.align&&(n+=.5*e.options.barChart.width)),{width:o,offset:n}},o.getStackedYRange=function(t,e,i,n,s){if(t.length>0){t.sort(function(t,e){return t.screen_x===e.screen_x?t.groupId<e.groupId?-1:1:t.screen_x-e.screen_x});var r={};o._getDataIntersections(r,t),e[n]=o._getStackedYRange(r,t),e[n].yAxisOrientation=s,i.push(n)}},o._getStackedYRange=function(t,e){for(var i,o=e[0].screen_y,n=e[0].screen_y,s=0;s<e.length;s++)i=e[s].screen_x,void 0===t[i]?(o=o>e[s].screen_y?e[s].screen_y:o,n=n<e[s].screen_y?e[s].screen_y:n):e[s].screen_y<0?t[i].accumulatedNegative+=e[s].screen_y:t[i].accumulatedPositive+=e[s].screen_y;for(var r in t)t.hasOwnProperty(r)&&(o=o>t[r].accumulatedNegative?t[r].accumulatedNegative:o,o=o>t[r].accumulatedPositive?t[r].accumulatedPositive:o,n=n<t[r].accumulatedNegative?t[r].accumulatedNegative:n,n=n<t[r].accumulatedPositive?t[r].accumulatedPositive:n);return{min:o,max:n}},t.exports=o},function(t,e,i){function o(t,e){}var n=i(14);o.calcPath=function(t,e){if(null!=t&&t.length>0){return 1==e.options.interpolation.enabled?o._catmullRom(t,e):o._linear(t)}},o.drawIcon=function(t,e,i,o,s,r){var a,h,d=.5*s,l=n.getSVGElement("rect",r.svgElements,r.svg);if(l.setAttributeNS(null,"x",e),l.setAttributeNS(null,"y",i-d),l.setAttributeNS(null,"width",o),l.setAttributeNS(null,"height",2*d),l.setAttributeNS(null,"class","vis-outline"),a=n.getSVGElement("path",r.svgElements,r.svg),a.setAttributeNS(null,"class",t.className),void 0!==t.style&&a.setAttributeNS(null,"style",t.style),a.setAttributeNS(null,"d","M"+e+","+i+" L"+(e+o)+","+i),1==t.options.shaded.enabled&&(h=n.getSVGElement("path",r.svgElements,r.svg),"top"==t.options.shaded.orientation?h.setAttributeNS(null,"d","M"+e+", "+(i-d)+"L"+e+","+i+" L"+(e+o)+","+i+" L"+(e+o)+","+(i-d)):h.setAttributeNS(null,"d","M"+e+","+i+" L"+e+","+(i+d)+" L"+(e+o)+","+(i+d)+"L"+(e+o)+","+i),h.setAttributeNS(null,"class",t.className+" vis-icon-fill"),void 0!==t.options.shaded.style&&""!==t.options.shaded.style&&h.setAttributeNS(null,"style",t.options.shaded.style)),1==t.options.drawPoints.enabled){var u={style:t.options.drawPoints.style,styles:t.options.drawPoints.styles,size:t.options.drawPoints.size,className:t.className};n.drawPoint(e+.5*o,i,u,r.svgElements,r.svg)}},o.drawShading=function(t,e,i,o){if(1==e.options.shaded.enabled){var s=Number(o.svg.style.height.replace("px","")),r=n.getSVGElement("path",o.svgElements,o.svg),a="L";1==e.options.interpolation.enabled&&(a="C");var h,d=0;d="top"==e.options.shaded.orientation?0:"bottom"==e.options.shaded.orientation?s:Math.min(Math.max(0,e.zeroPosition),s),h="group"==e.options.shaded.orientation&&null!=i&&void 0!=i?"M"+t[0][0]+","+t[0][1]+" "+this.serializePath(t,a,!1)+" L"+i[i.length-1][0]+","+i[i.length-1][1]+" "+this.serializePath(i,a,!0)+i[0][0]+","+i[0][1]+" Z":"M"+t[0][0]+","+t[0][1]+" "+this.serializePath(t,a,!1)+" V"+d+" H"+t[0][0]+" Z",r.setAttributeNS(null,"class",e.className+" vis-fill"),void 0!==e.options.shaded.style&&r.setAttributeNS(null,"style",e.options.shaded.style),r.setAttributeNS(null,"d",h)}},o.draw=function(t,e,i){if(null!=t&&void 0!=t){var o=n.getSVGElement("path",i.svgElements,i.svg);o.setAttributeNS(null,"class",e.className),void 0!==e.style&&o.setAttributeNS(null,"style",e.style);var s="L";1==e.options.interpolation.enabled&&(s="C"),o.setAttributeNS(null,"d","M"+t[0][0]+","+t[0][1]+" "+this.serializePath(t,s,!1))}},o.serializePath=function(t,e,i){if(t.length<2)return"";var o,n=e;if(i)for(o=t.length-2;o>0;o--)n+=t[o][0]+","+t[o][1]+" ";else for(o=1;o<t.length;o++)n+=t[o][0]+","+t[o][1]+" ";return n},o._catmullRomUniform=function(t){var e,i,o,n,s,r,a=[];a.push([Math.round(t[0].screen_x),Math.round(t[0].screen_y)]);for(var h=t.length,d=0;d<h-1;d++)e=0==d?t[0]:t[d-1],i=t[d],o=t[d+1],n=d+2<h?t[d+2]:o,s={screen_x:(-e.screen_x+6*i.screen_x+o.screen_x)*(1/6),screen_y:(-e.screen_y+6*i.screen_y+o.screen_y)*(1/6)},r={screen_x:(i.screen_x+6*o.screen_x-n.screen_x)*(1/6),screen_y:(i.screen_y+6*o.screen_y-n.screen_y)*(1/6)},a.push([s.screen_x,s.screen_y]),a.push([r.screen_x,r.screen_y]),a.push([o.screen_x,o.screen_y]);return a},o._catmullRom=function(t,e){var i=e.options.interpolation.alpha;if(0==i||void 0===i)return this._catmullRomUniform(t);var o,n,s,r,a,h,d,l,u,c,p,f,m,v,g,y,b,_,w,x=[];x.push([Math.round(t[0].screen_x),Math.round(t[0].screen_y)]);for(var k=t.length,S=0;S<k-1;S++)o=0==S?t[0]:t[S-1],n=t[S],s=t[S+1],r=S+2<k?t[S+2]:s,
-d=Math.sqrt(Math.pow(o.screen_x-n.screen_x,2)+Math.pow(o.screen_y-n.screen_y,2)),l=Math.sqrt(Math.pow(n.screen_x-s.screen_x,2)+Math.pow(n.screen_y-s.screen_y,2)),u=Math.sqrt(Math.pow(s.screen_x-r.screen_x,2)+Math.pow(s.screen_y-r.screen_y,2)),v=Math.pow(u,i),y=Math.pow(u,2*i),g=Math.pow(l,i),b=Math.pow(l,2*i),w=Math.pow(d,i),_=Math.pow(d,2*i),c=2*_+3*w*g+b,p=2*y+3*v*g+b,f=3*w*(w+g),f>0&&(f=1/f),m=3*v*(v+g),m>0&&(m=1/m),a={screen_x:(-b*o.screen_x+c*n.screen_x+_*s.screen_x)*f,screen_y:(-b*o.screen_y+c*n.screen_y+_*s.screen_y)*f},h={screen_x:(y*n.screen_x+p*s.screen_x-b*r.screen_x)*m,screen_y:(y*n.screen_y+p*s.screen_y-b*r.screen_y)*m},0==a.screen_x&&0==a.screen_y&&(a=n),0==h.screen_x&&0==h.screen_y&&(h=s),x.push([a.screen_x,a.screen_y]),x.push([h.screen_x,h.screen_y]),x.push([s.screen_x,s.screen_y]);return x},o._linear=function(t){for(var e=[],i=0;i<t.length;i++)e.push([t[i].screen_x,t[i].screen_y]);return e},t.exports=o},function(t,e,i){function o(t,e,i,o){this.body=t,this.defaultOptions={enabled:!1,icons:!0,iconSize:20,iconSpacing:6,left:{visible:!0,position:"top-left"},right:{visible:!0,position:"top-right"}},this.side=i,this.options=r.extend({},this.defaultOptions),this.linegraphOptions=o,this.svgElements={},this.dom={},this.groups={},this.amountOfGroups=0,this._create(),this.framework={svg:this.svg,svgElements:this.svgElements,options:this.options,groups:this.groups},this.setOptions(e)}var n=i(8),s=function(t){return t&&t.__esModule?t:{default:t}}(n),r=i(2),a=i(14),h=i(16);o.prototype=new h,o.prototype.clear=function(){this.groups={},this.amountOfGroups=0},o.prototype.addGroup=function(t,e){1!=e.options.excludeFromLegend&&(this.groups.hasOwnProperty(t)||(this.groups[t]=e),this.amountOfGroups+=1)},o.prototype.updateGroup=function(t,e){this.groups[t]=e},o.prototype.removeGroup=function(t){this.groups.hasOwnProperty(t)&&(delete this.groups[t],this.amountOfGroups-=1)},o.prototype._create=function(){this.dom.frame=document.createElement("div"),this.dom.frame.className="vis-legend",this.dom.frame.style.position="absolute",this.dom.frame.style.top="10px",this.dom.frame.style.display="block",this.dom.textArea=document.createElement("div"),this.dom.textArea.className="vis-legend-text",this.dom.textArea.style.position="relative",this.dom.textArea.style.top="0px",this.svg=document.createElementNS("http://www.w3.org/2000/svg","svg"),this.svg.style.position="absolute",this.svg.style.top="0px",this.svg.style.width=this.options.iconSize+5+"px",this.svg.style.height="100%",this.dom.frame.appendChild(this.svg),this.dom.frame.appendChild(this.dom.textArea)},o.prototype.hide=function(){this.dom.frame.parentNode&&this.dom.frame.parentNode.removeChild(this.dom.frame)},o.prototype.show=function(){this.dom.frame.parentNode||this.body.dom.center.appendChild(this.dom.frame)},o.prototype.setOptions=function(t){var e=["enabled","orientation","icons","left","right"];r.selectiveDeepExtend(e,this.options,t)},o.prototype.redraw=function(){var t=0,e=(0,s.default)(this.groups);e.sort(function(t,e){return t<e?-1:1});for(var i=0;i<e.length;i++){var o=e[i];1!=this.groups[o].visible||void 0!==this.linegraphOptions.visibility[o]&&1!=this.linegraphOptions.visibility[o]||t++}if(0==this.options[this.side].visible||0==this.amountOfGroups||0==this.options.enabled||0==t)this.hide();else{if(this.show(),"top-left"==this.options[this.side].position||"bottom-left"==this.options[this.side].position?(this.dom.frame.style.left="4px",this.dom.frame.style.textAlign="left",this.dom.textArea.style.textAlign="left",this.dom.textArea.style.left=this.options.iconSize+15+"px",this.dom.textArea.style.right="",this.svg.style.left="0px",this.svg.style.right=""):(this.dom.frame.style.right="4px",this.dom.frame.style.textAlign="right",this.dom.textArea.style.textAlign="right",this.dom.textArea.style.right=this.options.iconSize+15+"px",this.dom.textArea.style.left="",this.svg.style.right="0px",this.svg.style.left=""),"top-left"==this.options[this.side].position||"top-right"==this.options[this.side].position)this.dom.frame.style.top=4-Number(this.body.dom.center.style.top.replace("px",""))+"px",this.dom.frame.style.bottom="";else{var n=this.body.domProps.center.height-this.body.domProps.centerContainer.height;this.dom.frame.style.bottom=4+n+Number(this.body.dom.center.style.top.replace("px",""))+"px",this.dom.frame.style.top=""}0==this.options.icons?(this.dom.frame.style.width=this.dom.textArea.offsetWidth+10+"px",this.dom.textArea.style.right="",this.dom.textArea.style.left="",this.svg.style.width="0px"):(this.dom.frame.style.width=this.options.iconSize+15+this.dom.textArea.offsetWidth+10+"px",this.drawLegendIcons());var r="";for(i=0;i<e.length;i++)o=e[i],1!=this.groups[o].visible||void 0!==this.linegraphOptions.visibility[o]&&1!=this.linegraphOptions.visibility[o]||(r+=this.groups[o].content+"<br />");this.dom.textArea.innerHTML=r,this.dom.textArea.style.lineHeight=.75*this.options.iconSize+this.options.iconSpacing+"px"}},o.prototype.drawLegendIcons=function(){if(this.dom.frame.parentNode){var t=(0,s.default)(this.groups);t.sort(function(t,e){return t<e?-1:1}),a.resetElements(this.svgElements);var e=window.getComputedStyle(this.dom.frame).paddingTop,i=Number(e.replace("px","")),o=i,n=this.options.iconSize,r=.75*this.options.iconSize,h=i+.5*r+3;this.svg.style.width=n+5+i+"px";for(var d=0;d<t.length;d++){var l=t[d];1!=this.groups[l].visible||void 0!==this.linegraphOptions.visibility[l]&&1!=this.linegraphOptions.visibility[l]||(this.groups[l].getLegend(n,r,this.framework,o,h),h+=r+this.options.iconSpacing)}}},t.exports=o},function(t,e,i){Object.defineProperty(e,"__esModule",{value:!0});var o="string",n="boolean",s="number",r="object",a={configure:{enabled:{boolean:n},filter:{boolean:n,function:"function"},container:{dom:"dom"},__type__:{object:r,boolean:n,function:"function"}},yAxisOrientation:{string:["left","right"]},defaultGroup:{string:o},sort:{boolean:n},sampling:{boolean:n},stack:{boolean:n},graphHeight:{string:o,number:s},shaded:{enabled:{boolean:n},orientation:{string:["bottom","top","zero","group"]},groupId:{object:r},__type__:{boolean:n,object:r}},style:{string:["line","bar","points"]},barChart:{width:{number:s},minWidth:{number:s},sideBySide:{boolean:n},align:{string:["left","center","right"]},__type__:{object:r}},interpolation:{enabled:{boolean:n},parametrization:{string:["centripetal","chordal","uniform"]},alpha:{number:s},__type__:{object:r,boolean:n}},drawPoints:{enabled:{boolean:n},onRender:{function:"function"},size:{number:s},style:{string:["square","circle"]},__type__:{object:r,boolean:n,function:"function"}},dataAxis:{showMinorLabels:{boolean:n},showMajorLabels:{boolean:n},icons:{boolean:n},width:{string:o,number:s},visible:{boolean:n},alignZeros:{boolean:n},left:{range:{min:{number:s,undefined:"undefined"},max:{number:s,undefined:"undefined"},__type__:{object:r}},format:{function:"function"},title:{text:{string:o,number:s,undefined:"undefined"},style:{string:o,undefined:"undefined"},__type__:{object:r}},__type__:{object:r}},right:{range:{min:{number:s,undefined:"undefined"},max:{number:s,undefined:"undefined"},__type__:{object:r}},format:{function:"function"},title:{text:{string:o,number:s,undefined:"undefined"},style:{string:o,undefined:"undefined"},__type__:{object:r}},__type__:{object:r}},__type__:{object:r}},legend:{enabled:{boolean:n},icons:{boolean:n},left:{visible:{boolean:n},position:{string:["top-right","bottom-right","top-left","bottom-left"]},__type__:{object:r}},right:{visible:{boolean:n},position:{string:["top-right","bottom-right","top-left","bottom-left"]},__type__:{object:r}},__type__:{object:r,boolean:n}},groups:{visibility:{any:"any"},__type__:{object:r}},autoResize:{boolean:n},throttleRedraw:{number:s},clickToUse:{boolean:n},end:{number:s,date:"date",string:o,moment:"moment"},format:{minorLabels:{millisecond:{string:o,undefined:"undefined"},second:{string:o,undefined:"undefined"},minute:{string:o,undefined:"undefined"},hour:{string:o,undefined:"undefined"},weekday:{string:o,undefined:"undefined"},day:{string:o,undefined:"undefined"},month:{string:o,undefined:"undefined"},year:{string:o,undefined:"undefined"},__type__:{object:r}},majorLabels:{millisecond:{string:o,undefined:"undefined"},second:{string:o,undefined:"undefined"},minute:{string:o,undefined:"undefined"},hour:{string:o,undefined:"undefined"},weekday:{string:o,undefined:"undefined"},day:{string:o,undefined:"undefined"},month:{string:o,undefined:"undefined"},year:{string:o,undefined:"undefined"},__type__:{object:r}},__type__:{object:r}},moment:{function:"function"},height:{string:o,number:s},hiddenDates:{start:{date:"date",number:s,string:o,moment:"moment"},end:{date:"date",number:s,string:o,moment:"moment"},repeat:{string:o},__type__:{object:r,array:"array"}},locale:{string:o},locales:{__any__:{any:"any"},__type__:{object:r}},max:{date:"date",number:s,string:o,moment:"moment"},maxHeight:{number:s,string:o},maxMinorChars:{number:s},min:{date:"date",number:s,string:o,moment:"moment"},minHeight:{number:s,string:o},moveable:{boolean:n},multiselect:{boolean:n},orientation:{string:o},showCurrentTime:{boolean:n},showMajorLabels:{boolean:n},showMinorLabels:{boolean:n},start:{date:"date",number:s,string:o,moment:"moment"},timeAxis:{scale:{string:o,undefined:"undefined"},step:{number:s,undefined:"undefined"},__type__:{object:r}},width:{string:o,number:s},zoomable:{boolean:n},zoomKey:{string:["ctrlKey","altKey","metaKey",""]},zoomMax:{number:s},zoomMin:{number:s},zIndex:{number:s},__type__:{object:r}},h={global:{sort:!0,sampling:!0,stack:!1,shaded:{enabled:!1,orientation:["zero","top","bottom","group"]},style:["line","bar","points"],barChart:{width:[50,5,100,5],minWidth:[50,5,100,5],sideBySide:!1,align:["left","center","right"]},interpolation:{enabled:!0,parametrization:["centripetal","chordal","uniform"]},drawPoints:{enabled:!0,size:[6,2,30,1],style:["square","circle"]},dataAxis:{showMinorLabels:!0,showMajorLabels:!0,icons:!1,width:[40,0,200,1],visible:!0,alignZeros:!0,left:{title:{text:"",style:""}},right:{title:{text:"",style:""}}},legend:{enabled:!1,icons:!0,left:{visible:!0,position:["top-right","bottom-right","top-left","bottom-left"]},right:{visible:!0,position:["top-right","bottom-right","top-left","bottom-left"]}},autoResize:!0,clickToUse:!1,end:"",format:{minorLabels:{millisecond:"SSS",second:"s",minute:"HH:mm",hour:"HH:mm",weekday:"ddd D",day:"D",month:"MMM",year:"YYYY"},majorLabels:{millisecond:"HH:mm:ss",second:"D MMMM HH:mm",minute:"ddd D MMMM",hour:"ddd D MMMM",weekday:"MMMM YYYY",day:"MMMM YYYY",month:"YYYY",year:""}},height:"",locale:"",max:"",maxHeight:"",maxMinorChars:[7,0,20,1],min:"",minHeight:"",moveable:!0,orientation:["both","bottom","top"],showCurrentTime:!1,showMajorLabels:!0,showMinorLabels:!0,start:"",width:"100%",zoomable:!0,zoomKey:["ctrlKey","altKey","metaKey",""],zoomMax:[31536e10,10,31536e10,1],zoomMin:[10,10,31536e10,1],zIndex:0}};e.allOptions=a,e.configureOptions=h},function(t,e,i){function o(t){return R=t,f()}function n(){A=0,z=R.charAt(0)}function s(){A++,z=R.charAt(A)}function r(){return R.charAt(A+1)}function a(t){return B.test(t)}function h(t,e){if(t||(t={}),e)for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i]);return t}function d(t,e,i){for(var o=e.split("."),n=t;o.length;){var s=o.shift();o.length?(n[s]||(n[s]={}),n=n[s]):n[s]=i}}function l(t,e){for(var i,o,n=null,s=[t],r=t;r.parent;)s.push(r.parent),r=r.parent;if(r.nodes)for(i=0,o=r.nodes.length;i<o;i++)if(e.id===r.nodes[i].id){n=r.nodes[i];break}for(n||(n={id:e.id},t.node&&(n.attr=h(n.attr,t.node))),i=s.length-1;i>=0;i--){var a=s[i];a.nodes||(a.nodes=[]),-1===a.nodes.indexOf(n)&&a.nodes.push(n)}e.attr&&(n.attr=h(n.attr,e.attr))}function u(t,e){if(t.edges||(t.edges=[]),t.edges.push(e),t.edge){var i=h({},t.edge);e.attr=h(i,e.attr)}}function c(t,e,i,o,n){var s={from:e,to:i,type:o};return t.edge&&(s.attr=h({},t.edge)),s.attr=h(s.attr||{},n),s}function p(){for(F=I.NULL,L="";" "===z||"\t"===z||"\n"===z||"\r"===z;)s();do{var t=!1;if("#"===z){for(var e=A-1;" "===R.charAt(e)||"\t"===R.charAt(e);)e--;if("\n"===R.charAt(e)||""===R.charAt(e)){for(;""!=z&&"\n"!=z;)s();t=!0}}if("/"===z&&"/"===r()){for(;""!=z&&"\n"!=z;)s();t=!0}if("/"===z&&"*"===r()){for(;""!=z;){if("*"===z&&"/"===r()){s(),s();break}s()}t=!0}for(;" "===z||"\t"===z||"\n"===z||"\r"===z;)s()}while(t);if(""===z)return void(F=I.DELIMITER);var i=z+r();if(N[i])return F=I.DELIMITER,L=i,s(),void s();if(N[z])return F=I.DELIMITER,L=z,void s();if(a(z)||"-"===z){for(L+=z,s();a(z);)L+=z,s();return"false"===L?L=!1:"true"===L?L=!0:isNaN(Number(L))||(L=Number(L)),void(F=I.IDENTIFIER)}if('"'===z){for(s();""!=z&&('"'!=z||'"'===z&&'"'===r());)'"'===z?(L+=z,s()):"\\"===z&&"n"===r()?(L+="\n",s()):L+=z,s();if('"'!=z)throw x('End of string " expected');return s(),void(F=I.IDENTIFIER)}for(F=I.UNKNOWN;""!=z;)L+=z,s();throw new SyntaxError('Syntax error in part "'+k(L,30)+'"')}function f(){var t={};if(n(),p(),"strict"===L&&(t.strict=!0,p()),"graph"!==L&&"digraph"!==L||(t.type=L,p()),F===I.IDENTIFIER&&(t.id=L,p()),"{"!=L)throw x("Angle bracket { expected");if(p(),m(t),"}"!=L)throw x("Angle bracket } expected");if(p(),""!==L)throw x("End of file expected");return p(),delete t.node,delete t.edge,delete t.graph,t}function m(t){for(;""!==L&&"}"!=L;)v(t),";"===L&&p()}function v(t){var e=g(t);if(e)return void _(t,e);if(!y(t)){if(F!=I.IDENTIFIER)throw x("Identifier expected");var i=L;if(p(),"="===L){if(p(),F!=I.IDENTIFIER)throw x("Identifier expected");t[i]=L,p()}else b(t,i)}}function g(t){var e=null;if("subgraph"===L&&(e={},e.type="subgraph",p(),F===I.IDENTIFIER&&(e.id=L,p())),"{"===L){if(p(),e||(e={}),e.parent=t,e.node=t.node,e.edge=t.edge,e.graph=t.graph,m(e),"}"!=L)throw x("Angle bracket } expected");p(),delete e.node,delete e.edge,delete e.graph,delete e.parent,t.subgraphs||(t.subgraphs=[]),t.subgraphs.push(e)}return e}function y(t){return"node"===L?(p(),t.node=w(),"node"):"edge"===L?(p(),t.edge=w(),"edge"):"graph"===L?(p(),t.graph=w(),"graph"):null}function b(t,e){var i={id:e},o=w();o&&(i.attr=o),l(t,i),_(t,e)}function _(t,e){for(;"->"===L||"--"===L;){var i,o=L;p();var n=g(t);if(n)i=n;else{if(F!=I.IDENTIFIER)throw x("Identifier or subgraph expected");i=L,l(t,{id:i}),p()}u(t,c(t,e,i,o,w())),e=i}}function w(){for(var t=null,e={dashed:!0,solid:!1,dotted:[1,5]};"["===L;){for(p(),t={};""!==L&&"]"!=L;){if(F!=I.IDENTIFIER)throw x("Attribute name expected");var i=L;if(p(),"="!=L)throw x("Equal sign = expected");if(p(),F!=I.IDENTIFIER)throw x("Attribute value expected");var o=L;"style"===i&&(o=e[o]),d(t,i,o),p(),","==L&&p()}if("]"!=L)throw x("Bracket ] expected");p()}return t}function x(t){return new SyntaxError(t+', got "'+k(L,30)+'" (char '+A+")")}function k(t,e){return t.length<=e?t:t.substr(0,27)+"..."}function S(t,e,i){Array.isArray(t)?t.forEach(function(t){Array.isArray(e)?e.forEach(function(e){i(t,e)}):i(t,e)}):Array.isArray(e)?e.forEach(function(e){i(t,e)}):i(t,e)}function D(t,e,i){for(var o=e.split("."),n=o.pop(),s=t,r=0;r<o.length;r++){var a=o[r];a in s||(s[a]={}),s=s[a]}return s[n]=i,t}function M(t,e){var i={};for(var o in t)if(t.hasOwnProperty(o)){var n=e[o];Array.isArray(n)?n.forEach(function(e){D(i,e,t[o])}):"string"==typeof n?D(i,n,t[o]):D(i,o,t[o])}return i}function C(t){var e=o(t),i={nodes:[],edges:[],options:{}};if(e.nodes&&e.nodes.forEach(function(t){var e={id:t.id,label:String(t.label||t.id)};h(e,M(t.attr,T)),e.image&&(e.shape="image"),i.nodes.push(e)}),e.edges){var n=function(t){var e={from:t.from,to:t.to};return h(e,M(t.attr,P)),e.arrows="->"===t.type?"to":void 0,e};e.edges.forEach(function(t){var e,o;e=t.from instanceof Object?t.from.nodes:{id:t.from},o=t.to instanceof Object?t.to.nodes:{id:t.to},t.from instanceof Object&&t.from.edges&&t.from.edges.forEach(function(t){var e=n(t);i.edges.push(e)}),S(e,o,function(e,o){var s=c(i,e.id,o.id,t.type,t.attr),r=n(s);i.edges.push(r)}),t.to instanceof Object&&t.to.edges&&t.to.edges.forEach(function(t){var e=n(t);i.edges.push(e)})})}return e.attr&&(i.options=e.attr),i}var O=i(29),E=function(t){return t&&t.__esModule?t:{default:t}}(O),T={fontsize:"font.size",fontcolor:"font.color",labelfontcolor:"font.color",fontname:"font.face",color:["color.border","color.background"],fillcolor:"color.background",tooltip:"title",labeltooltip:"title"},P=(0,E.default)(T);P.color="color.color",P.style="dashes";var I={NULL:0,DELIMITER:1,IDENTIFIER:2,UNKNOWN:3},N={"{":!0,"}":!0,"[":!0,"]":!0,";":!0,"=":!0,",":!0,"->":!0,"--":!0},R="",A=0,z="",L="",F=I.NULL,B=/[a-zA-Z_0-9.:#]/;e.parseDOT=o,e.DOTToGraph=C},function(t,e,i){function o(t,e){var i=[],o=[],n={edges:{inheritColor:!1},nodes:{fixed:!1,parseColor:!1}};void 0!==e&&(void 0!==e.fixed&&(n.nodes.fixed=e.fixed),void 0!==e.parseColor&&(n.nodes.parseColor=e.parseColor),void 0!==e.inheritColor&&(n.edges.inheritColor=e.inheritColor));for(var s=t.edges,r=t.nodes,a=0;a<s.length;a++){var h={},d=s[a];h.id=d.id,h.from=d.source,h.to=d.target,h.attributes=d.attributes,h.label=d.label,h.title=void 0!==d.attributes?d.attributes.title:void 0,"Directed"===d.type&&(h.arrows="to"),d.color&&!1===n.inheritColor&&(h.color=d.color),i.push(h)}for(var l=0;l<r.length;l++){var u={},c=r[l];u.id=c.id,u.attributes=c.attributes,u.x=c.x,u.y=c.y,u.label=c.label,u.title=void 0!==c.attributes?c.attributes.title:c.title,!0===n.nodes.parseColor?u.color=c.color:u.color=void 0!==c.color?{background:c.color,border:c.color,highlight:{background:c.color,border:c.color},hover:{background:c.color,border:c.color}}:void 0,u.size=c.size,u.fixed=n.nodes.fixed&&void 0!==c.x&&void 0!==c.y,o.push(u)}return{nodes:o,edges:i}}e.parseGephi=o},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(185),d=o(h),l=function(){function t(e){(0,s.default)(this,t),this.images={},this.imageBroken={},this.callback=e}return(0,a.default)(t,[{key:"_tryloadBrokenUrl",value:function(t,e,i){if(void 0!==t&&void 0!==i){if(void 0===e)return void console.warn("No broken url image defined");i.onerror=function(){console.error("Could not load brokenImage:",e)},i.image.src=e}}},{key:"_redrawWithImage",value:function(t){this.callback&&this.callback(t)}},{key:"load",value:function(t,e){var i=this,o=this.images[t];if(o)return o;var n=new d.default;return this.images[t]=n,n.image.onload=function(){i._fixImageCoordinates(n.image),n.init(),i._redrawWithImage(n)},n.image.onerror=function(){console.error("Could not load image:",t),i._tryloadBrokenUrl(t,e,n)},n.image.src=t,n}},{key:"_fixImageCoordinates",value:function(t){0===t.width&&(document.body.appendChild(t),t.width=t.offsetWidth,t.height=t.offsetHeight,document.body.removeChild(t))}}]),t}();e.default=l},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(30),s=o(n),r=i(6),a=o(r),h=i(0),d=o(h),l=i(1),u=o(l),c=i(2),p=i(48).default,f=i(191).default,m=["bold","ital","boldital","mono"],v=function(){function t(e,i){var o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];(0,d.default)(this,t),this.body=e,this.pointToSelf=!1,this.baseSize=void 0,this.fontOptions={},this.setOptions(i),this.size={top:0,left:0,width:0,height:0,yLine:0},this.isEdgeLabel=o}return(0,u.default)(t,[{key:"setOptions",value:function(t){if(this.elementOptions=t,this.initFontOptions(t.font),p.isValidLabel(t.label)?this.labelDirty=!0:t.label="",void 0!==t.font&&null!==t.font)if("string"==typeof t.font)this.baseSize=this.fontOptions.size;else if("object"===(0,a.default)(t.font)){var e=t.font.size;void 0!==e&&(this.baseSize=e)}}},{key:"initFontOptions",value:function(e){var i=this;if(c.forEach(m,function(t){i.fontOptions[t]={}}),t.parseFontString(this.fontOptions,e))return void(this.fontOptions.vadjust=0);c.forEach(e,function(t,e){void 0!==t&&null!==t&&"object"!==(void 0===t?"undefined":(0,a.default)(t))&&(i.fontOptions[e]=t)})}},{key:"constrain",value:function(t){var e={constrainWidth:!1,maxWdt:-1,minWdt:-1,constrainHeight:!1,minHgt:-1,valign:"middle"},i=c.topMost(t,"widthConstraint");if("number"==typeof i)e.maxWdt=Number(i),e.minWdt=Number(i);else if("object"===(void 0===i?"undefined":(0,a.default)(i))){var o=c.topMost(t,["widthConstraint","maximum"]);"number"==typeof o&&(e.maxWdt=Number(o));var n=c.topMost(t,["widthConstraint","minimum"]);"number"==typeof n&&(e.minWdt=Number(n))}var s=c.topMost(t,"heightConstraint");if("number"==typeof s)e.minHgt=Number(s);else if("object"===(void 0===s?"undefined":(0,a.default)(s))){var r=c.topMost(t,["heightConstraint","minimum"]);"number"==typeof r&&(e.minHgt=Number(r));var h=c.topMost(t,["heightConstraint","valign"]);"string"==typeof h&&("top"!==h&&"bottom"!==h||(e.valign=h))}return e}},{key:"update",value:function(t,e){this.setOptions(t,!0),this.propagateFonts(e),c.deepExtend(this.fontOptions,this.constrain(e)),this.fontOptions.chooser=p.choosify("label",e)}},{key:"adjustSizes",value:function(t){var e=t?t.right+t.left:0;this.fontOptions.constrainWidth&&(this.fontOptions.maxWdt-=e,this.fontOptions.minWdt-=e);var i=t?t.top+t.bottom:0;this.fontOptions.constrainHeight&&(this.fontOptions.minHgt-=i)}},{key:"addFontOptionsToPile",value:function(t,e){for(var i=0;i<e.length;++i)this.addFontToPile(t,e[i])}},{key:"addFontToPile",value:function(t,e){if(void 0!==e&&void 0!==e.font&&null!==e.font){var i=e.font;t.push(i)}}},{key:"getBasicOptions",value:function(e){for(var i={},o=0;o<e.length;++o){var n=e[o],s={};t.parseFontString(s,n)&&(n=s),c.forEach(n,function(t,e){void 0!==t&&(i.hasOwnProperty(e)||(-1!==m.indexOf(e)?i[e]={}:i[e]=t))})}return i}},{key:"getFontOption",value:function(e,i,o){for(var n=void 0,s=0;s<e.length;++s){var r=e[s];if(r.hasOwnProperty(i)){if(void 0===(n=r[i])||null===n)continue;var a={};if(t.parseFontString(a,n)&&(n=a),n.hasOwnProperty(o))return n[o]}}if(this.fontOptions.hasOwnProperty(o))return this.fontOptions[o];throw new Error("Did not find value for multi-font for property: '"+o+"'")}},{key:"getFontOptions",value:function(t,e){for(var i={},o=["color","size","face","mod","vadjust"],n=0;n<o.length;++n){var s=o[n];i[s]=this.getFontOption(t,e,s)}return i}},{key:"propagateFonts",value:function(t){var e=this,i=[];this.addFontOptionsToPile(i,t),this.fontOptions=this.getBasicOptions(i);for(var o=0;o<m.length;++o)!function(t){var o=m[t],n=e.fontOptions[o],s=e.getFontOptions(i,o);c.forEach(s,function(t,e){n[e]=t}),n.size=Number(n.size),n.vadjust=Number(n.vadjust)}(o)}},{key:"draw",value:function(t,e,i,o,n){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"middle";if(void 0!==this.elementOptions.label){var r=this.fontOptions.size*this.body.view.scale;this.elementOptions.label&&r<this.elementOptions.scaling.label.drawThreshold-1||(r>=this.elementOptions.scaling.label.maxVisible&&(r=Number(this.elementOptions.scaling.label.maxVisible)/this.body.view.scale),this.calculateLabelSize(t,o,n,e,i,s),this._drawBackground(t),this._drawText(t,e,this.size.yLine,s,r))}}},{key:"_drawBackground",value:function(t){if(void 0!==this.fontOptions.background&&"none"!==this.fontOptions.background){t.fillStyle=this.fontOptions.background;var e=this.getSize();t.fillRect(e.left,e.top,e.width,e.height)}}},{key:"_drawText",value:function(t,e,i){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"middle",n=arguments[4],r=this._setAlignment(t,e,i,o),a=(0,s.default)(r,2);e=a[0],i=a[1],t.textAlign="left",e-=this.size.width/2,this.fontOptions.valign&&this.size.height>this.size.labelHeight&&("top"===this.fontOptions.valign&&(i-=(this.size.height-this.size.labelHeight)/2),"bottom"===this.fontOptions.valign&&(i+=(this.size.height-this.size.labelHeight)/2));for(var h=0;h<this.lineCount;h++){var d=this.lines[h];if(d&&d.blocks){var l=0;this.isEdgeLabel||"center"===this.fontOptions.align?l+=(this.size.width-d.width)/2:"right"===this.fontOptions.align&&(l+=this.size.width-d.width);for(var u=0;u<d.blocks.length;u++){var c=d.blocks[u];t.font=c.font;var p=this._getColor(c.color,n,c.strokeColor),f=(0,s.default)(p,2),m=f[0],v=f[1];c.strokeWidth>0&&(t.lineWidth=c.strokeWidth,t.strokeStyle=v,t.lineJoin="round"),t.fillStyle=m,c.strokeWidth>0&&t.strokeText(c.text,e+l,i+c.vadjust),t.fillText(c.text,e+l,i+c.vadjust),l+=c.width}i+=d.height}}}},{key:"_setAlignment",value:function(t,e,i,o){if(this.isEdgeLabel&&"horizontal"!==this.fontOptions.align&&!1===this.pointToSelf){e=0,i=0;"top"===this.fontOptions.align?(t.textBaseline="alphabetic",i-=4):"bottom"===this.fontOptions.align?(t.textBaseline="hanging",i+=4):t.textBaseline="middle"}else t.textBaseline=o;return[e,i]}},{key:"_getColor",value:function(t,e,i){var o=t||"#000000",n=i||"#ffffff";if(e<=this.elementOptions.scaling.label.drawThreshold){var s=Math.max(0,Math.min(1,1-(this.elementOptions.scaling.label.drawThreshold-e)));o=c.overrideOpacity(o,s),n=c.overrideOpacity(n,s)}return[o,n]}},{key:"getTextSize",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return this._processLabel(t,e,i),{width:this.size.width,height:this.size.height,lineCount:this.lineCount}}},{key:"getSize",value:function(){var t=this.size.left,e=this.size.top-1;if(this.isEdgeLabel){var i=.5*-this.size.width;switch(this.fontOptions.align){case"middle":t=i,e=.5*-this.size.height;break;case"top":t=i,e=-(this.size.height+2);break;case"bottom":t=i,e=2}}return{left:t,top:e,width:this.size.width,height:this.size.height}}},{key:"calculateLabelSize",value:function(t,e,i){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"middle";this._processLabel(t,e,i),this.size.left=o-.5*this.size.width,this.size.top=n-.5*this.size.height,this.size.yLine=n+.5*(1-this.lineCount)*this.fontOptions.size,"hanging"===s&&(this.size.top+=.5*this.fontOptions.size,this.size.top+=4,this.size.yLine+=4)}},{key:"getFormattingValues",value:function(t,e,i,o){var n=function(t,e,i){return"normal"===e?"mod"===i?"":t[i]:void 0!==t[e][i]?t[e][i]:t[i]},s={color:n(this.fontOptions,o,"color"),size:n(this.fontOptions,o,"size"),face:n(this.fontOptions,o,"face"),mod:n(this.fontOptions,o,"mod"),vadjust:n(this.fontOptions,o,"vadjust"),strokeWidth:this.fontOptions.strokeWidth,strokeColor:this.fontOptions.strokeColor};(e||i)&&("normal"===o&&!0===this.fontOptions.chooser&&this.elementOptions.labelHighlightBold?s.mod="bold":"function"==typeof this.fontOptions.chooser&&this.fontOptions.chooser(s,this.elementOptions.id,e,i));var r="";return void 0!==s.mod&&""!==s.mod&&(r+=s.mod+" "),r+=s.size+"px "+s.face,t.font=r.replace(/"/g,""),s.font=t.font,s.height=s.size,s}},{key:"differentState",value:function(t,e){return t!==this.selectedState||e!==this.hoverState}},{key:"_processLabelText",value:function(t,e,i,o){return new f(t,this,e,i).process(o)}},{key:"_processLabel",value:function(t,e,i){if(!1!==this.labelDirty||this.differentState(e,i)){var o=this._processLabelText(t,e,i,this.elementOptions.label);this.fontOptions.minWdt>0&&o.width<this.fontOptions.minWdt&&(o.width=this.fontOptions.minWdt),this.size.labelHeight=o.height,this.fontOptions.minHgt>0&&o.height<this.fontOptions.minHgt&&(o.height=this.fontOptions.minHgt),this.lines=o.lines,this.lineCount=o.lines.length,this.size.width=o.width,this.size.height=o.height,this.selectedState=e,this.hoverState=i,this.labelDirty=!1}}},{key:"visible",value:function(){return 0!==this.size.width&&0!==this.size.height&&void 0!==this.elementOptions.label&&!(this.fontOptions.size*this.body.view.scale<this.elementOptions.scaling.label.drawThreshold-1)}}],[{key:"parseFontString",value:function(t,e){if(!e||"string"!=typeof e)return!1;var i=e.split(" ");return t.size=i[0].replace("px",""),t.face=i[1],t.color=i[2],!0}}]),t}();e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(30),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(2),u=i(119).default,c=function(){function t(e,i,o){(0,a.default)(this,t),this.body=i,this.labelModule=o,this.options={},this.setOptions(e),this.colorDirty=!0,this.color={},this.selectionWidth=2,this.hoverWidth=1.5,this.fromPoint=this.from,this.toPoint=this.to}return(0,d.default)(t,[{key:"connect",value:function(){this.from=this.body.nodes[this.options.from],this.to=this.body.nodes[this.options.to]}},{key:"cleanup",value:function(){return!1}},{key:"setOptions",value:function(t){this.options=t,this.from=this.body.nodes[this.options.from],this.to=this.body.nodes[this.options.to],this.id=this.options.id}},{key:"drawLine",value:function(t,e,i,o,n){t.strokeStyle=this.getColor(t,e,i,o),t.lineWidth=e.width,!1!==e.dashes?this._drawDashedLine(t,e,n):this._drawLine(t,e,n)}},{key:"_drawLine",value:function(t,e,i,o,n){if(this.from!=this.to)this._line(t,e,i,o,n);else{var r=this._getCircleData(t),a=(0,s.default)(r,3),h=a[0],d=a[1],l=a[2];this._circle(t,e,h,d,l)}}},{key:"_drawDashedLine",value:function(t,e,i,o,n){t.lineCap="round";var r=[5,5];if(!0===Array.isArray(e.dashes)&&(r=e.dashes),void 0!==t.setLineDash){if(t.save(),t.setLineDash(r),t.lineDashOffset=0,this.from!=this.to)this._line(t,e,i);else{var a=this._getCircleData(t),h=(0,s.default)(a,3),d=h[0],l=h[1],u=h[2];this._circle(t,e,d,l,u)}t.setLineDash([0]),t.lineDashOffset=0,t.restore()}else{if(this.from!=this.to)t.dashedLine(this.from.x,this.from.y,this.to.x,this.to.y,r);else{var c=this._getCircleData(t),p=(0,s.default)(c,3),f=p[0],m=p[1],v=p[2];this._circle(t,e,f,m,v)}this.enableShadow(t,e),t.stroke(),this.disableShadow(t,e)}}},{key:"findBorderPosition",value:function(t,e,i){return this.from!=this.to?this._findBorderPosition(t,e,i):this._findBorderPositionCircle(t,e,i)}},{key:"findBorderPositions",value:function(t){var e={},i={};if(this.from!=this.to)e=this._findBorderPosition(this.from,t),i=this._findBorderPosition(this.to,t);else{var o=this._getCircleData(t).slice(0,2),n=(0,s.default)(o,2),r=n[0],a=n[1];e=this._findBorderPositionCircle(this.from,t,{x:r,y:a,low:.25,high:.6,direction:-1}),i=this._findBorderPositionCircle(this.from,t,{x:r,y:a,low:.6,high:.8,direction:1})}return{from:e,to:i}}},{key:"_getCircleData",value:function(t){var e=void 0,i=void 0,o=this.from,n=this.options.selfReferenceSize;return void 0!==t&&void 0===o.shape.width&&o.shape.resize(t),o.shape.width>o.shape.height?(e=o.x+.5*o.shape.width,i=o.y-n):(e=o.x+n,i=o.y-.5*o.shape.height),[e,i,n]}},{key:"_pointOnCircle",value:function(t,e,i,o){var n=2*o*Math.PI;return{x:t+i*Math.cos(n),y:e-i*Math.sin(n)}}},{key:"_findBorderPositionCircle",value:function(t,e,i){for(var o=i.x,n=i.y,s=i.low,r=i.high,a=i.direction,h=0,d=this.options.selfReferenceSize,l=void 0,u=void 0,c=void 0,p=void 0,f=void 0,m=.5*(s+r);s<=r&&h<10&&(m=.5*(s+r),l=this._pointOnCircle(o,n,d,m),u=Math.atan2(t.y-l.y,t.x-l.x),c=t.distanceToBorder(e,u),p=Math.sqrt(Math.pow(l.x-t.x,2)+Math.pow(l.y-t.y,2)),f=c-p,!(Math.abs(f)<.05));)f>0?a>0?s=m:r=m:a>0?r=m:s=m,h++;return l.t=m,l}},{key:"getLineWidth",value:function(t,e){return!0===t?Math.max(this.selectionWidth,.3/this.body.view.scale):!0===e?Math.max(this.hoverWidth,.3/this.body.view.scale):Math.max(this.options.width,.3/this.body.view.scale)}},{key:"getColor",value:function(t,e,i,o){if(!1!==e.inheritsColor){if("both"===e.inheritsColor&&this.from.id!==this.to.id){var n=t.createLinearGradient(this.from.x,this.from.y,this.to.x,this.to.y),s=void 0,r=void 0;return s=this.from.options.color.highlight.border,r=this.to.options.color.highlight.border,!1===this.from.selected&&!1===this.to.selected?(s=l.overrideOpacity(this.from.options.color.border,e.opacity),r=l.overrideOpacity(this.to.options.color.border,e.opacity)):!0===this.from.selected&&!1===this.to.selected?r=this.to.options.color.border:!1===this.from.selected&&!0===this.to.selected&&(s=this.from.options.color.border),n.addColorStop(0,s),n.addColorStop(1,r),n}return"to"===e.inheritsColor?l.overrideOpacity(this.to.options.color.border,e.opacity):l.overrideOpacity(this.from.options.color.border,e.opacity)}return l.overrideOpacity(e.color,e.opacity)}},{key:"_circle",
-value:function(t,e,i,o,n){this.enableShadow(t,e),t.beginPath(),t.arc(i,o,n,0,2*Math.PI,!1),t.stroke(),this.disableShadow(t,e)}},{key:"getDistanceToEdge",value:function(t,e,i,o,n,r,a,h){var d=0;if(this.from!=this.to)d=this._getDistanceToEdge(t,e,i,o,n,r,a);else{var l=this._getCircleData(void 0),u=(0,s.default)(l,3),c=u[0],p=u[1],f=u[2],m=c-n,v=p-r;d=Math.abs(Math.sqrt(m*m+v*v)-f)}return d}},{key:"_getDistanceToLine",value:function(t,e,i,o,n,s){var r=i-t,a=o-e,h=r*r+a*a,d=((n-t)*r+(s-e)*a)/h;d>1?d=1:d<0&&(d=0);var l=t+d*r,u=e+d*a,c=l-n,p=u-s;return Math.sqrt(c*c+p*p)}},{key:"getArrowData",value:function(t,e,i,o,n,r){var a=void 0,h=void 0,d=void 0,l=void 0,u=void 0,c=void 0,p=void 0,f=r.width;if("from"===e?(d=this.from,l=this.to,u=.1,c=r.fromArrowScale,p=r.fromArrowType):"to"===e?(d=this.to,l=this.from,u=-.1,c=r.toArrowScale,p=r.toArrowType):(d=this.to,l=this.from,c=r.middleArrowScale,p=r.middleArrowType),d!=l)if("middle"!==e)if(!0===this.options.smooth.enabled){h=this.findBorderPosition(d,t,{via:i});var m=this.getPoint(Math.max(0,Math.min(1,h.t+u)),i);a=Math.atan2(h.y-m.y,h.x-m.x)}else a=Math.atan2(d.y-l.y,d.x-l.x),h=this.findBorderPosition(d,t);else a=Math.atan2(d.y-l.y,d.x-l.x),h=this.getPoint(.5,i);else{var v=this._getCircleData(t),g=(0,s.default)(v,3),y=g[0],b=g[1],_=g[2];"from"===e?(h=this.findBorderPosition(this.from,t,{x:y,y:b,low:.25,high:.6,direction:-1}),a=-2*h.t*Math.PI+1.5*Math.PI+.1*Math.PI):"to"===e?(h=this.findBorderPosition(this.from,t,{x:y,y:b,low:.6,high:1,direction:1}),a=-2*h.t*Math.PI+1.5*Math.PI-1.1*Math.PI):(h=this._pointOnCircle(y,b,_,.175),a=3.9269908169872414)}"middle"===e&&c<0&&(f*=-1);var w=15*c+3*f;return{point:h,core:{x:h.x-.9*w*Math.cos(a),y:h.y-.9*w*Math.sin(a)},angle:a,length:w,type:p}}},{key:"drawArrowHead",value:function(t,e,i,o,n){t.strokeStyle=this.getColor(t,e,i,o),t.fillStyle=t.strokeStyle,t.lineWidth=e.width,u.draw(t,n),this.enableShadow(t,e),t.fill(),this.disableShadow(t,e)}},{key:"enableShadow",value:function(t,e){!0===e.shadow&&(t.shadowColor=e.shadowColor,t.shadowBlur=e.shadowSize,t.shadowOffsetX=e.shadowX,t.shadowOffsetY=e.shadowY)}},{key:"disableShadow",value:function(t,e){!0===e.shadow&&(t.shadowColor="rgba(0,0,0,0)",t.shadowBlur=0,t.shadowOffsetX=0,t.shadowOffsetY=0)}}]),t}();e.default=c},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(4),a=o(r),h=i(5),d=o(h),l=i(0),u=o(l),c=i(1),p=o(c),f=function(){function t(){(0,u.default)(this,t)}return(0,p.default)(t,null,[{key:"transform",value:function(t,e){t instanceof Array||(t=[t]);for(var i=e.point.x,o=e.point.y,n=e.angle,s=e.length,r=0;r<t.length;++r){var a=t[r],h=a.x*Math.cos(n)-a.y*Math.sin(n),d=a.x*Math.sin(n)+a.y*Math.cos(n);a.x=i+s*h,a.y=o+s*d}}},{key:"drawPath",value:function(t,e){t.beginPath(),t.moveTo(e[0].x,e[0].y);for(var i=1;i<e.length;++i)t.lineTo(e[i].x,e[i].y);t.closePath()}}]),t}(),m=function(t){function e(){return(0,u.default)(this,e),(0,a.default)(this,(e.__proto__||(0,s.default)(e)).apply(this,arguments))}return(0,d.default)(e,t),(0,p.default)(e,null,[{key:"draw",value:function(t,e){var i=[{x:0,y:0},{x:-1,y:.3},{x:-.9,y:0},{x:-1,y:-.3}];f.transform(i,e),f.drawPath(t,i)}}]),e}(f),v=function(){function t(){(0,u.default)(this,t)}return(0,p.default)(t,null,[{key:"draw",value:function(t,e){var i={x:-.4,y:0};f.transform(i,e),t.circle(i.x,i.y,.4*e.length)}}]),t}(),g=function(){function t(){(0,u.default)(this,t)}return(0,p.default)(t,null,[{key:"draw",value:function(t,e){var i=[{x:0,y:.5},{x:0,y:-.5},{x:-.15,y:-.5},{x:-.15,y:.5}];f.transform(i,e),f.drawPath(t,i)}}]),t}(),y=function(){function t(){(0,u.default)(this,t)}return(0,p.default)(t,null,[{key:"draw",value:function(t,e){var i;switch(e.type&&(i=e.type.toLowerCase()),i){case"circle":v.draw(t,e);break;case"bar":g.draw(t,e);break;case"arrow":default:m.draw(t,e)}}}]),t}();e.default=y},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=function(){function t(e,i,o){(0,s.default)(this,t),this.body=e,this.physicsBody=i,this.barnesHutTree,this.setOptions(o),this.randomSeed=5}return(0,a.default)(t,[{key:"setOptions",value:function(t){this.options=t,this.thetaInversed=1/this.options.theta,this.overlapAvoidanceFactor=1-Math.max(0,Math.min(1,this.options.avoidOverlap))}},{key:"seededRandom",value:function(){var t=1e4*Math.sin(this.randomSeed++);return t-Math.floor(t)}},{key:"solve",value:function(){if(0!==this.options.gravitationalConstant&&this.physicsBody.physicsNodeIndices.length>0){var t=void 0,e=this.body.nodes,i=this.physicsBody.physicsNodeIndices,o=i.length,n=this._formBarnesHutTree(e,i);this.barnesHutTree=n;for(var s=0;s<o;s++)t=e[i[s]],t.options.mass>0&&this._getForceContributions(n.root,t)}}},{key:"_getForceContributions",value:function(t,e){this._getForceContribution(t.children.NW,e),this._getForceContribution(t.children.NE,e),this._getForceContribution(t.children.SW,e),this._getForceContribution(t.children.SE,e)}},{key:"_getForceContribution",value:function(t,e){if(t.childrenCount>0){var i=void 0,o=void 0,n=void 0;i=t.centerOfMass.x-e.x,o=t.centerOfMass.y-e.y,n=Math.sqrt(i*i+o*o),n*t.calcSize>this.thetaInversed?this._calculateForces(n,i,o,e,t):4===t.childrenCount?this._getForceContributions(t,e):t.children.data.id!=e.id&&this._calculateForces(n,i,o,e,t)}}},{key:"_calculateForces",value:function(t,e,i,o,n){0===t&&(t=.1,e=t),this.overlapAvoidanceFactor<1&&o.shape.radius&&(t=Math.max(.1+this.overlapAvoidanceFactor*o.shape.radius,t-o.shape.radius));var s=this.options.gravitationalConstant*n.mass*o.options.mass/Math.pow(t,3),r=e*s,a=i*s;this.physicsBody.forces[o.id].x+=r,this.physicsBody.forces[o.id].y+=a}},{key:"_formBarnesHutTree",value:function(t,e){for(var i=void 0,o=e.length,n=t[e[0]].x,s=t[e[0]].y,r=t[e[0]].x,a=t[e[0]].y,h=1;h<o;h++){var d=t[e[h]],l=d.x,u=d.y;d.options.mass>0&&(l<n&&(n=l),l>r&&(r=l),u<s&&(s=u),u>a&&(a=u))}var c=Math.abs(r-n)-Math.abs(a-s);c>0?(s-=.5*c,a+=.5*c):(n+=.5*c,r-=.5*c);var p=Math.max(1e-5,Math.abs(r-n)),f=.5*p,m=.5*(n+r),v=.5*(s+a),g={root:{centerOfMass:{x:0,y:0},mass:0,range:{minX:m-f,maxX:m+f,minY:v-f,maxY:v+f},size:p,calcSize:1/p,children:{data:null},maxWidth:0,level:0,childrenCount:4}};this._splitBranch(g.root);for(var y=0;y<o;y++)i=t[e[y]],i.options.mass>0&&this._placeInTree(g.root,i);return g}},{key:"_updateBranchMass",value:function(t,e){var i=t.centerOfMass,o=t.mass+e.options.mass,n=1/o;i.x=i.x*t.mass+e.x*e.options.mass,i.x*=n,i.y=i.y*t.mass+e.y*e.options.mass,i.y*=n,t.mass=o;var s=Math.max(Math.max(e.height,e.radius),e.width);t.maxWidth=t.maxWidth<s?s:t.maxWidth}},{key:"_placeInTree",value:function(t,e,i){1==i&&void 0!==i||this._updateBranchMass(t,e);var o=t.children.NW.range,n=void 0;n=o.maxX>e.x?o.maxY>e.y?"NW":"SW":o.maxY>e.y?"NE":"SE",this._placeInRegion(t,e,n)}},{key:"_placeInRegion",value:function(t,e,i){var o=t.children[i];switch(o.childrenCount){case 0:o.children.data=e,o.childrenCount=1,this._updateBranchMass(o,e);break;case 1:o.children.data.x===e.x&&o.children.data.y===e.y?(e.x+=this.seededRandom(),e.y+=this.seededRandom()):(this._splitBranch(o),this._placeInTree(o,e));break;case 4:this._placeInTree(o,e)}}},{key:"_splitBranch",value:function(t){var e=null;1===t.childrenCount&&(e=t.children.data,t.mass=0,t.centerOfMass.x=0,t.centerOfMass.y=0),t.childrenCount=4,t.children.data=null,this._insertRegion(t,"NW"),this._insertRegion(t,"NE"),this._insertRegion(t,"SW"),this._insertRegion(t,"SE"),null!=e&&this._placeInTree(t,e)}},{key:"_insertRegion",value:function(t,e){var i=void 0,o=void 0,n=void 0,s=void 0,r=.5*t.size;switch(e){case"NW":i=t.range.minX,o=t.range.minX+r,n=t.range.minY,s=t.range.minY+r;break;case"NE":i=t.range.minX+r,o=t.range.maxX,n=t.range.minY,s=t.range.minY+r;break;case"SW":i=t.range.minX,o=t.range.minX+r,n=t.range.minY+r,s=t.range.maxY;break;case"SE":i=t.range.minX+r,o=t.range.maxX,n=t.range.minY+r,s=t.range.maxY}t.children[e]={centerOfMass:{x:0,y:0},mass:0,range:{minX:i,maxX:o,minY:n,maxY:s},size:.5*t.size,calcSize:2*t.calcSize,children:{data:null},maxWidth:0,level:t.level+1,childrenCount:0}}},{key:"_debug",value:function(t,e){void 0!==this.barnesHutTree&&(t.lineWidth=1,this._drawBranch(this.barnesHutTree.root,t,e))}},{key:"_drawBranch",value:function(t,e,i){void 0===i&&(i="#FF0000"),4===t.childrenCount&&(this._drawBranch(t.children.NW,e),this._drawBranch(t.children.NE,e),this._drawBranch(t.children.SE,e),this._drawBranch(t.children.SW,e)),e.strokeStyle=i,e.beginPath(),e.moveTo(t.range.minX,t.range.minY),e.lineTo(t.range.maxX,t.range.minY),e.stroke(),e.beginPath(),e.moveTo(t.range.maxX,t.range.minY),e.lineTo(t.range.maxX,t.range.maxY),e.stroke(),e.beginPath(),e.moveTo(t.range.maxX,t.range.maxY),e.lineTo(t.range.minX,t.range.maxY),e.stroke(),e.beginPath(),e.moveTo(t.range.minX,t.range.maxY),e.lineTo(t.range.minX,t.range.minY),e.stroke()}}]),t}();e.default=h},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=function(){function t(e,i,o){(0,s.default)(this,t),this.body=e,this.physicsBody=i,this.setOptions(o)}return(0,a.default)(t,[{key:"setOptions",value:function(t){this.options=t}},{key:"solve",value:function(){for(var t=void 0,e=void 0,i=void 0,o=void 0,n=this.body.nodes,s=this.physicsBody.physicsNodeIndices,r=this.physicsBody.forces,a=0;a<s.length;a++){o=n[s[a]],t=-o.x,e=-o.y,i=Math.sqrt(t*t+e*e),this._calculateForces(i,t,e,r,o)}}},{key:"_calculateForces",value:function(t,e,i,o,n){var s=0===t?0:this.options.centralGravity/t;o[n.id].x=e*s,o[n.id].y=i*s}}]),t}();e.default=h},function(t,e,i){Object.defineProperty(e,"__esModule",{value:!0});var o="string",n="boolean",s="number",r="object",a=["arrow","circle","bar"],h={configure:{enabled:{boolean:n},filter:{boolean:n,string:o,array:"array",function:"function"},container:{dom:"dom"},showButton:{boolean:n},__type__:{object:r,boolean:n,string:o,array:"array",function:"function"}},edges:{arrows:{to:{enabled:{boolean:n},scaleFactor:{number:s},type:{string:a},__type__:{object:r,boolean:n}},middle:{enabled:{boolean:n},scaleFactor:{number:s},type:{string:a},__type__:{object:r,boolean:n}},from:{enabled:{boolean:n},scaleFactor:{number:s},type:{string:a},__type__:{object:r,boolean:n}},__type__:{string:["from","to","middle"],object:r}},arrowStrikethrough:{boolean:n},chosen:{label:{boolean:n,function:"function"},edge:{boolean:n,function:"function"},__type__:{object:r,boolean:n}},color:{color:{string:o},highlight:{string:o},hover:{string:o},inherit:{string:["from","to","both"],boolean:n},opacity:{number:s},__type__:{object:r,string:o}},dashes:{boolean:n,array:"array"},font:{color:{string:o},size:{number:s},face:{string:o},background:{string:o},strokeWidth:{number:s},strokeColor:{string:o},align:{string:["horizontal","top","middle","bottom"]},vadjust:{number:s},multi:{boolean:n,string:o},bold:{color:{string:o},size:{number:s},face:{string:o},mod:{string:o},vadjust:{number:s},__type__:{object:r,string:o}},boldital:{color:{string:o},size:{number:s},face:{string:o},mod:{string:o},vadjust:{number:s},__type__:{object:r,string:o}},ital:{color:{string:o},size:{number:s},face:{string:o},mod:{string:o},vadjust:{number:s},__type__:{object:r,string:o}},mono:{color:{string:o},size:{number:s},face:{string:o},mod:{string:o},vadjust:{number:s},__type__:{object:r,string:o}},__type__:{object:r,string:o}},hidden:{boolean:n},hoverWidth:{function:"function",number:s},label:{string:o,undefined:"undefined"},labelHighlightBold:{boolean:n},length:{number:s,undefined:"undefined"},physics:{boolean:n},scaling:{min:{number:s},max:{number:s},label:{enabled:{boolean:n},min:{number:s},max:{number:s},maxVisible:{number:s},drawThreshold:{number:s},__type__:{object:r,boolean:n}},customScalingFunction:{function:"function"},__type__:{object:r}},selectionWidth:{function:"function",number:s},selfReferenceSize:{number:s},shadow:{enabled:{boolean:n},color:{string:o},size:{number:s},x:{number:s},y:{number:s},__type__:{object:r,boolean:n}},smooth:{enabled:{boolean:n},type:{string:["dynamic","continuous","discrete","diagonalCross","straightCross","horizontal","vertical","curvedCW","curvedCCW","cubicBezier"]},roundness:{number:s},forceDirection:{string:["horizontal","vertical","none"],boolean:n},__type__:{object:r,boolean:n}},title:{string:o,undefined:"undefined"},width:{number:s},widthConstraint:{maximum:{number:s},__type__:{object:r,boolean:n,number:s}},value:{number:s,undefined:"undefined"},__type__:{object:r}},groups:{useDefaultGroups:{boolean:n},__any__:"get from nodes, will be overwritten below",__type__:{object:r}},interaction:{dragNodes:{boolean:n},dragView:{boolean:n},hideEdgesOnDrag:{boolean:n},hideNodesOnDrag:{boolean:n},hover:{boolean:n},keyboard:{enabled:{boolean:n},speed:{x:{number:s},y:{number:s},zoom:{number:s},__type__:{object:r}},bindToWindow:{boolean:n},__type__:{object:r,boolean:n}},multiselect:{boolean:n},navigationButtons:{boolean:n},selectable:{boolean:n},selectConnectedEdges:{boolean:n},hoverConnectedEdges:{boolean:n},tooltipDelay:{number:s},zoomView:{boolean:n},__type__:{object:r}},layout:{randomSeed:{undefined:"undefined",number:s},improvedLayout:{boolean:n},hierarchical:{enabled:{boolean:n},levelSeparation:{number:s},nodeSpacing:{number:s},treeSpacing:{number:s},blockShifting:{boolean:n},edgeMinimization:{boolean:n},parentCentralization:{boolean:n},direction:{string:["UD","DU","LR","RL"]},sortMethod:{string:["hubsize","directed"]},__type__:{object:r,boolean:n}},__type__:{object:r}},manipulation:{enabled:{boolean:n},initiallyActive:{boolean:n},addNode:{boolean:n,function:"function"},addEdge:{boolean:n,function:"function"},editNode:{function:"function"},editEdge:{editWithoutDrag:{function:"function"},__type__:{object:r,boolean:n,function:"function"}},deleteNode:{boolean:n,function:"function"},deleteEdge:{boolean:n,function:"function"},controlNodeStyle:"get from nodes, will be overwritten below",__type__:{object:r,boolean:n}},nodes:{borderWidth:{number:s},borderWidthSelected:{number:s,undefined:"undefined"},brokenImage:{string:o,undefined:"undefined"},chosen:{label:{boolean:n,function:"function"},node:{boolean:n,function:"function"},__type__:{object:r,boolean:n}},color:{border:{string:o},background:{string:o},highlight:{border:{string:o},background:{string:o},__type__:{object:r,string:o}},hover:{border:{string:o},background:{string:o},__type__:{object:r,string:o}},__type__:{object:r,string:o}},fixed:{x:{boolean:n},y:{boolean:n},__type__:{object:r,boolean:n}},font:{align:{string:o},color:{string:o},size:{number:s},face:{string:o},background:{string:o},strokeWidth:{number:s},strokeColor:{string:o},vadjust:{number:s},multi:{boolean:n,string:o},bold:{color:{string:o},size:{number:s},face:{string:o},mod:{string:o},vadjust:{number:s},__type__:{object:r,string:o}},boldital:{color:{string:o},size:{number:s},face:{string:o},mod:{string:o},vadjust:{number:s},__type__:{object:r,string:o}},ital:{color:{string:o},size:{number:s},face:{string:o},mod:{string:o},vadjust:{number:s},__type__:{object:r,string:o}},mono:{color:{string:o},size:{number:s},face:{string:o},mod:{string:o},vadjust:{number:s},__type__:{object:r,string:o}},__type__:{object:r,string:o}},group:{string:o,number:s,undefined:"undefined"},heightConstraint:{minimum:{number:s},valign:{string:o},__type__:{object:r,boolean:n,number:s}},hidden:{boolean:n},icon:{face:{string:o},code:{string:o},size:{number:s},color:{string:o},__type__:{object:r}},id:{string:o,number:s},image:{selected:{string:o,undefined:"undefined"},unselected:{string:o,undefined:"undefined"},__type__:{object:r,string:o}},label:{string:o,undefined:"undefined"},labelHighlightBold:{boolean:n},level:{number:s,undefined:"undefined"},margin:{top:{number:s},right:{number:s},bottom:{number:s},left:{number:s},__type__:{object:r,number:s}},mass:{number:s},physics:{boolean:n},scaling:{min:{number:s},max:{number:s},label:{enabled:{boolean:n},min:{number:s},max:{number:s},maxVisible:{number:s},drawThreshold:{number:s},__type__:{object:r,boolean:n}},customScalingFunction:{function:"function"},__type__:{object:r}},shadow:{enabled:{boolean:n},color:{string:o},size:{number:s},x:{number:s},y:{number:s},__type__:{object:r,boolean:n}},shape:{string:["ellipse","circle","database","box","text","image","circularImage","diamond","dot","star","triangle","triangleDown","square","icon","hexagon"]},shapeProperties:{borderDashes:{boolean:n,array:"array"},borderRadius:{number:s},interpolation:{boolean:n},useImageSize:{boolean:n},useBorderWithImage:{boolean:n},__type__:{object:r}},size:{number:s},title:{string:o,dom:"dom",undefined:"undefined"},value:{number:s,undefined:"undefined"},widthConstraint:{minimum:{number:s},maximum:{number:s},__type__:{object:r,boolean:n,number:s}},x:{number:s},y:{number:s},__type__:{object:r}},physics:{enabled:{boolean:n},barnesHut:{gravitationalConstant:{number:s},centralGravity:{number:s},springLength:{number:s},springConstant:{number:s},damping:{number:s},avoidOverlap:{number:s},__type__:{object:r}},forceAtlas2Based:{gravitationalConstant:{number:s},centralGravity:{number:s},springLength:{number:s},springConstant:{number:s},damping:{number:s},avoidOverlap:{number:s},__type__:{object:r}},repulsion:{centralGravity:{number:s},springLength:{number:s},springConstant:{number:s},nodeDistance:{number:s},damping:{number:s},__type__:{object:r}},hierarchicalRepulsion:{centralGravity:{number:s},springLength:{number:s},springConstant:{number:s},nodeDistance:{number:s},damping:{number:s},__type__:{object:r}},maxVelocity:{number:s},minVelocity:{number:s},solver:{string:["barnesHut","repulsion","hierarchicalRepulsion","forceAtlas2Based"]},stabilization:{enabled:{boolean:n},iterations:{number:s},updateInterval:{number:s},onlyDynamicEdges:{boolean:n},fit:{boolean:n},__type__:{object:r,boolean:n}},timestep:{number:s},adaptiveTimestep:{boolean:n},__type__:{object:r,boolean:n}},autoResize:{boolean:n},clickToUse:{boolean:n},locale:{string:o},locales:{__any__:{any:"any"},__type__:{object:r}},height:{string:o},width:{string:o},__type__:{object:r}};h.groups.__any__=h.nodes,h.manipulation.controlNodeStyle=h.nodes;var d={nodes:{borderWidth:[1,0,10,1],borderWidthSelected:[2,0,10,1],color:{border:["color","#2B7CE9"],background:["color","#97C2FC"],highlight:{border:["color","#2B7CE9"],background:["color","#D2E5FF"]},hover:{border:["color","#2B7CE9"],background:["color","#D2E5FF"]}},fixed:{x:!1,y:!1},font:{color:["color","#343434"],size:[14,0,100,1],face:["arial","verdana","tahoma"],background:["color","none"],strokeWidth:[0,0,50,1],strokeColor:["color","#ffffff"]},hidden:!1,labelHighlightBold:!0,physics:!0,scaling:{min:[10,0,200,1],max:[30,0,200,1],label:{enabled:!1,min:[14,0,200,1],max:[30,0,200,1],maxVisible:[30,0,200,1],drawThreshold:[5,0,20,1]}},shadow:{enabled:!1,color:"rgba(0,0,0,0.5)",size:[10,0,20,1],x:[5,-30,30,1],y:[5,-30,30,1]},shape:["ellipse","box","circle","database","diamond","dot","square","star","text","triangle","triangleDown","hexagon"],shapeProperties:{borderDashes:!1,borderRadius:[6,0,20,1],interpolation:!0,useImageSize:!1},size:[25,0,200,1]},edges:{arrows:{to:{enabled:!1,scaleFactor:[1,0,3,.05],type:"arrow"},middle:{enabled:!1,scaleFactor:[1,0,3,.05],type:"arrow"},from:{enabled:!1,scaleFactor:[1,0,3,.05],type:"arrow"}},arrowStrikethrough:!0,color:{color:["color","#848484"],highlight:["color","#848484"],hover:["color","#848484"],inherit:["from","to","both",!0,!1],opacity:[1,0,1,.05]},dashes:!1,font:{color:["color","#343434"],size:[14,0,100,1],face:["arial","verdana","tahoma"],background:["color","none"],strokeWidth:[2,0,50,1],strokeColor:["color","#ffffff"],align:["horizontal","top","middle","bottom"]},hidden:!1,hoverWidth:[1.5,0,5,.1],labelHighlightBold:!0,physics:!0,scaling:{min:[1,0,100,1],max:[15,0,100,1],label:{enabled:!0,min:[14,0,200,1],max:[30,0,200,1],maxVisible:[30,0,200,1],drawThreshold:[5,0,20,1]}},selectionWidth:[1.5,0,5,.1],selfReferenceSize:[20,0,200,1],shadow:{enabled:!1,color:"rgba(0,0,0,0.5)",size:[10,0,20,1],x:[5,-30,30,1],y:[5,-30,30,1]},smooth:{enabled:!0,type:["dynamic","continuous","discrete","diagonalCross","straightCross","horizontal","vertical","curvedCW","curvedCCW","cubicBezier"],forceDirection:["horizontal","vertical","none"],roundness:[.5,0,1,.05]},width:[1,0,30,1]},layout:{hierarchical:{enabled:!1,levelSeparation:[150,20,500,5],nodeSpacing:[100,20,500,5],treeSpacing:[200,20,500,5],blockShifting:!0,edgeMinimization:!0,parentCentralization:!0,direction:["UD","DU","LR","RL"],sortMethod:["hubsize","directed"]}},interaction:{dragNodes:!0,dragView:!0,hideEdgesOnDrag:!1,hideNodesOnDrag:!1,hover:!1,keyboard:{enabled:!1,speed:{x:[10,0,40,1],y:[10,0,40,1],zoom:[.02,0,.1,.005]},bindToWindow:!0},multiselect:!1,navigationButtons:!1,selectable:!0,selectConnectedEdges:!0,hoverConnectedEdges:!0,tooltipDelay:[300,0,1e3,25],zoomView:!0},manipulation:{enabled:!1,initiallyActive:!1},physics:{enabled:!0,barnesHut:{gravitationalConstant:[-2e3,-3e4,0,50],centralGravity:[.3,0,10,.05],springLength:[95,0,500,5],springConstant:[.04,0,1.2,.005],damping:[.09,0,1,.01],avoidOverlap:[0,0,1,.01]},forceAtlas2Based:{gravitationalConstant:[-50,-500,0,1],centralGravity:[.01,0,1,.005],springLength:[95,0,500,5],springConstant:[.08,0,1.2,.005],damping:[.4,0,1,.01],avoidOverlap:[0,0,1,.01]},repulsion:{centralGravity:[.2,0,10,.05],springLength:[200,0,500,5],springConstant:[.05,0,1.2,.005],nodeDistance:[100,0,500,5],damping:[.09,0,1,.01]},hierarchicalRepulsion:{centralGravity:[.2,0,10,.05],springLength:[100,0,500,5],springConstant:[.01,0,1.2,.005],nodeDistance:[120,0,500,5],damping:[.09,0,1,.01]},maxVelocity:[50,0,150,1],minVelocity:[.1,.01,.5,.01],solver:["barnesHut","forceAtlas2Based","repulsion","hierarchicalRepulsion"],timestep:[.5,.01,1,.01]}};e.allOptions=h,e.configureOptions=d},function(t,e,i){var o=i(2);o.extend(e,i(159)),o.extend(e,i(177)),o.extend(e,i(181))},function(t,e,i){i(49),i(60),t.exports=i(136)},function(t,e,i){var o=i(126),n=i(127),s=i(31),r=i(25);t.exports=i(79)(Array,"Array",function(t,e){this._t=r(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,i=this._i++;return!t||i>=t.length?(this._t=void 0,n(1)):"keys"==e?n(0,i):"values"==e?n(0,t[i]):n(0,[i,t[i]])},"values"),s.Arguments=s.Array,o("keys"),o("values"),o("entries")},function(t,e){t.exports=function(){}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,i){var o=i(54),n=i(39),s=i(59),r={};i(26)(r,i(13)("iterator"),function(){return this}),t.exports=function(t,e,i){t.prototype=o(r,{next:n(1,i)}),s(t,e+" Iterator")}},function(t,e,i){var o=i(20),n=i(27),s=i(33);t.exports=i(21)?Object.defineProperties:function(t,e){n(t);for(var i,r=s(e),a=r.length,h=0;a>h;)o.f(t,i=r[h++],e[i]);return t}},function(t,e,i){var o=i(25),n=i(132),s=i(133);t.exports=function(t){return function(e,i,r){var a,h=o(e),d=n(h.length),l=s(r,d);if(t&&i!=i){for(;d>l;)if((a=h[l++])!=a)return!0}else for(;d>l;l++)if((t||l in h)&&h[l]===i)return t||l||0;return!t&&-1}}},function(t,e,i){var o=i(55),n=Math.min;t.exports=function(t){return t>0?n(o(t),9007199254740991):0}},function(t,e,i){var o=i(55),n=Math.max,s=Math.min;t.exports=function(t,e){return t=o(t),t<0?n(t+e,0):s(t,e)}},function(t,e,i){var o=i(18).document;t.exports=o&&o.documentElement},function(t,e,i){var o=i(55),n=i(51);t.exports=function(t){return function(e,i){var s,r,a=String(n(e)),h=o(i),d=a.length;return h<0||h>=d?t?"":void 0:(s=a.charCodeAt(h),s<55296||s>56319||h+1===d||(r=a.charCodeAt(h+1))<56320||r>57343?t?a.charAt(h):s:t?a.slice(h,h+2):r-56320+(s-55296<<10)+65536)}}},function(t,e,i){var o=i(27),n=i(137);t.exports=i(7).getIterator=function(t){var e=n(t);if("function"!=typeof e)throw TypeError(t+" is not iterable!");return o(e.call(t))}},function(t,e,i){var o=i(86),n=i(13)("iterator"),s=i(31);t.exports=i(7).getIteratorMethod=function(t){if(void 0!=t)return t[n]||t["@@iterator"]||s[o(t)]}},function(t,e,i){i(139);var o=i(7).Object;t.exports=function(t,e){return o.create(t,e)}},function(t,e,i){var o=i(17);o(o.S,"Object",{create:i(54)})},function(t,e,i){i(141),t.exports=i(7).Object.keys},function(t,e,i){var o=i(41),n=i(33);i(87)("keys",function(){return function(t){return n(o(t))}})},function(t,e,i){t.exports={default:i(143),__esModule:!0}},function(t,e,i){i(60),i(49),t.exports=i(61).f("iterator")},function(t,e,i){t.exports={default:i(145),__esModule:!0}},function(t,e,i){i(146),i(151),i(152),i(153),t.exports=i(7).Symbol},function(t,e,i){var o=i(18),n=i(22),s=i(21),r=i(17),a=i(83),h=i(147).KEY,d=i(28),l=i(57),u=i(59),c=i(40),p=i(13),f=i(61),m=i(62),v=i(148),g=i(149),y=i(27),b=i(25),_=i(53),w=i(39),x=i(54),k=i(150),S=i(89),D=i(20),M=i(33),C=S.f,O=D.f,E=k.f,T=o.Symbol,P=o.JSON,I=P&&P.stringify,N=p("_hidden"),R=p("toPrimitive"),A={}.propertyIsEnumerable,z=l("symbol-registry"),L=l("symbols"),F=l("op-symbols"),B=Object.prototype,j="function"==typeof T,H=o.QObject,W=!H||!H.prototype||!H.prototype.findChild,Y=s&&d(function(){return 7!=x(O({},"a",{get:function(){return O(this,"a",{value:7}).a}})).a})?function(t,e,i){var o=C(B,e);o&&delete B[e],O(t,e,i),o&&t!==B&&O(B,e,o)}:O,G=function(t){var e=L[t]=x(T.prototype);return e._k=t,e},V=j&&"symbol"==typeof T.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof T},U=function(t,e,i){return t===B&&U(F,e,i),y(t),e=_(e,!0),y(i),n(L,e)?(i.enumerable?(n(t,N)&&t[N][e]&&(t[N][e]=!1),i=x(i,{enumerable:w(0,!1)})):(n(t,N)||O(t,N,w(1,{})),t[N][e]=!0),Y(t,e,i)):O(t,e,i)},q=function(t,e){y(t);for(var i,o=v(e=b(e)),n=0,s=o.length;s>n;)U(t,i=o[n++],e[i]);return t},X=function(t,e){return void 0===e?x(t):q(x(t),e)},Z=function(t){var e=A.call(this,t=_(t,!0));return!(this===B&&n(L,t)&&!n(F,t))&&(!(e||!n(this,t)||!n(L,t)||n(this,N)&&this[N][t])||e)},K=function(t,e){if(t=b(t),e=_(e,!0),t!==B||!n(L,e)||n(F,e)){var i=C(t,e);return!i||!n(L,e)||n(t,N)&&t[N][e]||(i.enumerable=!0),i}},J=function(t){for(var e,i=E(b(t)),o=[],s=0;i.length>s;)n(L,e=i[s++])||e==N||e==h||o.push(e);return o},$=function(t){for(var e,i=t===B,o=E(i?F:b(t)),s=[],r=0;o.length>r;)!n(L,e=o[r++])||i&&!n(B,e)||s.push(L[e]);return s};j||(T=function(){if(this instanceof T)throw TypeError("Symbol is not a constructor!");var t=c(arguments.length>0?arguments[0]:void 0),e=function(i){this===B&&e.call(F,i),n(this,N)&&n(this[N],t)&&(this[N][t]=!1),Y(this,t,w(1,i))};return s&&W&&Y(B,t,{configurable:!0,set:e}),G(t)},a(T.prototype,"toString",function(){return this._k}),S.f=K,D.f=U,i(88).f=k.f=J,i(42).f=Z,i(63).f=$,s&&!i(52)&&a(B,"propertyIsEnumerable",Z,!0),f.f=function(t){return G(p(t))}),r(r.G+r.W+r.F*!j,{Symbol:T});for(var Q="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),tt=0;Q.length>tt;)p(Q[tt++]);for(var et=M(p.store),it=0;et.length>it;)m(et[it++]);r(r.S+r.F*!j,"Symbol",{for:function(t){return n(z,t+="")?z[t]:z[t]=T(t)},keyFor:function(t){if(!V(t))throw TypeError(t+" is not a symbol!");for(var e in z)if(z[e]===t)return e},useSetter:function(){W=!0},useSimple:function(){W=!1}}),r(r.S+r.F*!j,"Object",{create:X,defineProperty:U,defineProperties:q,getOwnPropertyDescriptor:K,getOwnPropertyNames:J,getOwnPropertySymbols:$}),P&&r(r.S+r.F*(!j||d(function(){var t=T();return"[null]"!=I([t])||"{}"!=I({a:t})||"{}"!=I(Object(t))})),"JSON",{stringify:function(t){if(void 0!==t&&!V(t)){for(var e,i,o=[t],n=1;arguments.length>n;)o.push(arguments[n++]);return e=o[1],"function"==typeof e&&(i=e),!i&&g(e)||(e=function(t,e){if(i&&(e=i.call(this,t,e)),!V(e))return e}),o[1]=e,I.apply(P,o)}}}),T.prototype[R]||i(26)(T.prototype,R,T.prototype.valueOf),u(T,"Symbol"),u(Math,"Math",!0),u(o.JSON,"JSON",!0)},function(t,e,i){var o=i(40)("meta"),n=i(32),s=i(22),r=i(20).f,a=0,h=Object.isExtensible||function(){return!0},d=!i(28)(function(){return h(Object.preventExtensions({}))}),l=function(t){r(t,o,{value:{i:"O"+ ++a,w:{}}})},u=function(t,e){if(!n(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!s(t,o)){if(!h(t))return"F";if(!e)return"E";l(t)}return t[o].i},c=function(t,e){if(!s(t,o)){if(!h(t))return!0;if(!e)return!1;l(t)}return t[o].w},p=function(t){return d&&f.NEED&&h(t)&&!s(t,o)&&l(t),t},f=t.exports={KEY:o,NEED:!1,fastKey:u,getWeak:c,onFreeze:p}},function(t,e,i){var o=i(33),n=i(63),s=i(42);t.exports=function(t){var e=o(t),i=n.f;if(i)for(var r,a=i(t),h=s.f,d=0;a.length>d;)h.call(t,r=a[d++])&&e.push(r);return e}},function(t,e,i){var o=i(50);t.exports=Array.isArray||function(t){return"Array"==o(t)}},function(t,e,i){var o=i(25),n=i(88).f,s={}.toString,r="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],a=function(t){try{return n(t)}catch(t){return r.slice()}};t.exports.f=function(t){return r&&"[object Window]"==s.call(t)?a(t):n(o(t))}},function(t,e){},function(t,e,i){i(62)("asyncIterator")},function(t,e,i){i(62)("observable")},function(t,e,i){(function(t){!function(e,i){t.exports=i()}(0,function(){function e(){return Co.apply(null,arguments)}function i(t){return t instanceof Array||"[object Array]"===Object.prototype.toString.call(t)}function o(t){return null!=t&&"[object Object]"===Object.prototype.toString.call(t)}function n(t){if(Object.getOwnPropertyNames)return 0===Object.getOwnPropertyNames(t).length;var e;for(e in t)if(t.hasOwnProperty(e))return!1;return!0}function s(t){return void 0===t}function r(t){return"number"==typeof t||"[object Number]"===Object.prototype.toString.call(t)}function a(t){return t instanceof Date||"[object Date]"===Object.prototype.toString.call(t)}function h(t,e){var i,o=[];for(i=0;i<t.length;++i)o.push(e(t[i],i));return o}function d(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function l(t,e){for(var i in e)d(e,i)&&(t[i]=e[i]);return d(e,"toString")&&(t.toString=e.toString),d(e,"valueOf")&&(t.valueOf=e.valueOf),t}function u(t,e,i,o){return Se(t,e,i,o,!0).utc()}function c(){return{empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],meridiem:null,rfc2822:!1,weekdayMismatch:!1}}function p(t){return null==t._pf&&(t._pf=c()),t._pf}function f(t){if(null==t._isValid){var e=p(t),i=Oo.call(e.parsedDateParts,function(t){return null!=t}),o=!isNaN(t._d.getTime())&&e.overflow<0&&!e.empty&&!e.invalidMonth&&!e.invalidWeekday&&!e.weekdayMismatch&&!e.nullInput&&!e.invalidFormat&&!e.userInvalidated&&(!e.meridiem||e.meridiem&&i);if(t._strict&&(o=o&&0===e.charsLeftOver&&0===e.unusedTokens.length&&void 0===e.bigHour),null!=Object.isFrozen&&Object.isFrozen(t))return o;t._isValid=o}return t._isValid}function m(t){var e=u(NaN);return null!=t?l(p(e),t):p(e).userInvalidated=!0,e}function v(t,e){var i,o,n;if(s(e._isAMomentObject)||(t._isAMomentObject=e._isAMomentObject),s(e._i)||(t._i=e._i),s(e._f)||(t._f=e._f),s(e._l)||(t._l=e._l),s(e._strict)||(t._strict=e._strict),s(e._tzm)||(t._tzm=e._tzm),s(e._isUTC)||(t._isUTC=e._isUTC),s(e._offset)||(t._offset=e._offset),s(e._pf)||(t._pf=p(e)),s(e._locale)||(t._locale=e._locale),Eo.length>0)for(i=0;i<Eo.length;i++)o=Eo[i],n=e[o],s(n)||(t[o]=n);return t}function g(t){v(this,t),this._d=new Date(null!=t._d?t._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),!1===To&&(To=!0,e.updateOffset(this),To=!1)}function y(t){return t instanceof g||null!=t&&null!=t._isAMomentObject}function b(t){return t<0?Math.ceil(t)||0:Math.floor(t)}function _(t){var e=+t,i=0;return 0!==e&&isFinite(e)&&(i=b(e)),i}function w(t,e,i){var o,n=Math.min(t.length,e.length),s=Math.abs(t.length-e.length),r=0;for(o=0;o<n;o++)(i&&t[o]!==e[o]||!i&&_(t[o])!==_(e[o]))&&r++;return r+s}function x(t){!1===e.suppressDeprecationWarnings&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+t)}function k(t,i){var o=!0;return l(function(){if(null!=e.deprecationHandler&&e.deprecationHandler(null,t),o){for(var n,s=[],r=0;r<arguments.length;r++){if(n="","object"==typeof arguments[r]){n+="\n["+r+"] "
-;for(var a in arguments[0])n+=a+": "+arguments[0][a]+", ";n=n.slice(0,-2)}else n=arguments[r];s.push(n)}x(t+"\nArguments: "+Array.prototype.slice.call(s).join("")+"\n"+(new Error).stack),o=!1}return i.apply(this,arguments)},i)}function S(t,i){null!=e.deprecationHandler&&e.deprecationHandler(t,i),Po[t]||(x(i),Po[t]=!0)}function D(t){return t instanceof Function||"[object Function]"===Object.prototype.toString.call(t)}function M(t){var e,i;for(i in t)e=t[i],D(e)?this[i]=e:this["_"+i]=e;this._config=t,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)}function C(t,e){var i,n=l({},t);for(i in e)d(e,i)&&(o(t[i])&&o(e[i])?(n[i]={},l(n[i],t[i]),l(n[i],e[i])):null!=e[i]?n[i]=e[i]:delete n[i]);for(i in t)d(t,i)&&!d(e,i)&&o(t[i])&&(n[i]=l({},n[i]));return n}function O(t){null!=t&&this.set(t)}function E(t,e,i){var o=this._calendar[t]||this._calendar.sameElse;return D(o)?o.call(e,i):o}function T(t){var e=this._longDateFormat[t],i=this._longDateFormat[t.toUpperCase()];return e||!i?e:(this._longDateFormat[t]=i.replace(/MMMM|MM|DD|dddd/g,function(t){return t.slice(1)}),this._longDateFormat[t])}function P(){return this._invalidDate}function I(t){return this._ordinal.replace("%d",t)}function N(t,e,i,o){var n=this._relativeTime[i];return D(n)?n(t,e,i,o):n.replace(/%d/i,t)}function R(t,e){var i=this._relativeTime[t>0?"future":"past"];return D(i)?i(e):i.replace(/%s/i,e)}function A(t,e){var i=t.toLowerCase();Lo[i]=Lo[i+"s"]=Lo[e]=t}function z(t){return"string"==typeof t?Lo[t]||Lo[t.toLowerCase()]:void 0}function L(t){var e,i,o={};for(i in t)d(t,i)&&(e=z(i))&&(o[e]=t[i]);return o}function F(t,e){Fo[t]=e}function B(t){var e=[];for(var i in t)e.push({unit:i,priority:Fo[i]});return e.sort(function(t,e){return t.priority-e.priority}),e}function j(t,e,i){var o=""+Math.abs(t),n=e-o.length;return(t>=0?i?"+":"":"-")+Math.pow(10,Math.max(0,n)).toString().substr(1)+o}function H(t,e,i,o){var n=o;"string"==typeof o&&(n=function(){return this[o]()}),t&&(Wo[t]=n),e&&(Wo[e[0]]=function(){return j(n.apply(this,arguments),e[1],e[2])}),i&&(Wo[i]=function(){return this.localeData().ordinal(n.apply(this,arguments),t)})}function W(t){return t.match(/\[[\s\S]/)?t.replace(/^\[|\]$/g,""):t.replace(/\\/g,"")}function Y(t){var e,i,o=t.match(Bo);for(e=0,i=o.length;e<i;e++)Wo[o[e]]?o[e]=Wo[o[e]]:o[e]=W(o[e]);return function(e){var n,s="";for(n=0;n<i;n++)s+=D(o[n])?o[n].call(e,t):o[n];return s}}function G(t,e){return t.isValid()?(e=V(e,t.localeData()),Ho[e]=Ho[e]||Y(e),Ho[e](t)):t.localeData().invalidDate()}function V(t,e){function i(t){return e.longDateFormat(t)||t}var o=5;for(jo.lastIndex=0;o>=0&&jo.test(t);)t=t.replace(jo,i),jo.lastIndex=0,o-=1;return t}function U(t,e,i){an[t]=D(e)?e:function(t,o){return t&&i?i:e}}function q(t,e){return d(an,t)?an[t](e._strict,e._locale):new RegExp(X(t))}function X(t){return Z(t.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(t,e,i,o,n){return e||i||o||n}))}function Z(t){return t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function K(t,e){var i,o=e;for("string"==typeof t&&(t=[t]),r(e)&&(o=function(t,i){i[e]=_(t)}),i=0;i<t.length;i++)hn[t[i]]=o}function J(t,e){K(t,function(t,i,o,n){o._w=o._w||{},e(t,o._w,o,n)})}function $(t,e,i){null!=e&&d(hn,t)&&hn[t](e,i._a,i,t)}function Q(t){return tt(t)?366:365}function tt(t){return t%4==0&&t%100!=0||t%400==0}function et(){return tt(this.year())}function it(t,i){return function(o){return null!=o?(nt(this,t,o),e.updateOffset(this,i),this):ot(this,t)}}function ot(t,e){return t.isValid()?t._d["get"+(t._isUTC?"UTC":"")+e]():NaN}function nt(t,e,i){t.isValid()&&!isNaN(i)&&("FullYear"===e&&tt(t.year())?t._d["set"+(t._isUTC?"UTC":"")+e](i,t.month(),ht(i,t.month())):t._d["set"+(t._isUTC?"UTC":"")+e](i))}function st(t){return t=z(t),D(this[t])?this[t]():this}function rt(t,e){if("object"==typeof t){t=L(t);for(var i=B(t),o=0;o<i.length;o++)this[i[o].unit](t[i[o].unit])}else if(t=z(t),D(this[t]))return this[t](e);return this}function at(t,e){return(t%e+e)%e}function ht(t,e){if(isNaN(t)||isNaN(e))return NaN;var i=at(e,12);return t+=(e-i)/12,1===i?tt(t)?29:28:31-i%7%2}function dt(t,e){return t?i(this._months)?this._months[t.month()]:this._months[(this._months.isFormat||_n).test(e)?"format":"standalone"][t.month()]:i(this._months)?this._months:this._months.standalone}function lt(t,e){return t?i(this._monthsShort)?this._monthsShort[t.month()]:this._monthsShort[_n.test(e)?"format":"standalone"][t.month()]:i(this._monthsShort)?this._monthsShort:this._monthsShort.standalone}function ut(t,e,i){var o,n,s,r=t.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],o=0;o<12;++o)s=u([2e3,o]),this._shortMonthsParse[o]=this.monthsShort(s,"").toLocaleLowerCase(),this._longMonthsParse[o]=this.months(s,"").toLocaleLowerCase();return i?"MMM"===e?(n=yn.call(this._shortMonthsParse,r),-1!==n?n:null):(n=yn.call(this._longMonthsParse,r),-1!==n?n:null):"MMM"===e?-1!==(n=yn.call(this._shortMonthsParse,r))?n:(n=yn.call(this._longMonthsParse,r),-1!==n?n:null):-1!==(n=yn.call(this._longMonthsParse,r))?n:(n=yn.call(this._shortMonthsParse,r),-1!==n?n:null)}function ct(t,e,i){var o,n,s;if(this._monthsParseExact)return ut.call(this,t,e,i);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),o=0;o<12;o++){if(n=u([2e3,o]),i&&!this._longMonthsParse[o]&&(this._longMonthsParse[o]=new RegExp("^"+this.months(n,"").replace(".","")+"$","i"),this._shortMonthsParse[o]=new RegExp("^"+this.monthsShort(n,"").replace(".","")+"$","i")),i||this._monthsParse[o]||(s="^"+this.months(n,"")+"|^"+this.monthsShort(n,""),this._monthsParse[o]=new RegExp(s.replace(".",""),"i")),i&&"MMMM"===e&&this._longMonthsParse[o].test(t))return o;if(i&&"MMM"===e&&this._shortMonthsParse[o].test(t))return o;if(!i&&this._monthsParse[o].test(t))return o}}function pt(t,e){var i;if(!t.isValid())return t;if("string"==typeof e)if(/^\d+$/.test(e))e=_(e);else if(e=t.localeData().monthsParse(e),!r(e))return t;return i=Math.min(t.date(),ht(t.year(),e)),t._d["set"+(t._isUTC?"UTC":"")+"Month"](e,i),t}function ft(t){return null!=t?(pt(this,t),e.updateOffset(this,!0),this):ot(this,"Month")}function mt(){return ht(this.year(),this.month())}function vt(t){return this._monthsParseExact?(d(this,"_monthsRegex")||yt.call(this),t?this._monthsShortStrictRegex:this._monthsShortRegex):(d(this,"_monthsShortRegex")||(this._monthsShortRegex=kn),this._monthsShortStrictRegex&&t?this._monthsShortStrictRegex:this._monthsShortRegex)}function gt(t){return this._monthsParseExact?(d(this,"_monthsRegex")||yt.call(this),t?this._monthsStrictRegex:this._monthsRegex):(d(this,"_monthsRegex")||(this._monthsRegex=Sn),this._monthsStrictRegex&&t?this._monthsStrictRegex:this._monthsRegex)}function yt(){function t(t,e){return e.length-t.length}var e,i,o=[],n=[],s=[];for(e=0;e<12;e++)i=u([2e3,e]),o.push(this.monthsShort(i,"")),n.push(this.months(i,"")),s.push(this.months(i,"")),s.push(this.monthsShort(i,""));for(o.sort(t),n.sort(t),s.sort(t),e=0;e<12;e++)o[e]=Z(o[e]),n[e]=Z(n[e]);for(e=0;e<24;e++)s[e]=Z(s[e]);this._monthsRegex=new RegExp("^("+s.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+n.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+o.join("|")+")","i")}function bt(t,e,i,o,n,s,r){var a=new Date(t,e,i,o,n,s,r);return t<100&&t>=0&&isFinite(a.getFullYear())&&a.setFullYear(t),a}function _t(t){var e=new Date(Date.UTC.apply(null,arguments));return t<100&&t>=0&&isFinite(e.getUTCFullYear())&&e.setUTCFullYear(t),e}function wt(t,e,i){var o=7+e-i;return-(7+_t(t,0,o).getUTCDay()-e)%7+o-1}function xt(t,e,i,o,n){var s,r,a=(7+i-o)%7,h=wt(t,o,n),d=1+7*(e-1)+a+h;return d<=0?(s=t-1,r=Q(s)+d):d>Q(t)?(s=t+1,r=d-Q(t)):(s=t,r=d),{year:s,dayOfYear:r}}function kt(t,e,i){var o,n,s=wt(t.year(),e,i),r=Math.floor((t.dayOfYear()-s-1)/7)+1;return r<1?(n=t.year()-1,o=r+St(n,e,i)):r>St(t.year(),e,i)?(o=r-St(t.year(),e,i),n=t.year()+1):(n=t.year(),o=r),{week:o,year:n}}function St(t,e,i){var o=wt(t,e,i),n=wt(t+1,e,i);return(Q(t)-o+n)/7}function Dt(t){return kt(t,this._week.dow,this._week.doy).week}function Mt(){return this._week.dow}function Ct(){return this._week.doy}function Ot(t){var e=this.localeData().week(this);return null==t?e:this.add(7*(t-e),"d")}function Et(t){var e=kt(this,1,4).week;return null==t?e:this.add(7*(t-e),"d")}function Tt(t,e){return"string"!=typeof t?t:isNaN(t)?(t=e.weekdaysParse(t),"number"==typeof t?t:null):parseInt(t,10)}function Pt(t,e){return"string"==typeof t?e.weekdaysParse(t)%7||7:isNaN(t)?null:t}function It(t,e){return t?i(this._weekdays)?this._weekdays[t.day()]:this._weekdays[this._weekdays.isFormat.test(e)?"format":"standalone"][t.day()]:i(this._weekdays)?this._weekdays:this._weekdays.standalone}function Nt(t){return t?this._weekdaysShort[t.day()]:this._weekdaysShort}function Rt(t){return t?this._weekdaysMin[t.day()]:this._weekdaysMin}function At(t,e,i){var o,n,s,r=t.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],o=0;o<7;++o)s=u([2e3,1]).day(o),this._minWeekdaysParse[o]=this.weekdaysMin(s,"").toLocaleLowerCase(),this._shortWeekdaysParse[o]=this.weekdaysShort(s,"").toLocaleLowerCase(),this._weekdaysParse[o]=this.weekdays(s,"").toLocaleLowerCase();return i?"dddd"===e?(n=yn.call(this._weekdaysParse,r),-1!==n?n:null):"ddd"===e?(n=yn.call(this._shortWeekdaysParse,r),-1!==n?n:null):(n=yn.call(this._minWeekdaysParse,r),-1!==n?n:null):"dddd"===e?-1!==(n=yn.call(this._weekdaysParse,r))?n:-1!==(n=yn.call(this._shortWeekdaysParse,r))?n:(n=yn.call(this._minWeekdaysParse,r),-1!==n?n:null):"ddd"===e?-1!==(n=yn.call(this._shortWeekdaysParse,r))?n:-1!==(n=yn.call(this._weekdaysParse,r))?n:(n=yn.call(this._minWeekdaysParse,r),-1!==n?n:null):-1!==(n=yn.call(this._minWeekdaysParse,r))?n:-1!==(n=yn.call(this._weekdaysParse,r))?n:(n=yn.call(this._shortWeekdaysParse,r),-1!==n?n:null)}function zt(t,e,i){var o,n,s;if(this._weekdaysParseExact)return At.call(this,t,e,i);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),o=0;o<7;o++){if(n=u([2e3,1]).day(o),i&&!this._fullWeekdaysParse[o]&&(this._fullWeekdaysParse[o]=new RegExp("^"+this.weekdays(n,"").replace(".",".?")+"$","i"),this._shortWeekdaysParse[o]=new RegExp("^"+this.weekdaysShort(n,"").replace(".",".?")+"$","i"),this._minWeekdaysParse[o]=new RegExp("^"+this.weekdaysMin(n,"").replace(".",".?")+"$","i")),this._weekdaysParse[o]||(s="^"+this.weekdays(n,"")+"|^"+this.weekdaysShort(n,"")+"|^"+this.weekdaysMin(n,""),this._weekdaysParse[o]=new RegExp(s.replace(".",""),"i")),i&&"dddd"===e&&this._fullWeekdaysParse[o].test(t))return o;if(i&&"ddd"===e&&this._shortWeekdaysParse[o].test(t))return o;if(i&&"dd"===e&&this._minWeekdaysParse[o].test(t))return o;if(!i&&this._weekdaysParse[o].test(t))return o}}function Lt(t){if(!this.isValid())return null!=t?this:NaN;var e=this._isUTC?this._d.getUTCDay():this._d.getDay();return null!=t?(t=Tt(t,this.localeData()),this.add(t-e,"d")):e}function Ft(t){if(!this.isValid())return null!=t?this:NaN;var e=(this.day()+7-this.localeData()._week.dow)%7;return null==t?e:this.add(t-e,"d")}function Bt(t){if(!this.isValid())return null!=t?this:NaN;if(null!=t){var e=Pt(t,this.localeData());return this.day(this.day()%7?e:e-7)}return this.day()||7}function jt(t){return this._weekdaysParseExact?(d(this,"_weekdaysRegex")||Yt.call(this),t?this._weekdaysStrictRegex:this._weekdaysRegex):(d(this,"_weekdaysRegex")||(this._weekdaysRegex=En),this._weekdaysStrictRegex&&t?this._weekdaysStrictRegex:this._weekdaysRegex)}function Ht(t){return this._weekdaysParseExact?(d(this,"_weekdaysRegex")||Yt.call(this),t?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(d(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=Tn),this._weekdaysShortStrictRegex&&t?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)}function Wt(t){return this._weekdaysParseExact?(d(this,"_weekdaysRegex")||Yt.call(this),t?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(d(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=Pn),this._weekdaysMinStrictRegex&&t?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)}function Yt(){function t(t,e){return e.length-t.length}var e,i,o,n,s,r=[],a=[],h=[],d=[];for(e=0;e<7;e++)i=u([2e3,1]).day(e),o=this.weekdaysMin(i,""),n=this.weekdaysShort(i,""),s=this.weekdays(i,""),r.push(o),a.push(n),h.push(s),d.push(o),d.push(n),d.push(s);for(r.sort(t),a.sort(t),h.sort(t),d.sort(t),e=0;e<7;e++)a[e]=Z(a[e]),h[e]=Z(h[e]),d[e]=Z(d[e]);this._weekdaysRegex=new RegExp("^("+d.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+h.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+a.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+r.join("|")+")","i")}function Gt(){return this.hours()%12||12}function Vt(){return this.hours()||24}function Ut(t,e){H(t,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),e)})}function qt(t,e){return e._meridiemParse}function Xt(t){return"p"===(t+"").toLowerCase().charAt(0)}function Zt(t,e,i){return t>11?i?"pm":"PM":i?"am":"AM"}function Kt(t){return t?t.toLowerCase().replace("_","-"):t}function Jt(t){for(var e,i,o,n,s=0;s<t.length;){for(n=Kt(t[s]).split("-"),e=n.length,i=Kt(t[s+1]),i=i?i.split("-"):null;e>0;){if(o=$t(n.slice(0,e).join("-")))return o;if(i&&i.length>=e&&w(n,i,!0)>=e-1)break;e--}s++}return null}function $t(e){var i=null;if(!zn[e]&&void 0!==t&&t&&t.exports)try{i=In._abbr;!function(){var t=new Error('Cannot find module "./locale"');throw t.code="MODULE_NOT_FOUND",t}(),Qt(i)}catch(t){}return zn[e]}function Qt(t,e){var i;return t&&(i=s(e)?ie(t):te(t,e))&&(In=i),In._abbr}function te(t,e){if(null!==e){var i=An;if(e.abbr=t,null!=zn[t])S("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),i=zn[t]._config;else if(null!=e.parentLocale){if(null==zn[e.parentLocale])return Ln[e.parentLocale]||(Ln[e.parentLocale]=[]),Ln[e.parentLocale].push({name:t,config:e}),null;i=zn[e.parentLocale]._config}return zn[t]=new O(C(i,e)),Ln[t]&&Ln[t].forEach(function(t){te(t.name,t.config)}),Qt(t),zn[t]}return delete zn[t],null}function ee(t,e){if(null!=e){var i,o=An;null!=zn[t]&&(o=zn[t]._config),e=C(o,e),i=new O(e),i.parentLocale=zn[t],zn[t]=i,Qt(t)}else null!=zn[t]&&(null!=zn[t].parentLocale?zn[t]=zn[t].parentLocale:null!=zn[t]&&delete zn[t]);return zn[t]}function ie(t){var e;if(t&&t._locale&&t._locale._abbr&&(t=t._locale._abbr),!t)return In;if(!i(t)){if(e=$t(t))return e;t=[t]}return Jt(t)}function oe(){return Io(zn)}function ne(t){var e,i=t._a;return i&&-2===p(t).overflow&&(e=i[ln]<0||i[ln]>11?ln:i[un]<1||i[un]>ht(i[dn],i[ln])?un:i[cn]<0||i[cn]>24||24===i[cn]&&(0!==i[pn]||0!==i[fn]||0!==i[mn])?cn:i[pn]<0||i[pn]>59?pn:i[fn]<0||i[fn]>59?fn:i[mn]<0||i[mn]>999?mn:-1,p(t)._overflowDayOfYear&&(e<dn||e>un)&&(e=un),p(t)._overflowWeeks&&-1===e&&(e=vn),p(t)._overflowWeekday&&-1===e&&(e=gn),p(t).overflow=e),t}function se(t,e,i){return null!=t?t:null!=e?e:i}function re(t){var i=new Date(e.now());return t._useUTC?[i.getUTCFullYear(),i.getUTCMonth(),i.getUTCDate()]:[i.getFullYear(),i.getMonth(),i.getDate()]}function ae(t){var e,i,o,n,s=[];if(!t._d){for(o=re(t),t._w&&null==t._a[un]&&null==t._a[ln]&&he(t),null!=t._dayOfYear&&(n=se(t._a[dn],o[dn]),(t._dayOfYear>Q(n)||0===t._dayOfYear)&&(p(t)._overflowDayOfYear=!0),i=_t(n,0,t._dayOfYear),t._a[ln]=i.getUTCMonth(),t._a[un]=i.getUTCDate()),e=0;e<3&&null==t._a[e];++e)t._a[e]=s[e]=o[e];for(;e<7;e++)t._a[e]=s[e]=null==t._a[e]?2===e?1:0:t._a[e];24===t._a[cn]&&0===t._a[pn]&&0===t._a[fn]&&0===t._a[mn]&&(t._nextDay=!0,t._a[cn]=0),t._d=(t._useUTC?_t:bt).apply(null,s),null!=t._tzm&&t._d.setUTCMinutes(t._d.getUTCMinutes()-t._tzm),t._nextDay&&(t._a[cn]=24),t._w&&void 0!==t._w.d&&t._w.d!==t._d.getDay()&&(p(t).weekdayMismatch=!0)}}function he(t){var e,i,o,n,s,r,a,h;if(e=t._w,null!=e.GG||null!=e.W||null!=e.E)s=1,r=4,i=se(e.GG,t._a[dn],kt(De(),1,4).year),o=se(e.W,1),((n=se(e.E,1))<1||n>7)&&(h=!0);else{s=t._locale._week.dow,r=t._locale._week.doy;var d=kt(De(),s,r);i=se(e.gg,t._a[dn],d.year),o=se(e.w,d.week),null!=e.d?((n=e.d)<0||n>6)&&(h=!0):null!=e.e?(n=e.e+s,(e.e<0||e.e>6)&&(h=!0)):n=s}o<1||o>St(i,s,r)?p(t)._overflowWeeks=!0:null!=h?p(t)._overflowWeekday=!0:(a=xt(i,o,n,s,r),t._a[dn]=a.year,t._dayOfYear=a.dayOfYear)}function de(t){var e,i,o,n,s,r,a=t._i,h=Fn.exec(a)||Bn.exec(a);if(h){for(p(t).iso=!0,e=0,i=Hn.length;e<i;e++)if(Hn[e][1].exec(h[1])){n=Hn[e][0],o=!1!==Hn[e][2];break}if(null==n)return void(t._isValid=!1);if(h[3]){for(e=0,i=Wn.length;e<i;e++)if(Wn[e][1].exec(h[3])){s=(h[2]||" ")+Wn[e][0];break}if(null==s)return void(t._isValid=!1)}if(!o&&null!=s)return void(t._isValid=!1);if(h[4]){if(!jn.exec(h[4]))return void(t._isValid=!1);r="Z"}t._f=n+(s||"")+(r||""),ge(t)}else t._isValid=!1}function le(t,e,i,o,n,s){var r=[ue(t),xn.indexOf(e),parseInt(i,10),parseInt(o,10),parseInt(n,10)];return s&&r.push(parseInt(s,10)),r}function ue(t){var e=parseInt(t,10);return e<=49?2e3+e:e<=999?1900+e:e}function ce(t){return t.replace(/\([^)]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").trim()}function pe(t,e,i){if(t){if(Cn.indexOf(t)!==new Date(e[0],e[1],e[2]).getDay())return p(i).weekdayMismatch=!0,i._isValid=!1,!1}return!0}function fe(t,e,i){if(t)return Vn[t];if(e)return 0;var o=parseInt(i,10),n=o%100;return(o-n)/100*60+n}function me(t){var e=Gn.exec(ce(t._i));if(e){var i=le(e[4],e[3],e[2],e[5],e[6],e[7]);if(!pe(e[1],i,t))return;t._a=i,t._tzm=fe(e[8],e[9],e[10]),t._d=_t.apply(null,t._a),t._d.setUTCMinutes(t._d.getUTCMinutes()-t._tzm),p(t).rfc2822=!0}else t._isValid=!1}function ve(t){var i=Yn.exec(t._i);if(null!==i)return void(t._d=new Date(+i[1]));de(t),!1===t._isValid&&(delete t._isValid,me(t),!1===t._isValid&&(delete t._isValid,e.createFromInputFallback(t)))}function ge(t){if(t._f===e.ISO_8601)return void de(t);if(t._f===e.RFC_2822)return void me(t);t._a=[],p(t).empty=!0;var i,o,n,s,r,a=""+t._i,h=a.length,d=0;for(n=V(t._f,t._locale).match(Bo)||[],i=0;i<n.length;i++)s=n[i],o=(a.match(q(s,t))||[])[0],o&&(r=a.substr(0,a.indexOf(o)),r.length>0&&p(t).unusedInput.push(r),a=a.slice(a.indexOf(o)+o.length),d+=o.length),Wo[s]?(o?p(t).empty=!1:p(t).unusedTokens.push(s),$(s,o,t)):t._strict&&!o&&p(t).unusedTokens.push(s);p(t).charsLeftOver=h-d,a.length>0&&p(t).unusedInput.push(a),t._a[cn]<=12&&!0===p(t).bigHour&&t._a[cn]>0&&(p(t).bigHour=void 0),p(t).parsedDateParts=t._a.slice(0),p(t).meridiem=t._meridiem,t._a[cn]=ye(t._locale,t._a[cn],t._meridiem),ae(t),ne(t)}function ye(t,e,i){var o;return null==i?e:null!=t.meridiemHour?t.meridiemHour(e,i):null!=t.isPM?(o=t.isPM(i),o&&e<12&&(e+=12),o||12!==e||(e=0),e):e}function be(t){var e,i,o,n,s;if(0===t._f.length)return p(t).invalidFormat=!0,void(t._d=new Date(NaN));for(n=0;n<t._f.length;n++)s=0,e=v({},t),null!=t._useUTC&&(e._useUTC=t._useUTC),e._f=t._f[n],ge(e),f(e)&&(s+=p(e).charsLeftOver,s+=10*p(e).unusedTokens.length,p(e).score=s,(null==o||s<o)&&(o=s,i=e));l(t,i||e)}function _e(t){if(!t._d){var e=L(t._i);t._a=h([e.year,e.month,e.day||e.date,e.hour,e.minute,e.second,e.millisecond],function(t){return t&&parseInt(t,10)}),ae(t)}}function we(t){var e=new g(ne(xe(t)));return e._nextDay&&(e.add(1,"d"),e._nextDay=void 0),e}function xe(t){var e=t._i,o=t._f;return t._locale=t._locale||ie(t._l),null===e||void 0===o&&""===e?m({nullInput:!0}):("string"==typeof e&&(t._i=e=t._locale.preparse(e)),y(e)?new g(ne(e)):(a(e)?t._d=e:i(o)?be(t):o?ge(t):ke(t),f(t)||(t._d=null),t))}function ke(t){var n=t._i;s(n)?t._d=new Date(e.now()):a(n)?t._d=new Date(n.valueOf()):"string"==typeof n?ve(t):i(n)?(t._a=h(n.slice(0),function(t){return parseInt(t,10)}),ae(t)):o(n)?_e(t):r(n)?t._d=new Date(n):e.createFromInputFallback(t)}function Se(t,e,s,r,a){var h={};return!0!==s&&!1!==s||(r=s,s=void 0),(o(t)&&n(t)||i(t)&&0===t.length)&&(t=void 0),h._isAMomentObject=!0,h._useUTC=h._isUTC=a,h._l=s,h._i=t,h._f=e,h._strict=r,we(h)}function De(t,e,i,o){return Se(t,e,i,o,!1)}function Me(t,e){var o,n;if(1===e.length&&i(e[0])&&(e=e[0]),!e.length)return De();for(o=e[0],n=1;n<e.length;++n)e[n].isValid()&&!e[n][t](o)||(o=e[n]);return o}function Ce(){return Me("isBefore",[].slice.call(arguments,0))}function Oe(){return Me("isAfter",[].slice.call(arguments,0))}function Ee(t){for(var e in t)if(-1===yn.call(Zn,e)||null!=t[e]&&isNaN(t[e]))return!1;for(var i=!1,o=0;o<Zn.length;++o)if(t[Zn[o]]){if(i)return!1;parseFloat(t[Zn[o]])!==_(t[Zn[o]])&&(i=!0)}return!0}function Te(){return this._isValid}function Pe(){return Ke(NaN)}function Ie(t){var e=L(t),i=e.year||0,o=e.quarter||0,n=e.month||0,s=e.week||0,r=e.day||0,a=e.hour||0,h=e.minute||0,d=e.second||0,l=e.millisecond||0;this._isValid=Ee(e),this._milliseconds=+l+1e3*d+6e4*h+1e3*a*60*60,this._days=+r+7*s,this._months=+n+3*o+12*i,this._data={},this._locale=ie(),this._bubble()}function Ne(t){return t instanceof Ie}function Re(t){return t<0?-1*Math.round(-1*t):Math.round(t)}function Ae(t,e){H(t,0,0,function(){var t=this.utcOffset(),i="+";return t<0&&(t=-t,i="-"),i+j(~~(t/60),2)+e+j(~~t%60,2)})}function ze(t,e){var i=(e||"").match(t);if(null===i)return null;var o=i[i.length-1]||[],n=(o+"").match(Kn)||["-",0,0],s=60*n[1]+_(n[2]);return 0===s?0:"+"===n[0]?s:-s}function Le(t,i){var o,n;return i._isUTC?(o=i.clone(),n=(y(t)||a(t)?t.valueOf():De(t).valueOf())-o.valueOf(),o._d.setTime(o._d.valueOf()+n),e.updateOffset(o,!1),o):De(t).local()}function Fe(t){return 15*-Math.round(t._d.getTimezoneOffset()/15)}function Be(t,i,o){var n,s=this._offset||0;if(!this.isValid())return null!=t?this:NaN;if(null!=t){if("string"==typeof t){if(null===(t=ze(nn,t)))return this}else Math.abs(t)<16&&!o&&(t*=60);return!this._isUTC&&i&&(n=Fe(this)),this._offset=t,this._isUTC=!0,null!=n&&this.add(n,"m"),s!==t&&(!i||this._changeInProgress?ei(this,Ke(t-s,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,e.updateOffset(this,!0),this._changeInProgress=null)),this}return this._isUTC?s:Fe(this)}function je(t,e){return null!=t?("string"!=typeof t&&(t=-t),this.utcOffset(t,e),this):-this.utcOffset()}function He(t){return this.utcOffset(0,t)}function We(t){return this._isUTC&&(this.utcOffset(0,t),this._isUTC=!1,t&&this.subtract(Fe(this),"m")),this}function Ye(){if(null!=this._tzm)this.utcOffset(this._tzm,!1,!0);else if("string"==typeof this._i){var t=ze(on,this._i);null!=t?this.utcOffset(t):this.utcOffset(0,!0)}return this}function Ge(t){return!!this.isValid()&&(t=t?De(t).utcOffset():0,(this.utcOffset()-t)%60==0)}function Ve(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()}function Ue(){if(!s(this._isDSTShifted))return this._isDSTShifted;var t={};if(v(t,this),t=xe(t),t._a){var e=t._isUTC?u(t._a):De(t._a);this._isDSTShifted=this.isValid()&&w(t._a,e.toArray())>0}else this._isDSTShifted=!1;return this._isDSTShifted}function qe(){return!!this.isValid()&&!this._isUTC}function Xe(){return!!this.isValid()&&this._isUTC}function Ze(){return!!this.isValid()&&(this._isUTC&&0===this._offset)}function Ke(t,e){var i,o,n,s=t,a=null;return Ne(t)?s={ms:t._milliseconds,d:t._days,M:t._months}:r(t)?(s={},e?s[e]=t:s.milliseconds=t):(a=Jn.exec(t))?(i="-"===a[1]?-1:1,s={y:0,d:_(a[un])*i,h:_(a[cn])*i,m:_(a[pn])*i,s:_(a[fn])*i,ms:_(Re(1e3*a[mn]))*i}):(a=$n.exec(t))?(i="-"===a[1]?-1:(a[1],1),s={y:Je(a[2],i),M:Je(a[3],i),w:Je(a[4],i),d:Je(a[5],i),h:Je(a[6],i),m:Je(a[7],i),s:Je(a[8],i)}):null==s?s={}:"object"==typeof s&&("from"in s||"to"in s)&&(n=Qe(De(s.from),De(s.to)),s={},s.ms=n.milliseconds,s.M=n.months),o=new Ie(s),Ne(t)&&d(t,"_locale")&&(o._locale=t._locale),o}function Je(t,e){var i=t&&parseFloat(t.replace(",","."));return(isNaN(i)?0:i)*e}function $e(t,e){var i={milliseconds:0,months:0};return i.months=e.month()-t.month()+12*(e.year()-t.year()),t.clone().add(i.months,"M").isAfter(e)&&--i.months,i.milliseconds=+e-+t.clone().add(i.months,"M"),i}function Qe(t,e){var i;return t.isValid()&&e.isValid()?(e=Le(e,t),t.isBefore(e)?i=$e(t,e):(i=$e(e,t),i.milliseconds=-i.milliseconds,i.months=-i.months),i):{milliseconds:0,months:0}}function ti(t,e){return function(i,o){var n,s;return null===o||isNaN(+o)||(S(e,"moment()."+e+"(period, number) is deprecated. Please use moment()."+e+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),s=i,i=o,o=s),i="string"==typeof i?+i:i,n=Ke(i,o),ei(this,n,t),this}}function ei(t,i,o,n){var s=i._milliseconds,r=Re(i._days),a=Re(i._months);t.isValid()&&(n=null==n||n,a&&pt(t,ot(t,"Month")+a*o),r&&nt(t,"Date",ot(t,"Date")+r*o),s&&t._d.setTime(t._d.valueOf()+s*o),n&&e.updateOffset(t,r||a))}function ii(t,e){var i=t.diff(e,"days",!0);return i<-6?"sameElse":i<-1?"lastWeek":i<0?"lastDay":i<1?"sameDay":i<2?"nextDay":i<7?"nextWeek":"sameElse"}function oi(t,i){var o=t||De(),n=Le(o,this).startOf("day"),s=e.calendarFormat(this,n)||"sameElse",r=i&&(D(i[s])?i[s].call(this,o):i[s]);return this.format(r||this.localeData().calendar(s,this,De(o)))}function ni(){return new g(this)}function si(t,e){var i=y(t)?t:De(t);return!(!this.isValid()||!i.isValid())&&(e=z(s(e)?"millisecond":e),"millisecond"===e?this.valueOf()>i.valueOf():i.valueOf()<this.clone().startOf(e).valueOf())}function ri(t,e){var i=y(t)?t:De(t);return!(!this.isValid()||!i.isValid())&&(e=z(s(e)?"millisecond":e),"millisecond"===e?this.valueOf()<i.valueOf():this.clone().endOf(e).valueOf()<i.valueOf())}function ai(t,e,i,o){return o=o||"()",("("===o[0]?this.isAfter(t,i):!this.isBefore(t,i))&&(")"===o[1]?this.isBefore(e,i):!this.isAfter(e,i))}function hi(t,e){var i,o=y(t)?t:De(t);return!(!this.isValid()||!o.isValid())&&(e=z(e||"millisecond"),"millisecond"===e?this.valueOf()===o.valueOf():(i=o.valueOf(),this.clone().startOf(e).valueOf()<=i&&i<=this.clone().endOf(e).valueOf()))}function di(t,e){return this.isSame(t,e)||this.isAfter(t,e)}function li(t,e){return this.isSame(t,e)||this.isBefore(t,e)}function ui(t,e,i){var o,n,s;if(!this.isValid())return NaN;if(o=Le(t,this),!o.isValid())return NaN;switch(n=6e4*(o.utcOffset()-this.utcOffset()),e=z(e)){case"year":s=ci(this,o)/12;break;case"month":s=ci(this,o);break;case"quarter":s=ci(this,o)/3;break;case"second":s=(this-o)/1e3;break;case"minute":s=(this-o)/6e4;break;case"hour":s=(this-o)/36e5;break;case"day":s=(this-o-n)/864e5;break;case"week":s=(this-o-n)/6048e5;break;default:s=this-o}return i?s:b(s)}function ci(t,e){var i,o,n=12*(e.year()-t.year())+(e.month()-t.month()),s=t.clone().add(n,"months");return e-s<0?(i=t.clone().add(n-1,"months"),o=(e-s)/(s-i)):(i=t.clone().add(n+1,"months"),o=(e-s)/(i-s)),-(n+o)||0}function pi(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")}function fi(){if(!this.isValid())return null;var t=this.clone().utc();return t.year()<0||t.year()>9999?G(t,"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]"):D(Date.prototype.toISOString)?this.toDate().toISOString():G(t,"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]")}function mi(){if(!this.isValid())return"moment.invalid(/* "+this._i+" */)";var t="moment",e="";this.isLocal()||(t=0===this.utcOffset()?"moment.utc":"moment.parseZone",e="Z");var i="["+t+'("]',o=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",n=e+'[")]';return this.format(i+o+"-MM-DD[T]HH:mm:ss.SSS"+n)}function vi(t){t||(t=this.isUtc()?e.defaultFormatUtc:e.defaultFormat);var i=G(this,t);return this.localeData().postformat(i)}function gi(t,e){return this.isValid()&&(y(t)&&t.isValid()||De(t).isValid())?Ke({to:this,from:t}).locale(this.locale()).humanize(!e):this.localeData().invalidDate()}function yi(t){return this.from(De(),t)}function bi(t,e){return this.isValid()&&(y(t)&&t.isValid()||De(t).isValid())?Ke({from:this,to:t}).locale(this.locale()).humanize(!e):this.localeData().invalidDate()}function _i(t){return this.to(De(),t)}function wi(t){var e;return void 0===t?this._locale._abbr:(e=ie(t),null!=e&&(this._locale=e),this)}function xi(){return this._locale}function ki(t){switch(t=z(t)){case"year":this.month(0);case"quarter":case"month":this.date(1);case"week":case"isoWeek":case"day":case"date":this.hours(0);case"hour":this.minutes(0);case"minute":this.seconds(0);case"second":this.milliseconds(0)}return"week"===t&&this.weekday(0),"isoWeek"===t&&this.isoWeekday(1),"quarter"===t&&this.month(3*Math.floor(this.month()/3)),this}function Si(t){return void 0===(t=z(t))||"millisecond"===t?this:("date"===t&&(t="day"),this.startOf(t).add(1,"isoWeek"===t?"week":t).subtract(1,"ms"))}function Di(){return this._d.valueOf()-6e4*(this._offset||0)}function Mi(){return Math.floor(this.valueOf()/1e3)}function Ci(){return new Date(this.valueOf())}function Oi(){var t=this;return[t.year(),t.month(),t.date(),t.hour(),t.minute(),t.second(),t.millisecond()]}function Ei(){var t=this;return{years:t.year(),months:t.month(),date:t.date(),hours:t.hours(),minutes:t.minutes(),seconds:t.seconds(),milliseconds:t.milliseconds()}}function Ti(){return this.isValid()?this.toISOString():null}function Pi(){return f(this)}function Ii(){return l({},p(this))}function Ni(){return p(this).overflow}function Ri(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}}function Ai(t,e){H(0,[t,t.length],0,e)}function zi(t){return ji.call(this,t,this.week(),this.weekday(),this.localeData()._week.dow,this.localeData()._week.doy)}function Li(t){return ji.call(this,t,this.isoWeek(),this.isoWeekday(),1,4)}function Fi(){return St(this.year(),1,4)}function Bi(){var t=this.localeData()._week;return St(this.year(),t.dow,t.doy)}function ji(t,e,i,o,n){var s;return null==t?kt(this,o,n).year:(s=St(t,o,n),e>s&&(e=s),Hi.call(this,t,e,i,o,n))}function Hi(t,e,i,o,n){var s=xt(t,e,i,o,n),r=_t(s.year,0,s.dayOfYear);return this.year(r.getUTCFullYear()),this.month(r.getUTCMonth()),this.date(r.getUTCDate()),this}function Wi(t){return null==t?Math.ceil((this.month()+1)/3):this.month(3*(t-1)+this.month()%3)}function Yi(t){var e=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==t?e:this.add(t-e,"d")}function Gi(t,e){e[mn]=_(1e3*("0."+t))}function Vi(){return this._isUTC?"UTC":""}function Ui(){return this._isUTC?"Coordinated Universal Time":""}function qi(t){return De(1e3*t)}function Xi(){return De.apply(null,arguments).parseZone()}function Zi(t){return t}function Ki(t,e,i,o){var n=ie(),s=u().set(o,e);return n[i](s,t)}function Ji(t,e,i){if(r(t)&&(e=t,t=void 0),t=t||"",null!=e)return Ki(t,e,i,"month");var o,n=[];for(o=0;o<12;o++)n[o]=Ki(t,o,i,"month");return n}function $i(t,e,i,o){"boolean"==typeof t?(r(e)&&(i=e,e=void 0),e=e||""):(e=t,i=e,t=!1,r(e)&&(i=e,e=void 0),e=e||"");var n=ie(),s=t?n._week.dow:0;if(null!=i)return Ki(e,(i+s)%7,o,"day");var a,h=[];for(a=0;a<7;a++)h[a]=Ki(e,(a+s)%7,o,"day");return h}function Qi(t,e){return Ji(t,e,"months")}function to(t,e){return Ji(t,e,"monthsShort")}function eo(t,e,i){return $i(t,e,i,"weekdays")}function io(t,e,i){return $i(t,e,i,"weekdaysShort")}function oo(t,e,i){return $i(t,e,i,"weekdaysMin")}function no(){var t=this._data;return this._milliseconds=ds(this._milliseconds),this._days=ds(this._days),this._months=ds(this._months),t.milliseconds=ds(t.milliseconds),t.seconds=ds(t.seconds),t.minutes=ds(t.minutes),t.hours=ds(t.hours),t.months=ds(t.months),t.years=ds(t.years),this}function so(t,e,i,o){var n=Ke(e,i);return t._milliseconds+=o*n._milliseconds,t._days+=o*n._days,t._months+=o*n._months,t._bubble()}function ro(t,e){return so(this,t,e,1)}function ao(t,e){return so(this,t,e,-1)}function ho(t){return t<0?Math.floor(t):Math.ceil(t)}function lo(){var t,e,i,o,n,s=this._milliseconds,r=this._days,a=this._months,h=this._data;return s>=0&&r>=0&&a>=0||s<=0&&r<=0&&a<=0||(s+=864e5*ho(co(a)+r),r=0,a=0),h.milliseconds=s%1e3,t=b(s/1e3),h.seconds=t%60,e=b(t/60),h.minutes=e%60,i=b(e/60),h.hours=i%24,r+=b(i/24),n=b(uo(r)),a+=n,
-r-=ho(co(n)),o=b(a/12),a%=12,h.days=r,h.months=a,h.years=o,this}function uo(t){return 4800*t/146097}function co(t){return 146097*t/4800}function po(t){if(!this.isValid())return NaN;var e,i,o=this._milliseconds;if("month"===(t=z(t))||"year"===t)return e=this._days+o/864e5,i=this._months+uo(e),"month"===t?i:i/12;switch(e=this._days+Math.round(co(this._months)),t){case"week":return e/7+o/6048e5;case"day":return e+o/864e5;case"hour":return 24*e+o/36e5;case"minute":return 1440*e+o/6e4;case"second":return 86400*e+o/1e3;case"millisecond":return Math.floor(864e5*e)+o;default:throw new Error("Unknown unit "+t)}}function fo(){return this.isValid()?this._milliseconds+864e5*this._days+this._months%12*2592e6+31536e6*_(this._months/12):NaN}function mo(t){return function(){return this.as(t)}}function vo(){return Ke(this)}function go(t){return t=z(t),this.isValid()?this[t+"s"]():NaN}function yo(t){return function(){return this.isValid()?this._data[t]:NaN}}function bo(){return b(this.days()/7)}function _o(t,e,i,o,n){return n.relativeTime(e||1,!!i,t,o)}function wo(t,e,i){var o=Ke(t).abs(),n=Ds(o.as("s")),s=Ds(o.as("m")),r=Ds(o.as("h")),a=Ds(o.as("d")),h=Ds(o.as("M")),d=Ds(o.as("y")),l=n<=Ms.ss&&["s",n]||n<Ms.s&&["ss",n]||s<=1&&["m"]||s<Ms.m&&["mm",s]||r<=1&&["h"]||r<Ms.h&&["hh",r]||a<=1&&["d"]||a<Ms.d&&["dd",a]||h<=1&&["M"]||h<Ms.M&&["MM",h]||d<=1&&["y"]||["yy",d];return l[2]=e,l[3]=+t>0,l[4]=i,_o.apply(null,l)}function xo(t){return void 0===t?Ds:"function"==typeof t&&(Ds=t,!0)}function ko(t,e){return void 0!==Ms[t]&&(void 0===e?Ms[t]:(Ms[t]=e,"s"===t&&(Ms.ss=e-1),!0))}function So(t){if(!this.isValid())return this.localeData().invalidDate();var e=this.localeData(),i=wo(this,!t,e);return t&&(i=e.pastFuture(+this,i)),e.postformat(i)}function Do(t){return(t>0)-(t<0)||+t}function Mo(){if(!this.isValid())return this.localeData().invalidDate();var t,e,i,o=Cs(this._milliseconds)/1e3,n=Cs(this._days),s=Cs(this._months);t=b(o/60),e=b(t/60),o%=60,t%=60,i=b(s/12),s%=12;var r=i,a=s,h=n,d=e,l=t,u=o?o.toFixed(3).replace(/\.?0+$/,""):"",c=this.asSeconds();if(!c)return"P0D";var p=c<0?"-":"",f=Do(this._months)!==Do(c)?"-":"",m=Do(this._days)!==Do(c)?"-":"",v=Do(this._milliseconds)!==Do(c)?"-":"";return p+"P"+(r?f+r+"Y":"")+(a?f+a+"M":"")+(h?m+h+"D":"")+(d||l||u?"T":"")+(d?v+d+"H":"")+(l?v+l+"M":"")+(u?v+u+"S":"")}var Co,Oo;Oo=Array.prototype.some?Array.prototype.some:function(t){for(var e=Object(this),i=e.length>>>0,o=0;o<i;o++)if(o in e&&t.call(this,e[o],o,e))return!0;return!1};var Eo=e.momentProperties=[],To=!1,Po={};e.suppressDeprecationWarnings=!1,e.deprecationHandler=null;var Io;Io=Object.keys?Object.keys:function(t){var e,i=[];for(e in t)d(t,e)&&i.push(e);return i};var No={sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},Ro={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},Ao=/\d{1,2}/,zo={future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},Lo={},Fo={},Bo=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,jo=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,Ho={},Wo={},Yo=/\d/,Go=/\d\d/,Vo=/\d{3}/,Uo=/\d{4}/,qo=/[+-]?\d{6}/,Xo=/\d\d?/,Zo=/\d\d\d\d?/,Ko=/\d\d\d\d\d\d?/,Jo=/\d{1,3}/,$o=/\d{1,4}/,Qo=/[+-]?\d{1,6}/,tn=/\d+/,en=/[+-]?\d+/,on=/Z|[+-]\d\d:?\d\d/gi,nn=/Z|[+-]\d\d(?::?\d\d)?/gi,sn=/[+-]?\d+(\.\d{1,3})?/,rn=/[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i,an={},hn={},dn=0,ln=1,un=2,cn=3,pn=4,fn=5,mn=6,vn=7,gn=8;H("Y",0,0,function(){var t=this.year();return t<=9999?""+t:"+"+t}),H(0,["YY",2],0,function(){return this.year()%100}),H(0,["YYYY",4],0,"year"),H(0,["YYYYY",5],0,"year"),H(0,["YYYYYY",6,!0],0,"year"),A("year","y"),F("year",1),U("Y",en),U("YY",Xo,Go),U("YYYY",$o,Uo),U("YYYYY",Qo,qo),U("YYYYYY",Qo,qo),K(["YYYYY","YYYYYY"],dn),K("YYYY",function(t,i){i[dn]=2===t.length?e.parseTwoDigitYear(t):_(t)}),K("YY",function(t,i){i[dn]=e.parseTwoDigitYear(t)}),K("Y",function(t,e){e[dn]=parseInt(t,10)}),e.parseTwoDigitYear=function(t){return _(t)+(_(t)>68?1900:2e3)};var yn,bn=it("FullYear",!0);yn=Array.prototype.indexOf?Array.prototype.indexOf:function(t){var e;for(e=0;e<this.length;++e)if(this[e]===t)return e;return-1},H("M",["MM",2],"Mo",function(){return this.month()+1}),H("MMM",0,0,function(t){return this.localeData().monthsShort(this,t)}),H("MMMM",0,0,function(t){return this.localeData().months(this,t)}),A("month","M"),F("month",8),U("M",Xo),U("MM",Xo,Go),U("MMM",function(t,e){return e.monthsShortRegex(t)}),U("MMMM",function(t,e){return e.monthsRegex(t)}),K(["M","MM"],function(t,e){e[ln]=_(t)-1}),K(["MMM","MMMM"],function(t,e,i,o){var n=i._locale.monthsParse(t,o,i._strict);null!=n?e[ln]=n:p(i).invalidMonth=t});var _n=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,wn="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),xn="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),kn=rn,Sn=rn;H("w",["ww",2],"wo","week"),H("W",["WW",2],"Wo","isoWeek"),A("week","w"),A("isoWeek","W"),F("week",5),F("isoWeek",5),U("w",Xo),U("ww",Xo,Go),U("W",Xo),U("WW",Xo,Go),J(["w","ww","W","WW"],function(t,e,i,o){e[o.substr(0,1)]=_(t)});var Dn={dow:0,doy:6};H("d",0,"do","day"),H("dd",0,0,function(t){return this.localeData().weekdaysMin(this,t)}),H("ddd",0,0,function(t){return this.localeData().weekdaysShort(this,t)}),H("dddd",0,0,function(t){return this.localeData().weekdays(this,t)}),H("e",0,0,"weekday"),H("E",0,0,"isoWeekday"),A("day","d"),A("weekday","e"),A("isoWeekday","E"),F("day",11),F("weekday",11),F("isoWeekday",11),U("d",Xo),U("e",Xo),U("E",Xo),U("dd",function(t,e){return e.weekdaysMinRegex(t)}),U("ddd",function(t,e){return e.weekdaysShortRegex(t)}),U("dddd",function(t,e){return e.weekdaysRegex(t)}),J(["dd","ddd","dddd"],function(t,e,i,o){var n=i._locale.weekdaysParse(t,o,i._strict);null!=n?e.d=n:p(i).invalidWeekday=t}),J(["d","e","E"],function(t,e,i,o){e[o]=_(t)});var Mn="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),Cn="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),On="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),En=rn,Tn=rn,Pn=rn;H("H",["HH",2],0,"hour"),H("h",["hh",2],0,Gt),H("k",["kk",2],0,Vt),H("hmm",0,0,function(){return""+Gt.apply(this)+j(this.minutes(),2)}),H("hmmss",0,0,function(){return""+Gt.apply(this)+j(this.minutes(),2)+j(this.seconds(),2)}),H("Hmm",0,0,function(){return""+this.hours()+j(this.minutes(),2)}),H("Hmmss",0,0,function(){return""+this.hours()+j(this.minutes(),2)+j(this.seconds(),2)}),Ut("a",!0),Ut("A",!1),A("hour","h"),F("hour",13),U("a",qt),U("A",qt),U("H",Xo),U("h",Xo),U("k",Xo),U("HH",Xo,Go),U("hh",Xo,Go),U("kk",Xo,Go),U("hmm",Zo),U("hmmss",Ko),U("Hmm",Zo),U("Hmmss",Ko),K(["H","HH"],cn),K(["k","kk"],function(t,e,i){var o=_(t);e[cn]=24===o?0:o}),K(["a","A"],function(t,e,i){i._isPm=i._locale.isPM(t),i._meridiem=t}),K(["h","hh"],function(t,e,i){e[cn]=_(t),p(i).bigHour=!0}),K("hmm",function(t,e,i){var o=t.length-2;e[cn]=_(t.substr(0,o)),e[pn]=_(t.substr(o)),p(i).bigHour=!0}),K("hmmss",function(t,e,i){var o=t.length-4,n=t.length-2;e[cn]=_(t.substr(0,o)),e[pn]=_(t.substr(o,2)),e[fn]=_(t.substr(n)),p(i).bigHour=!0}),K("Hmm",function(t,e,i){var o=t.length-2;e[cn]=_(t.substr(0,o)),e[pn]=_(t.substr(o))}),K("Hmmss",function(t,e,i){var o=t.length-4,n=t.length-2;e[cn]=_(t.substr(0,o)),e[pn]=_(t.substr(o,2)),e[fn]=_(t.substr(n))});var In,Nn=/[ap]\.?m?\.?/i,Rn=it("Hours",!0),An={calendar:No,longDateFormat:Ro,invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:Ao,relativeTime:zo,months:wn,monthsShort:xn,week:Dn,weekdays:Mn,weekdaysMin:On,weekdaysShort:Cn,meridiemParse:Nn},zn={},Ln={},Fn=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,Bn=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,jn=/Z|[+-]\d\d(?::?\d\d)?/,Hn=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/]],Wn=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],Yn=/^\/?Date\((\-?\d+)/i,Gn=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,Vn={UT:0,GMT:0,EDT:-240,EST:-300,CDT:-300,CST:-360,MDT:-360,MST:-420,PDT:-420,PST:-480};e.createFromInputFallback=k("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(t){t._d=new Date(t._i+(t._useUTC?" UTC":""))}),e.ISO_8601=function(){},e.RFC_2822=function(){};var Un=k("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var t=De.apply(null,arguments);return this.isValid()&&t.isValid()?t<this?this:t:m()}),qn=k("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var t=De.apply(null,arguments);return this.isValid()&&t.isValid()?t>this?this:t:m()}),Xn=function(){return Date.now?Date.now():+new Date},Zn=["year","quarter","month","week","day","hour","minute","second","millisecond"];Ae("Z",":"),Ae("ZZ",""),U("Z",nn),U("ZZ",nn),K(["Z","ZZ"],function(t,e,i){i._useUTC=!0,i._tzm=ze(nn,t)});var Kn=/([\+\-]|\d\d)/gi;e.updateOffset=function(){};var Jn=/^(\-|\+)?(?:(\d*)[. ])?(\d+)\:(\d+)(?:\:(\d+)(\.\d*)?)?$/,$n=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;Ke.fn=Ie.prototype,Ke.invalid=Pe;var Qn=ti(1,"add"),ts=ti(-1,"subtract");e.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",e.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";var es=k("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(t){return void 0===t?this.localeData():this.locale(t)});H(0,["gg",2],0,function(){return this.weekYear()%100}),H(0,["GG",2],0,function(){return this.isoWeekYear()%100}),Ai("gggg","weekYear"),Ai("ggggg","weekYear"),Ai("GGGG","isoWeekYear"),Ai("GGGGG","isoWeekYear"),A("weekYear","gg"),A("isoWeekYear","GG"),F("weekYear",1),F("isoWeekYear",1),U("G",en),U("g",en),U("GG",Xo,Go),U("gg",Xo,Go),U("GGGG",$o,Uo),U("gggg",$o,Uo),U("GGGGG",Qo,qo),U("ggggg",Qo,qo),J(["gggg","ggggg","GGGG","GGGGG"],function(t,e,i,o){e[o.substr(0,2)]=_(t)}),J(["gg","GG"],function(t,i,o,n){i[n]=e.parseTwoDigitYear(t)}),H("Q",0,"Qo","quarter"),A("quarter","Q"),F("quarter",7),U("Q",Yo),K("Q",function(t,e){e[ln]=3*(_(t)-1)}),H("D",["DD",2],"Do","date"),A("date","D"),F("date",9),U("D",Xo),U("DD",Xo,Go),U("Do",function(t,e){return t?e._dayOfMonthOrdinalParse||e._ordinalParse:e._dayOfMonthOrdinalParseLenient}),K(["D","DD"],un),K("Do",function(t,e){e[un]=_(t.match(Xo)[0],10)});var is=it("Date",!0);H("DDD",["DDDD",3],"DDDo","dayOfYear"),A("dayOfYear","DDD"),F("dayOfYear",4),U("DDD",Jo),U("DDDD",Vo),K(["DDD","DDDD"],function(t,e,i){i._dayOfYear=_(t)}),H("m",["mm",2],0,"minute"),A("minute","m"),F("minute",14),U("m",Xo),U("mm",Xo,Go),K(["m","mm"],pn);var os=it("Minutes",!1);H("s",["ss",2],0,"second"),A("second","s"),F("second",15),U("s",Xo),U("ss",Xo,Go),K(["s","ss"],fn);var ns=it("Seconds",!1);H("S",0,0,function(){return~~(this.millisecond()/100)}),H(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),H(0,["SSS",3],0,"millisecond"),H(0,["SSSS",4],0,function(){return 10*this.millisecond()}),H(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),H(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),H(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),H(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),H(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),A("millisecond","ms"),F("millisecond",16),U("S",Jo,Yo),U("SS",Jo,Go),U("SSS",Jo,Vo);var ss;for(ss="SSSS";ss.length<=9;ss+="S")U(ss,tn);for(ss="S";ss.length<=9;ss+="S")K(ss,Gi);var rs=it("Milliseconds",!1);H("z",0,0,"zoneAbbr"),H("zz",0,0,"zoneName");var as=g.prototype;as.add=Qn,as.calendar=oi,as.clone=ni,as.diff=ui,as.endOf=Si,as.format=vi,as.from=gi,as.fromNow=yi,as.to=bi,as.toNow=_i,as.get=st,as.invalidAt=Ni,as.isAfter=si,as.isBefore=ri,as.isBetween=ai,as.isSame=hi,as.isSameOrAfter=di,as.isSameOrBefore=li,as.isValid=Pi,as.lang=es,as.locale=wi,as.localeData=xi,as.max=qn,as.min=Un,as.parsingFlags=Ii,as.set=rt,as.startOf=ki,as.subtract=ts,as.toArray=Oi,as.toObject=Ei,as.toDate=Ci,as.toISOString=fi,as.inspect=mi,as.toJSON=Ti,as.toString=pi,as.unix=Mi,as.valueOf=Di,as.creationData=Ri,as.year=bn,as.isLeapYear=et,as.weekYear=zi,as.isoWeekYear=Li,as.quarter=as.quarters=Wi,as.month=ft,as.daysInMonth=mt,as.week=as.weeks=Ot,as.isoWeek=as.isoWeeks=Et,as.weeksInYear=Bi,as.isoWeeksInYear=Fi,as.date=is,as.day=as.days=Lt,as.weekday=Ft,as.isoWeekday=Bt,as.dayOfYear=Yi,as.hour=as.hours=Rn,as.minute=as.minutes=os,as.second=as.seconds=ns,as.millisecond=as.milliseconds=rs,as.utcOffset=Be,as.utc=He,as.local=We,as.parseZone=Ye,as.hasAlignedHourOffset=Ge,as.isDST=Ve,as.isLocal=qe,as.isUtcOffset=Xe,as.isUtc=Ze,as.isUTC=Ze,as.zoneAbbr=Vi,as.zoneName=Ui,as.dates=k("dates accessor is deprecated. Use date instead.",is),as.months=k("months accessor is deprecated. Use month instead",ft),as.years=k("years accessor is deprecated. Use year instead",bn),as.zone=k("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",je),as.isDSTShifted=k("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",Ue);var hs=O.prototype;hs.calendar=E,hs.longDateFormat=T,hs.invalidDate=P,hs.ordinal=I,hs.preparse=Zi,hs.postformat=Zi,hs.relativeTime=N,hs.pastFuture=R,hs.set=M,hs.months=dt,hs.monthsShort=lt,hs.monthsParse=ct,hs.monthsRegex=gt,hs.monthsShortRegex=vt,hs.week=Dt,hs.firstDayOfYear=Ct,hs.firstDayOfWeek=Mt,hs.weekdays=It,hs.weekdaysMin=Rt,hs.weekdaysShort=Nt,hs.weekdaysParse=zt,hs.weekdaysRegex=jt,hs.weekdaysShortRegex=Ht,hs.weekdaysMinRegex=Wt,hs.isPM=Xt,hs.meridiem=Zt,Qt("en",{dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(t){var e=t%10;return t+(1===_(t%100/10)?"th":1===e?"st":2===e?"nd":3===e?"rd":"th")}}),e.lang=k("moment.lang is deprecated. Use moment.locale instead.",Qt),e.langData=k("moment.langData is deprecated. Use moment.localeData instead.",ie);var ds=Math.abs,ls=mo("ms"),us=mo("s"),cs=mo("m"),ps=mo("h"),fs=mo("d"),ms=mo("w"),vs=mo("M"),gs=mo("y"),ys=yo("milliseconds"),bs=yo("seconds"),_s=yo("minutes"),ws=yo("hours"),xs=yo("days"),ks=yo("months"),Ss=yo("years"),Ds=Math.round,Ms={ss:44,s:45,m:45,h:22,d:26,M:11},Cs=Math.abs,Os=Ie.prototype;return Os.isValid=Te,Os.abs=no,Os.add=ro,Os.subtract=ao,Os.as=po,Os.asMilliseconds=ls,Os.asSeconds=us,Os.asMinutes=cs,Os.asHours=ps,Os.asDays=fs,Os.asWeeks=ms,Os.asMonths=vs,Os.asYears=gs,Os.valueOf=fo,Os._bubble=lo,Os.clone=vo,Os.get=go,Os.milliseconds=ys,Os.seconds=bs,Os.minutes=_s,Os.hours=ws,Os.days=xs,Os.weeks=bo,Os.months=ks,Os.years=Ss,Os.humanize=So,Os.toISOString=Mo,Os.toString=Mo,Os.toJSON=Mo,Os.locale=wi,Os.localeData=xi,Os.toIsoString=k("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",Mo),Os.lang=es,H("X",0,0,"unix"),H("x",0,0,"valueOf"),U("x",en),U("X",sn),K("X",function(t,e,i){i._d=new Date(1e3*parseFloat(t,10))}),K("x",function(t,e,i){i._d=new Date(_(t))}),e.version="2.19.1",function(t){Co=t}(De),e.fn=as,e.min=Ce,e.max=Oe,e.now=Xn,e.utc=u,e.unix=qi,e.months=Qi,e.isDate=a,e.locale=Qt,e.invalid=m,e.duration=Ke,e.isMoment=y,e.weekdays=eo,e.parseZone=Xi,e.localeData=ie,e.isDuration=Ne,e.monthsShort=to,e.weekdaysMin=oo,e.defineLocale=te,e.updateLocale=ee,e.locales=oe,e.weekdaysShort=io,e.normalizeUnits=z,e.relativeTimeRounding=xo,e.relativeTimeThreshold=ko,e.calendarFormat=ii,e.prototype=as,e})}).call(e,i(155)(t))},function(t,e){t.exports=function(t){return t.webpackPolyfill||(t.deprecate=function(){},t.paths=[],t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),t.webpackPolyfill=1),t}},function(t,e){function i(t){throw new Error("Cannot find module '"+t+"'.")}i.keys=function(){return[]},i.resolve=i,t.exports=i,i.id=156},function(t,e,i){(function(e){function i(t,e,i){var o=e&&i||0,n=0;for(e=e||[],t.toLowerCase().replace(/[0-9a-f]{2}/g,function(t){n<16&&(e[o+n++]=u[t])});n<16;)e[o+n++]=0;return e}function o(t,e){var i=e||0,o=l;return o[t[i++]]+o[t[i++]]+o[t[i++]]+o[t[i++]]+"-"+o[t[i++]]+o[t[i++]]+"-"+o[t[i++]]+o[t[i++]]+"-"+o[t[i++]]+o[t[i++]]+"-"+o[t[i++]]+o[t[i++]]+o[t[i++]]+o[t[i++]]+o[t[i++]]+o[t[i++]]}function n(t,e,i){var n=e&&i||0,s=e||[];t=t||{};var r=void 0!==t.clockseq?t.clockseq:m,a=void 0!==t.msecs?t.msecs:(new Date).getTime(),h=void 0!==t.nsecs?t.nsecs:g+1,d=a-v+(h-g)/1e4;if(d<0&&void 0===t.clockseq&&(r=r+1&16383),(d<0||a>v)&&void 0===t.nsecs&&(h=0),h>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");v=a,g=h,m=r,a+=122192928e5;var l=(1e4*(268435455&a)+h)%4294967296;s[n++]=l>>>24&255,s[n++]=l>>>16&255,s[n++]=l>>>8&255,s[n++]=255&l;var u=a/4294967296*1e4&268435455;s[n++]=u>>>8&255,s[n++]=255&u,s[n++]=u>>>24&15|16,s[n++]=u>>>16&255,s[n++]=r>>>8|128,s[n++]=255&r;for(var c=t.node||f,p=0;p<6;p++)s[n+p]=c[p];return e||o(s)}function s(t,e,i){var n=e&&i||0;"string"==typeof t&&(e="binary"==t?new Array(16):null,t=null),t=t||{};var s=t.random||(t.rng||r)();if(s[6]=15&s[6]|64,s[8]=63&s[8]|128,e)for(var a=0;a<16;a++)e[n+a]=s[a];return e||o(s)}var r,a="undefined"!=typeof window?window:void 0!==e?e:null;if(a&&a.crypto&&crypto.getRandomValues){var h=new Uint8Array(16);r=function(){return crypto.getRandomValues(h),h}}if(!r){var d=new Array(16);r=function(){for(var t,e=0;e<16;e++)0==(3&e)&&(t=4294967296*Math.random()),d[e]=t>>>((3&e)<<3)&255;return d}}for(var l=[],u={},c=0;c<256;c++)l[c]=(c+256).toString(16).substr(1),u[l[c]]=c;var p=r(),f=[1|p[0],p[1],p[2],p[3],p[4],p[5]],m=16383&(p[6]<<8|p[7]),v=0,g=0,y=s;y.v1=n,y.v4=s,y.parse=i,y.unparse=o,t.exports=y}).call(e,i(158))},function(t,e){var i;i=function(){return this}();try{i=i||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(i=window)}t.exports=i},function(t,e,i){e.util=i(2),e.DOMutil=i(14),e.DataSet=i(11),e.DataView=i(12),e.Queue=i(43),e.Graph3d=i(161),e.graph3d={Camera:i(95),Filter:i(96),Point2d:i(91),Point3d:i(34),Slider:i(92),StepNumber:i(93)},e.moment=i(9),e.Hammer=i(10),e.keycharm=i(35)},function(t,e,i){var o=i(7),n=o.JSON||(o.JSON={stringify:JSON.stringify});t.exports=function(t){return n.stringify.apply(n,arguments)}},function(t,e,i){function o(t,e,i){if(!(this instanceof o))throw new SyntaxError("Constructor must be called with the new operator");this.containerElement=t,this.dataGroup=new _,this.dataPoints=null,this.create(),f.setDefaults(o.DEFAULTS,this),this.colX=void 0,this.colY=void 0,this.colZ=void 0,this.colValue=void 0,this.setOptions(i),this.setData(e)}function n(t){return"clientX"in t?t.clientX:t.targetTouches[0]&&t.targetTouches[0].clientX||0}function s(t){return"clientY"in t?t.clientY:t.targetTouches[0]&&t.targetTouches[0].clientY||0}var r=i(90),a=function(t){return t&&t.__esModule?t:{default:t}}(r),h=i(44),d=i(2),l=i(34),u=i(91),c=i(92),p=i(93),f=i(94),m=i(15).default,v=i(15),g=v.printStyle,y=i(172),b=y.allOptions,_=i(173);o.STYLE=f.STYLE;o.DEFAULTS={width:"400px",height:"400px",filterLabel:"time",legendLabel:"value",xLabel:"x",yLabel:"y",zLabel:"z",xValueLabel:function(t){return t},yValueLabel:function(t){return t},zValueLabel:function(t){return t},showXAxis:!0,showYAxis:!0,showZAxis:!0,showGrid:!0,showPerspective:!0,showShadow:!1,keepAspectRatio:!0,verticalRatio:.5,dotSizeRatio:.02,dotSizeMinFraction:.5,dotSizeMaxFraction:2.5,showAnimationControls:void 0,animationInterval:1e3,animationPreload:!1,animationAutoStart:void 0,axisColor:"#4D4D4D",gridColor:"#D3D3D3",xCenter:"55%",yCenter:"50%",style:o.STYLE.DOT,tooltip:!1,tooltipStyle:{content:{padding:"10px",border:"1px solid #4d4d4d",color:"#1a1a1a",background:"rgba(255,255,255,0.7)",borderRadius:"2px",boxShadow:"5px 5px 10px rgba(128,128,128,0.5)"},line:{height:"40px",width:"0",borderLeft:"1px solid #4d4d4d"},dot:{height:"0",width:"0",border:"5px solid #4d4d4d",borderRadius:"5px"}},dataColor:{fill:"#7DC1FF",stroke:"#3267D2",strokeWidth:1},cameraPosition:{horizontal:1,vertical:.5,distance:1.7},showLegend:void 0,backgroundColor:void 0,xBarWidth:void 0,yBarWidth:void 0,valueMin:void 0,valueMax:void 0,xMin:void 0,xMax:void 0,xStep:void 0,yMin:void 0,yMax:void 0,yStep:void 0,zMin:void 0,zMax:void 0,zStep:void 0},h(o.prototype),o.prototype._setScale=function(){this.scale=new l(1/this.xRange.range(),1/this.yRange.range(),1/this.zRange.range()),this.keepAspectRatio&&(this.scale.x<this.scale.y?this.scale.y=this.scale.x:this.scale.x=this.scale.y),this.scale.z*=this.verticalRatio,void 0!==this.valueRange&&(this.scale.value=1/this.valueRange.range());var t=this.xRange.center()*this.scale.x,e=this.yRange.center()*this.scale.y,i=this.zRange.center()*this.scale.z;this.camera.setArmLocation(t,e,i)},o.prototype._convert3Dto2D=function(t){var e=this._convertPointToTranslation(t);return this._convertTranslationToScreen(e)},o.prototype._convertPointToTranslation=function(t){var e=this.camera.getCameraLocation(),i=this.camera.getCameraRotation(),o=t.x*this.scale.x,n=t.y*this.scale.y,s=t.z*this.scale.z,r=e.x,a=e.y,h=e.z,d=Math.sin(i.x),u=Math.cos(i.x),c=Math.sin(i.y),p=Math.cos(i.y),f=Math.sin(i.z),m=Math.cos(i.z);return new l(p*(f*(n-a)+m*(o-r))-c*(s-h),d*(p*(s-h)+c*(f*(n-a)+m*(o-r)))+u*(m*(n-a)-f*(o-r)),u*(p*(s-h)+c*(f*(n-a)+m*(o-r)))-d*(m*(n-a)-f*(o-r)))},o.prototype._convertTranslationToScreen=function(t){var e,i,o=this.eye.x,n=this.eye.y,s=this.eye.z,r=t.x,a=t.y,h=t.z;return this.showPerspective?(e=s/h*(r-o),i=s/h*(a-n)):(e=r*(-s/this.camera.getArmLength()),i=a*(-s/this.camera.getArmLength())),new u(this.currentXCenter+e*this.frame.canvas.clientWidth,this.currentYCenter-i*this.frame.canvas.clientWidth)},o.prototype._calcTranslations=function(t){for(var e=0;e<t.length;e++){var i=t[e];i.trans=this._convertPointToTranslation(i.point),i.screen=this._convertTranslationToScreen(i.trans);var o=this._convertPointToTranslation(i.bottom);i.dist=this.showPerspective?o.length():-o.z}var n=function(t,e){return e.dist-t.dist};t.sort(n)},o.prototype._initializeRanges=function(){var t=this.dataGroup;this.xRange=t.xRange,this.yRange=t.yRange,this.zRange=t.zRange,this.valueRange=t.valueRange,this.xStep=t.xStep,this.yStep=t.yStep,this.zStep=t.zStep,this.xBarWidth=t.xBarWidth,this.yBarWidth=t.yBarWidth,this.colX=t.colX,this.colY=t.colY,this.colZ=t.colZ,this.colValue=t.colValue,this._setScale()},o.prototype.getDataPoints=function(t){for(var e=[],i=0;i<t.length;i++){var o=new l;o.x=t[i][this.colX]||0,o.y=t[i][this.colY]||0,o.z=t[i][this.colZ]||0,o.data=t[i],void 0!==this.colValue&&(o.value=t[i][this.colValue]||0);var n={};n.point=o,n.bottom=new l(o.x,o.y,this.zRange.min),n.trans=void 0,n.screen=void 0,e.push(n)}return e},o.prototype._getDataPoints=function(t){var e,i,n,s,r=[];if(this.style===o.STYLE.GRID||this.style===o.STYLE.SURFACE){var a=this.dataGroup.getDistinctValues(this.colX,t),h=this.dataGroup.getDistinctValues(this.colY,t);r=this.getDataPoints(t);var d=[];for(n=0;n<r.length;n++){s=r[n];var l=a.indexOf(s.point.x),u=h.indexOf(s.point.y);void 0===d[l]&&(d[l]=[]),d[l][u]=s}for(e=0;e<d.length;e++)for(i=0;i<d[e].length;i++)d[e][i]&&(d[e][i].pointRight=e<d.length-1?d[e+1][i]:void 0,d[e][i].pointTop=i<d[e].length-1?d[e][i+1]:void 0,d[e][i].pointCross=e<d.length-1&&i<d[e].length-1?d[e+1][i+1]:void 0)}else if(this._checkValueField(t),r=this.getDataPoints(t),this.style===o.STYLE.LINE)for(n=0;n<r.length;n++)n>0&&(r[n-1].pointNext=r[n]);return r},o.prototype.create=function(){for(;this.containerElement.hasChildNodes();)this.containerElement.removeChild(this.containerElement.firstChild);this.frame=document.createElement("div"),this.frame.style.position="relative",this.frame.style.overflow="hidden",this.frame.canvas=document.createElement("canvas"),this.frame.canvas.style.position="relative",this.frame.appendChild(this.frame.canvas);var t=document.createElement("DIV");t.style.color="red",t.style.fontWeight="bold",t.style.padding="10px",t.innerHTML="Error: your browser does not support HTML canvas",this.frame.canvas.appendChild(t),this.frame.filter=document.createElement("div"),this.frame.filter.style.position="absolute",this.frame.filter.style.bottom="0px",this.frame.filter.style.left="0px",this.frame.filter.style.width="100%",this.frame.appendChild(this.frame.filter);var e=this,i=function(t){e._onMouseDown(t)},o=function(t){e._onTouchStart(t)},n=function(t){e._onWheel(t)},s=function(t){e._onTooltip(t)},r=function(t){e._onClick(t)};d.addEventListener(this.frame.canvas,"mousedown",i),d.addEventListener(this.frame.canvas,"touchstart",o),d.addEventListener(this.frame.canvas,"mousewheel",n),d.addEventListener(this.frame.canvas,"mousemove",s),d.addEventListener(this.frame.canvas,"click",r),this.containerElement.appendChild(this.frame)},o.prototype._setSize=function(t,e){this.frame.style.width=t,this.frame.style.height=e,this._resizeCanvas()},o.prototype._resizeCanvas=function(){this.frame.canvas.style.width="100%",this.frame.canvas.style.height="100%",this.frame.canvas.width=this.frame.canvas.clientWidth,this.frame.canvas.height=this.frame.canvas.clientHeight,this.frame.filter.style.width=this.frame.canvas.clientWidth-20+"px"},o.prototype.animationStart=function(){if(this.animationAutoStart&&this.dataGroup.dataFilter){if(!this.frame.filter||!this.frame.filter.slider)throw new Error("No animation available");this.frame.filter.slider.play()}},o.prototype.animationStop=function(){this.frame.filter&&this.frame.filter.slider&&this.frame.filter.slider.stop()},o.prototype._resizeCenter=function(){"%"===this.xCenter.charAt(this.xCenter.length-1)?this.currentXCenter=parseFloat(this.xCenter)/100*this.frame.canvas.clientWidth:this.currentXCenter=parseFloat(this.xCenter),"%"===this.yCenter.charAt(this.yCenter.length-1)?this.currentYCenter=parseFloat(this.yCenter)/100*(this.frame.canvas.clientHeight-this.frame.filter.clientHeight):this.currentYCenter=parseFloat(this.yCenter)},o.prototype.getCameraPosition=function(){var t=this.camera.getArmRotation();return t.distance=this.camera.getArmLength(),t},o.prototype._readData=function(t){this.dataPoints=this.dataGroup.initializeData(this,t,this.style),this._initializeRanges(),this._redrawFilter()},o.prototype.setData=function(t){void 0!==t&&null!==t&&(this._readData(t),this.redraw(),this.animationStart())},o.prototype.setOptions=function(t){if(void 0!==t){!0===m.validate(t,b)&&console.log("%cErrors have been found in the supplied options object.",g),this.animationStop(),f.setOptions(t,this),this.setPointDrawingMethod(),this._setSize(this.width,this.height),this.setData(this.dataGroup.getDataTable()),this.animationStart()}},o.prototype.setPointDrawingMethod=function(){var t=void 0;switch(this.style){case o.STYLE.BAR:t=o.prototype._redrawBarGraphPoint;break;case o.STYLE.BARCOLOR:t=o.prototype._redrawBarColorGraphPoint;break;case o.STYLE.BARSIZE:t=o.prototype._redrawBarSizeGraphPoint;break;case o.STYLE.DOT:t=o.prototype._redrawDotGraphPoint;break;case o.STYLE.DOTLINE:t=o.prototype._redrawDotLineGraphPoint;break;case o.STYLE.DOTCOLOR:t=o.prototype._redrawDotColorGraphPoint;break;case o.STYLE.DOTSIZE:t=o.prototype._redrawDotSizeGraphPoint;break;case o.STYLE.SURFACE:t=o.prototype._redrawSurfaceGraphPoint;break;case o.STYLE.GRID:t=o.prototype._redrawGridGraphPoint;break;case o.STYLE.LINE:t=o.prototype._redrawLineGraphPoint;break;default:throw new Error("Can not determine point drawing method for graph style '"+this.style+"'")}this._pointDrawingMethod=t},o.prototype.redraw=function(){if(void 0===this.dataPoints)throw new Error("Graph data not initialized");this._resizeCanvas(),this._resizeCenter(),this._redrawSlider(),this._redrawClear(),this._redrawAxis(),this._redrawDataGraph(),this._redrawInfo(),this._redrawLegend()},o.prototype._getContext=function(){var t=this.frame.canvas,e=t.getContext("2d");return e.lineJoin="round",e.lineCap="round",e},o.prototype._redrawClear=function(){var t=this.frame.canvas;t.getContext("2d").clearRect(0,0,t.width,t.height)},o.prototype._dotSize=function(){return this.frame.clientWidth*this.dotSizeRatio},o.prototype._getLegendWidth=function(){var t;if(this.style===o.STYLE.DOTSIZE){t=this._dotSize()*this.dotSizeMaxFraction}else t=this.style===o.STYLE.BARSIZE?this.xBarWidth:20;return t},o.prototype._redrawLegend=function(){if(!0===this.showLegend&&this.style!==o.STYLE.LINE&&this.style!==o.STYLE.BARSIZE){var t=this.style===o.STYLE.BARSIZE||this.style===o.STYLE.DOTSIZE,e=this.style===o.STYLE.DOTSIZE||this.style===o.STYLE.DOTCOLOR||this.style===o.STYLE.BARCOLOR,i=Math.max(.25*this.frame.clientHeight,100),n=this.margin,s=this._getLegendWidth(),r=this.frame.clientWidth-this.margin,a=r-s,h=n+i,d=this._getContext();if(d.lineWidth=1,d.font="14px arial",!1===t){var l,c=i;for(l=0;l<c;l++){var f=(l-0)/(c-0),m=240*f,v=this._hsv2rgb(m,1,1);d.strokeStyle=v,d.beginPath(),d.moveTo(a,n+l),d.lineTo(r,n+l),d.stroke()}d.strokeStyle=this.axisColor,d.strokeRect(a,n,s,i)}else{var g;this.style===o.STYLE.DOTSIZE?g=s*(this.dotSizeMinFraction/this.dotSizeMaxFraction):(this.style,o.STYLE.BARSIZE),d.strokeStyle=this.axisColor,d.fillStyle=this.dataColor.fill,d.beginPath(),d.moveTo(a,n),d.lineTo(r,n),d.lineTo(a+g,h),d.lineTo(a,h),d.closePath(),d.fill(),d.stroke()}var y=e?this.valueRange.min:this.zRange.min,b=e?this.valueRange.max:this.zRange.max,_=new p(y,b,(b-y)/5,!0);_.start(!0);for(var w,x;!_.end();)l=h-(_.getCurrent()-y)/(b-y)*i,w=new u(a-5,l),x=new u(a,l),this._line(d,w,x),d.textAlign="right",d.textBaseline="middle",d.fillStyle=this.axisColor,d.fillText(_.getCurrent(),a-10,l),_.next();d.textAlign="right",d.textBaseline="top";var k=this.legendLabel;d.fillText(k,r,h+this.margin)}},o.prototype._redrawFilter=function(){var t=this.dataGroup.dataFilter,e=this.frame.filter;if(e.innerHTML="",!t)return void(e.slider=void 0);var i={visible:this.showAnimationControls},o=new c(e,i);e.slider=o,e.style.padding="10px",o.setValues(t.values),o.setPlayInterval(this.animationInterval);var n=this,s=function(){var t=n.dataGroup.dataFilter,e=o.getIndex();t.selectValue(e),n.dataPoints=t._getDataPoints(),n.redraw()};o.setOnChangeCallback(s)},o.prototype._redrawSlider=function(){void 0!==this.frame.filter.slider&&this.frame.filter.slider.redraw()},o.prototype._redrawInfo=function(){var t=this.dataGroup.getInfo();if(void 0!==t){var e=this._getContext();e.font="14px arial",e.lineStyle="gray",e.fillStyle="gray",e.textAlign="left",e.textBaseline="top";var i=this.margin,o=this.margin;e.fillText(t,i,o)}},o.prototype._line=function(t,e,i,o){void 0!==o&&(t.strokeStyle=o),t.beginPath(),t.moveTo(e.x,e.y),t.lineTo(i.x,i.y),t.stroke()},o.prototype.drawAxisLabelX=function(t,e,i,o,n){void 0===n&&(n=0);var s=this._convert3Dto2D(e)
-;Math.cos(2*o)>0?(t.textAlign="center",t.textBaseline="top",s.y+=n):Math.sin(2*o)<0?(t.textAlign="right",t.textBaseline="middle"):(t.textAlign="left",t.textBaseline="middle"),t.fillStyle=this.axisColor,t.fillText(i,s.x,s.y)},o.prototype.drawAxisLabelY=function(t,e,i,o,n){void 0===n&&(n=0);var s=this._convert3Dto2D(e);Math.cos(2*o)<0?(t.textAlign="center",t.textBaseline="top",s.y+=n):Math.sin(2*o)>0?(t.textAlign="right",t.textBaseline="middle"):(t.textAlign="left",t.textBaseline="middle"),t.fillStyle=this.axisColor,t.fillText(i,s.x,s.y)},o.prototype.drawAxisLabelZ=function(t,e,i,o){void 0===o&&(o=0);var n=this._convert3Dto2D(e);t.textAlign="right",t.textBaseline="middle",t.fillStyle=this.axisColor,t.fillText(i,n.x-o,n.y)},o.prototype._line3d=function(t,e,i,o){var n=this._convert3Dto2D(e),s=this._convert3Dto2D(i);this._line(t,n,s,o)},o.prototype._redrawAxis=function(){var t,e,i,o,n,s,r,a,h,d,c,f=this._getContext();f.font=24/this.camera.getArmLength()+"px arial";var m,v=.025/this.scale.x,g=.025/this.scale.y,y=5/this.camera.getArmLength(),b=this.camera.getArmRotation().horizontal,_=new u(Math.cos(b),Math.sin(b)),w=this.xRange,x=this.yRange,k=this.zRange;for(f.lineWidth=1,o=void 0===this.defaultXStep,i=new p(w.min,w.max,this.xStep,o),i.start(!0);!i.end();){var S=i.getCurrent();if(this.showGrid?(t=new l(S,x.min,k.min),e=new l(S,x.max,k.min),this._line3d(f,t,e,this.gridColor)):this.showXAxis&&(t=new l(S,x.min,k.min),e=new l(S,x.min+v,k.min),this._line3d(f,t,e,this.axisColor),t=new l(S,x.max,k.min),e=new l(S,x.max-v,k.min),this._line3d(f,t,e,this.axisColor)),this.showXAxis){r=_.x>0?x.min:x.max,m=new l(S,r,k.min);var D="  "+this.xValueLabel(S)+"  ";this.drawAxisLabelX(f,m,D,b,y)}i.next()}for(f.lineWidth=1,o=void 0===this.defaultYStep,i=new p(x.min,x.max,this.yStep,o),i.start(!0);!i.end();){var M=i.getCurrent();if(this.showGrid?(t=new l(w.min,M,k.min),e=new l(w.max,M,k.min),this._line3d(f,t,e,this.gridColor)):this.showYAxis&&(t=new l(w.min,M,k.min),e=new l(w.min+g,M,k.min),this._line3d(f,t,e,this.axisColor),t=new l(w.max,M,k.min),e=new l(w.max-g,M,k.min),this._line3d(f,t,e,this.axisColor)),this.showYAxis){s=_.y>0?w.min:w.max,m=new l(s,M,k.min);var C="  "+this.yValueLabel(M)+"  ";this.drawAxisLabelY(f,m,C,b,y)}i.next()}if(this.showZAxis){for(f.lineWidth=1,o=void 0===this.defaultZStep,i=new p(k.min,k.max,this.zStep,o),i.start(!0),s=_.x>0?w.min:w.max,r=_.y<0?x.min:x.max;!i.end();){var O=i.getCurrent(),E=new l(s,r,O),T=this._convert3Dto2D(E);e=new u(T.x-y,T.y),this._line(f,T,e,this.axisColor);var P=this.zValueLabel(O)+" ";this.drawAxisLabelZ(f,E,P,5),i.next()}f.lineWidth=1,t=new l(s,r,k.min),e=new l(s,r,k.max),this._line3d(f,t,e,this.axisColor)}if(this.showXAxis){var I,N;f.lineWidth=1,I=new l(w.min,x.min,k.min),N=new l(w.max,x.min,k.min),this._line3d(f,I,N,this.axisColor),I=new l(w.min,x.max,k.min),N=new l(w.max,x.max,k.min),this._line3d(f,I,N,this.axisColor)}this.showYAxis&&(f.lineWidth=1,t=new l(w.min,x.min,k.min),e=new l(w.min,x.max,k.min),this._line3d(f,t,e,this.axisColor),t=new l(w.max,x.min,k.min),e=new l(w.max,x.max,k.min),this._line3d(f,t,e,this.axisColor));var R=this.xLabel;R.length>0&&this.showXAxis&&(c=.1/this.scale.y,s=(w.max+3*w.min)/4,r=_.x>0?x.min-c:x.max+c,n=new l(s,r,k.min),this.drawAxisLabelX(f,n,R,b));var A=this.yLabel;A.length>0&&this.showYAxis&&(d=.1/this.scale.x,s=_.y>0?w.min-d:w.max+d,r=(x.max+3*x.min)/4,n=new l(s,r,k.min),this.drawAxisLabelY(f,n,A,b));var z=this.zLabel;z.length>0&&this.showZAxis&&(h=30,s=_.x>0?w.min:w.max,r=_.y<0?x.min:x.max,a=(k.max+3*k.min)/4,n=new l(s,r,a),this.drawAxisLabelZ(f,n,z,h))},o.prototype._hsv2rgb=function(t,e,i){var o,n,s,r,a,h;switch(r=i*e,a=Math.floor(t/60),h=r*(1-Math.abs(t/60%2-1)),a){case 0:o=r,n=h,s=0;break;case 1:o=h,n=r,s=0;break;case 2:o=0,n=r,s=h;break;case 3:o=0,n=h,s=r;break;case 4:o=h,n=0,s=r;break;case 5:o=r,n=0,s=h;break;default:o=0,n=0,s=0}return"RGB("+parseInt(255*o)+","+parseInt(255*n)+","+parseInt(255*s)+")"},o.prototype._getStrokeWidth=function(t){return void 0!==t?this.showPerspective?1/-t.trans.z*this.dataColor.strokeWidth:-this.eye.z/this.camera.getArmLength()*this.dataColor.strokeWidth:this.dataColor.strokeWidth},o.prototype._redrawBar=function(t,e,i,o,n,s){var r,a=this,h=e.point,d=this.zRange.min,u=[{point:new l(h.x-i,h.y-o,h.z)},{point:new l(h.x+i,h.y-o,h.z)},{point:new l(h.x+i,h.y+o,h.z)},{point:new l(h.x-i,h.y+o,h.z)}],c=[{point:new l(h.x-i,h.y-o,d)},{point:new l(h.x+i,h.y-o,d)},{point:new l(h.x+i,h.y+o,d)},{point:new l(h.x-i,h.y+o,d)}];u.forEach(function(t){t.screen=a._convert3Dto2D(t.point)}),c.forEach(function(t){t.screen=a._convert3Dto2D(t.point)});var p=[{corners:u,center:l.avg(c[0].point,c[2].point)},{corners:[u[0],u[1],c[1],c[0]],center:l.avg(c[1].point,c[0].point)},{corners:[u[1],u[2],c[2],c[1]],center:l.avg(c[2].point,c[1].point)},{corners:[u[2],u[3],c[3],c[2]],center:l.avg(c[3].point,c[2].point)},{corners:[u[3],u[0],c[0],c[3]],center:l.avg(c[0].point,c[3].point)}];e.surfaces=p;for(var f=0;f<p.length;f++){r=p[f];var m=this._convertPointToTranslation(r.center);r.dist=this.showPerspective?m.length():-m.z}p.sort(function(t,e){var i=e.dist-t.dist;return i||(t.corners===u?1:e.corners===u?-1:0)}),t.lineWidth=this._getStrokeWidth(e),t.strokeStyle=s,t.fillStyle=n;for(var v=2;v<p.length;v++)r=p[v],this._polygon(t,r.corners)},o.prototype._polygon=function(t,e,i,o){if(!(e.length<2)){void 0!==i&&(t.fillStyle=i),void 0!==o&&(t.strokeStyle=o),t.beginPath(),t.moveTo(e[0].screen.x,e[0].screen.y);for(var n=1;n<e.length;++n){var s=e[n];t.lineTo(s.screen.x,s.screen.y)}t.closePath(),t.fill(),t.stroke()}},o.prototype._drawCircle=function(t,e,i,o,n){var s=this._calcRadius(e,n);t.lineWidth=this._getStrokeWidth(e),t.strokeStyle=o,t.fillStyle=i,t.beginPath(),t.arc(e.screen.x,e.screen.y,s,0,2*Math.PI,!0),t.fill(),t.stroke()},o.prototype._getColorsRegular=function(t){var e=240*(1-(t.point.z-this.zRange.min)*this.scale.z/this.verticalRatio);return{fill:this._hsv2rgb(e,1,1),border:this._hsv2rgb(e,1,.8)}},o.prototype._getColorsColor=function(t){var e,i;if("string"==typeof t.point.value)e=t.point.value,i=t.point.value;else{var o=240*(1-(t.point.value-this.valueRange.min)*this.scale.value);e=this._hsv2rgb(o,1,1),i=this._hsv2rgb(o,1,.8)}return{fill:e,border:i}},o.prototype._getColorsSize=function(){return{fill:this.dataColor.fill,border:this.dataColor.stroke}},o.prototype._calcRadius=function(t,e){void 0===e&&(e=this._dotSize());var i;return i=this.showPerspective?e/-t.trans.z:e*(-this.eye.z/this.camera.getArmLength()),i<0&&(i=0),i},o.prototype._redrawBarGraphPoint=function(t,e){var i=this.xBarWidth/2,o=this.yBarWidth/2,n=this._getColorsRegular(e);this._redrawBar(t,e,i,o,n.fill,n.border)},o.prototype._redrawBarColorGraphPoint=function(t,e){var i=this.xBarWidth/2,o=this.yBarWidth/2,n=this._getColorsColor(e);this._redrawBar(t,e,i,o,n.fill,n.border)},o.prototype._redrawBarSizeGraphPoint=function(t,e){var i=(e.point.value-this.valueRange.min)/this.valueRange.range(),o=this.xBarWidth/2*(.8*i+.2),n=this.yBarWidth/2*(.8*i+.2),s=this._getColorsSize();this._redrawBar(t,e,o,n,s.fill,s.border)},o.prototype._redrawDotGraphPoint=function(t,e){var i=this._getColorsRegular(e);this._drawCircle(t,e,i.fill,i.border)},o.prototype._redrawDotLineGraphPoint=function(t,e){var i=this._convert3Dto2D(e.bottom);t.lineWidth=1,this._line(t,i,e.screen,this.gridColor),this._redrawDotGraphPoint(t,e)},o.prototype._redrawDotColorGraphPoint=function(t,e){var i=this._getColorsColor(e);this._drawCircle(t,e,i.fill,i.border)},o.prototype._redrawDotSizeGraphPoint=function(t,e){var i=this._dotSize(),o=(e.point.value-this.valueRange.min)/this.valueRange.range(),n=i*this.dotSizeMinFraction,s=i*this.dotSizeMaxFraction-n,r=n+s*o,a=this._getColorsSize();this._drawCircle(t,e,a.fill,a.border,r)},o.prototype._redrawSurfaceGraphPoint=function(t,e){var i=e.pointRight,o=e.pointTop,n=e.pointCross;if(void 0!==e&&void 0!==i&&void 0!==o&&void 0!==n){var s,r,a=!0;if(this.showGrayBottom||this.showShadow){var h=l.subtract(n.trans,e.trans),d=l.subtract(o.trans,i.trans),u=l.crossProduct(h,d),c=u.length();a=u.z>0}if(a){var p,f=(e.point.z+i.point.z+o.point.z+n.point.z)/4,m=240*(1-(f-this.zRange.min)*this.scale.z/this.verticalRatio);this.showShadow?(p=Math.min(1+u.x/c/2,1),s=this._hsv2rgb(m,1,p),r=s):(p=1,s=this._hsv2rgb(m,1,p),r=this.axisColor)}else s="gray",r=this.axisColor;t.lineWidth=this._getStrokeWidth(e);var v=[e,i,n,o];this._polygon(t,v,s,r)}},o.prototype._drawGridLine=function(t,e,i){if(void 0!==e&&void 0!==i){var o=(e.point.z+i.point.z)/2,n=240*(1-(o-this.zRange.min)*this.scale.z/this.verticalRatio);t.lineWidth=2*this._getStrokeWidth(e),t.strokeStyle=this._hsv2rgb(n,1,1),this._line(t,e.screen,i.screen)}},o.prototype._redrawGridGraphPoint=function(t,e){this._drawGridLine(t,e,e.pointRight),this._drawGridLine(t,e,e.pointTop)},o.prototype._redrawLineGraphPoint=function(t,e){void 0!==e.pointNext&&(t.lineWidth=this._getStrokeWidth(e),t.strokeStyle=this.dataColor.stroke,this._line(t,e.screen,e.pointNext.screen))},o.prototype._redrawDataGraph=function(){var t,e=this._getContext();if(!(void 0===this.dataPoints||this.dataPoints.length<=0))for(this._calcTranslations(this.dataPoints),t=0;t<this.dataPoints.length;t++){var i=this.dataPoints[t];this._pointDrawingMethod.call(this,e,i)}},o.prototype._storeMousePosition=function(t){this.startMouseX=n(t),this.startMouseY=s(t),this._startCameraOffset=this.camera.getOffset()},o.prototype._onMouseDown=function(t){if(t=t||window.event,this.leftButtonDown&&this._onMouseUp(t),this.leftButtonDown=t.which?1===t.which:1===t.button,this.leftButtonDown||this.touchDown){this._storeMousePosition(t),this.startStart=new Date(this.start),this.startEnd=new Date(this.end),this.startArmRotation=this.camera.getArmRotation(),this.frame.style.cursor="move";var e=this;this.onmousemove=function(t){e._onMouseMove(t)},this.onmouseup=function(t){e._onMouseUp(t)},d.addEventListener(document,"mousemove",e.onmousemove),d.addEventListener(document,"mouseup",e.onmouseup),d.preventDefault(t)}},o.prototype._onMouseMove=function(t){this.moving=!0,t=t||window.event;var e=parseFloat(n(t))-this.startMouseX,i=parseFloat(s(t))-this.startMouseY;if(t&&!0===t.ctrlKey){var o=.5*this.frame.clientWidth,r=.5*this.frame.clientHeight,a=(this._startCameraOffset.x||0)-e/o*this.camera.armLength*.8,h=(this._startCameraOffset.y||0)+i/r*this.camera.armLength*.8;this.camera.setOffset(a,h),this._storeMousePosition(t)}else{var l=this.startArmRotation.horizontal+e/200,u=this.startArmRotation.vertical+i/200,c=Math.sin(4/360*2*Math.PI);Math.abs(Math.sin(l))<c&&(l=Math.round(l/Math.PI)*Math.PI-.001),Math.abs(Math.cos(l))<c&&(l=(Math.round(l/Math.PI-.5)+.5)*Math.PI-.001),Math.abs(Math.sin(u))<c&&(u=Math.round(u/Math.PI)*Math.PI),Math.abs(Math.cos(u))<c&&(u=(Math.round(u/Math.PI-.5)+.5)*Math.PI),this.camera.setArmRotation(l,u)}this.redraw();var p=this.getCameraPosition();this.emit("cameraPositionChange",p),d.preventDefault(t)},o.prototype._onMouseUp=function(t){this.frame.style.cursor="auto",this.leftButtonDown=!1,d.removeEventListener(document,"mousemove",this.onmousemove),d.removeEventListener(document,"mouseup",this.onmouseup),d.preventDefault(t)},o.prototype._onClick=function(t){if(this.onclick_callback){if(this.moving)this.moving=!1;else{var e=this.frame.getBoundingClientRect(),i=n(t)-e.left,o=s(t)-e.top,r=this._dataPointFromXY(i,o);r&&this.onclick_callback(r.point.data)}d.preventDefault(t)}},o.prototype._onTooltip=function(t){var e=this.frame.getBoundingClientRect(),i=n(t)-e.left,o=s(t)-e.top;if(this.showTooltip){if(this.tooltipTimeout&&clearTimeout(this.tooltipTimeout),this.leftButtonDown)return void this._hideTooltip();if(this.tooltip&&this.tooltip.dataPoint){var r=this._dataPointFromXY(i,o);r!==this.tooltip.dataPoint&&(r?this._showTooltip(r):this._hideTooltip())}else{var a=this;this.tooltipTimeout=setTimeout(function(){a.tooltipTimeout=null;var t=a._dataPointFromXY(i,o);t&&a._showTooltip(t)},300)}}},o.prototype._onTouchStart=function(t){this.touchDown=!0;var e=this;this.ontouchmove=function(t){e._onTouchMove(t)},this.ontouchend=function(t){e._onTouchEnd(t)},d.addEventListener(document,"touchmove",e.ontouchmove),d.addEventListener(document,"touchend",e.ontouchend),this._onMouseDown(t)},o.prototype._onTouchMove=function(t){this._onMouseMove(t)},o.prototype._onTouchEnd=function(t){this.touchDown=!1,d.removeEventListener(document,"touchmove",this.ontouchmove),d.removeEventListener(document,"touchend",this.ontouchend),this._onMouseUp(t)},o.prototype._onWheel=function(t){t||(t=window.event);var e=0;if(t.wheelDelta?e=t.wheelDelta/120:t.detail&&(e=-t.detail/3),e){var i=this.camera.getArmLength(),o=i*(1-e/10);this.camera.setArmLength(o),this.redraw(),this._hideTooltip()}var n=this.getCameraPosition();this.emit("cameraPositionChange",n),d.preventDefault(t)},o.prototype._insideTriangle=function(t,e){function i(t){return t>0?1:t<0?-1:0}var o=e[0],n=e[1],s=e[2],r=i((n.x-o.x)*(t.y-o.y)-(n.y-o.y)*(t.x-o.x)),a=i((s.x-n.x)*(t.y-n.y)-(s.y-n.y)*(t.x-n.x)),h=i((o.x-s.x)*(t.y-s.y)-(o.y-s.y)*(t.x-s.x));return!(0!=r&&0!=a&&r!=a||0!=a&&0!=h&&a!=h||0!=r&&0!=h&&r!=h)},o.prototype._dataPointFromXY=function(t,e){var i,n=null,s=null,r=null,a=new u(t,e);if(this.style===o.STYLE.BAR||this.style===o.STYLE.BARCOLOR||this.style===o.STYLE.BARSIZE)for(i=this.dataPoints.length-1;i>=0;i--){n=this.dataPoints[i];var h=n.surfaces;if(h)for(var d=h.length-1;d>=0;d--){var l=h[d],c=l.corners,p=[c[0].screen,c[1].screen,c[2].screen],f=[c[2].screen,c[3].screen,c[0].screen];if(this._insideTriangle(a,p)||this._insideTriangle(a,f))return n}}else for(i=0;i<this.dataPoints.length;i++){n=this.dataPoints[i];var m=n.screen;if(m){var v=Math.abs(t-m.x),g=Math.abs(e-m.y),y=Math.sqrt(v*v+g*g);(null===r||y<r)&&y<100&&(r=y,s=n)}}return s},o.prototype.hasBars=function(t){return t==o.STYLE.BAR||t==o.STYLE.BARCOLOR||t==o.STYLE.BARSIZE},o.prototype._showTooltip=function(t){var e,i,o;this.tooltip?(e=this.tooltip.dom.content,i=this.tooltip.dom.line,o=this.tooltip.dom.dot):(e=document.createElement("div"),(0,a.default)(e.style,{},this.tooltipStyle.content),e.style.position="absolute",i=document.createElement("div"),(0,a.default)(i.style,{},this.tooltipStyle.line),i.style.position="absolute",o=document.createElement("div"),(0,a.default)(o.style,{},this.tooltipStyle.dot),o.style.position="absolute",this.tooltip={dataPoint:null,dom:{content:e,line:i,dot:o}}),this._hideTooltip(),this.tooltip.dataPoint=t,"function"==typeof this.showTooltip?e.innerHTML=this.showTooltip(t.point):e.innerHTML="<table><tr><td>"+this.xLabel+":</td><td>"+t.point.x+"</td></tr><tr><td>"+this.yLabel+":</td><td>"+t.point.y+"</td></tr><tr><td>"+this.zLabel+":</td><td>"+t.point.z+"</td></tr></table>",e.style.left="0",e.style.top="0",this.frame.appendChild(e),this.frame.appendChild(i),this.frame.appendChild(o);var n=e.offsetWidth,s=e.offsetHeight,r=i.offsetHeight,h=o.offsetWidth,d=o.offsetHeight,l=t.screen.x-n/2;l=Math.min(Math.max(l,10),this.frame.clientWidth-10-n),i.style.left=t.screen.x+"px",i.style.top=t.screen.y-r+"px",e.style.left=l+"px",e.style.top=t.screen.y-r-s+"px",o.style.left=t.screen.x-h/2+"px",o.style.top=t.screen.y-d/2+"px"},o.prototype._hideTooltip=function(){if(this.tooltip){this.tooltip.dataPoint=null;for(var t in this.tooltip.dom)if(this.tooltip.dom.hasOwnProperty(t)){var e=this.tooltip.dom[t];e&&e.parentNode&&e.parentNode.removeChild(e)}}},o.prototype.setCameraPosition=function(t){f.setCameraPosition(t,this),this.redraw()},o.prototype.setSize=function(t,e){this._setSize(t,e),this.redraw()},t.exports=o},function(t,e,i){i(163),t.exports=i(7).Object.assign},function(t,e,i){var o=i(17);o(o.S+o.F,"Object",{assign:i(164)})},function(t,e,i){var o=i(33),n=i(63),s=i(42),r=i(41),a=i(78),h=Object.assign;t.exports=!h||i(28)(function(){var t={},e={},i=Symbol(),o="abcdefghijklmnopqrst";return t[i]=7,o.split("").forEach(function(t){e[t]=t}),7!=h({},t)[i]||Object.keys(h({},e)).join("")!=o})?function(t,e){for(var i=r(t),h=arguments.length,d=1,l=n.f,u=s.f;h>d;)for(var c,p=a(arguments[d++]),f=l?o(p).concat(l(p)):o(p),m=f.length,v=0;m>v;)u.call(p,c=f[v++])&&(i[c]=p[c]);return i}:h},function(t,e,i){t.exports={default:i(166),__esModule:!0}},function(t,e,i){i(167),t.exports=i(7).Math.sign},function(t,e,i){var o=i(17);o(o.S,"Math",{sign:i(168)})},function(t,e){t.exports=Math.sign||function(t){return 0==(t=+t)||t!=t?t:t<0?-1:1}},function(t,e,i){t.exports={default:i(170),__esModule:!0}},function(t,e,i){i(171);var o=i(7).Object;t.exports=function(t,e,i){return o.defineProperty(t,e,i)}},function(t,e,i){var o=i(17);o(o.S+o.F*!i(21),"Object",{defineProperty:i(20).f})},function(t,e,i){Object.defineProperty(e,"__esModule",{value:!0});var o="string",n="boolean",s="number",r={fill:{string:o},stroke:{string:o},strokeWidth:{number:s},__type__:{string:o,object:"object",undefined:"undefined"}},a={animationAutoStart:{boolean:n,undefined:"undefined"},animationInterval:{number:s},animationPreload:{boolean:n},axisColor:{string:o},backgroundColor:r,xBarWidth:{number:s,undefined:"undefined"},yBarWidth:{number:s,undefined:"undefined"},cameraPosition:{distance:{number:s},horizontal:{number:s},vertical:{number:s},__type__:{object:"object"}},xCenter:{string:o},yCenter:{string:o},dataColor:r,dotSizeMinFraction:{number:s},dotSizeMaxFraction:{number:s},dotSizeRatio:{number:s},filterLabel:{string:o},gridColor:{string:o},onclick:{function:"function"},keepAspectRatio:{boolean:n},xLabel:{string:o},yLabel:{string:o},zLabel:{string:o},legendLabel:{string:o},xMin:{number:s,undefined:"undefined"},yMin:{number:s,undefined:"undefined"},zMin:{number:s,undefined:"undefined"},xMax:{number:s,undefined:"undefined"},yMax:{number:s,undefined:"undefined"},zMax:{number:s,undefined:"undefined"},showAnimationControls:{boolean:n,undefined:"undefined"},showGrid:{boolean:n},showLegend:{boolean:n,undefined:"undefined"},showPerspective:{boolean:n},showShadow:{boolean:n},showXAxis:{boolean:n},showYAxis:{boolean:n},showZAxis:{boolean:n},xStep:{number:s,undefined:"undefined"},yStep:{number:s,undefined:"undefined"},zStep:{number:s,undefined:"undefined"},style:{number:s,string:["bar","bar-color","bar-size","dot","dot-line","dot-color","dot-size","line","grid","surface"]},tooltip:{boolean:n,function:"function"},tooltipStyle:{content:{color:{string:o},background:{string:o},border:{string:o},borderRadius:{string:o},boxShadow:{string:o},padding:{string:o},__type__:{object:"object"}},line:{borderLeft:{string:o},height:{string:o},width:{string:o},__type__:{object:"object"}},dot:{border:{string:o},borderRadius:{string:o},height:{string:o},width:{string:o},__type__:{object:"object"}},__type__:{object:"object"}},xValueLabel:{function:"function"},yValueLabel:{function:"function"},zValueLabel:{function:"function"},valueMax:{number:s,undefined:"undefined"},valueMin:{number:s,undefined:"undefined"},verticalRatio:{number:s},height:{string:o},width:{string:o},__type__:{object:"object"}};e.allOptions=a},function(t,e,i){function o(){this.dataTable=null}var n=i(11),s=i(12),r=i(174),a=i(96),h=i(94),d=i(34);o.prototype.initializeData=function(t,e,i){if(void 0!==e){Array.isArray(e)&&(e=new n(e));var o;if(!(e instanceof n||e instanceof s))throw new Error("Array, DataSet, or DataView expected");if(o=e.get(),0!=o.length){this.style=i,this.dataSet&&this.dataSet.off("*",this._onChange),this.dataSet=e,this.dataTable=o;var r=this;this._onChange=function(){t.setData(r.dataSet)},this.dataSet.on("*",this._onChange),this.colX="x",this.colY="y",this.colZ="z";var h=t.hasBars(i);if(h&&(void 0!==t.defaultXBarWidth?this.xBarWidth=t.defaultXBarWidth:this.xBarWidth=this.getSmallestDifference(o,this.colX)||1,void 0!==t.defaultYBarWidth?this.yBarWidth=t.defaultYBarWidth:this.yBarWidth=this.getSmallestDifference(o,this.colY)||1),this._initializeRange(o,this.colX,t,h),this._initializeRange(o,this.colY,t,h),this._initializeRange(o,this.colZ,t,!1),o[0].hasOwnProperty("style")){this.colValue="style";var d=this.getColumnRange(o,this.colValue);this._setRangeDefaults(d,t.defaultValueMin,t.defaultValueMax),this.valueRange=d}this.getDataTable()[0].hasOwnProperty("filter")&&void 0===this.dataFilter&&(this.dataFilter=new a(this,"filter",t),this.dataFilter.setOnLoadCallback(function(){t.redraw()}));return this.dataFilter?this.dataFilter._getDataPoints():this._getDataPoints(this.getDataTable())}}},o.prototype._collectRangeSettings=function(t,e){if(-1==["x","y","z"].indexOf(t))throw new Error("Column '"+t+"' invalid");var i=t.toUpperCase();return{barWidth:this[t+"BarWidth"],min:e["default"+i+"Min"],max:e["default"+i+"Max"],step:e["default"+i+"Step"],range_label:t+"Range",step_label:t+"Step"}},o.prototype._initializeRange=function(t,e,i,o){var n=this._collectRangeSettings(e,i),s=this.getColumnRange(t,e);o&&"z"!=e&&s.expand(n.barWidth/2),this._setRangeDefaults(s,n.min,n.max),this[n.range_label]=s,this[n.step_label]=void 0!==n.step?n.step:s.range()/5},o.prototype.getDistinctValues=function(t,e){void 0===e&&(e=this.dataTable);for(var i=[],o=0;o<e.length;o++){var n=e[o][t]||0;-1===i.indexOf(n)&&i.push(n)}return i.sort(function(t,e){return t-e})},o.prototype.getSmallestDifference=function(t,e){for(var i=this.getDistinctValues(t,e),o=null,n=1;n<i.length;n++){var s=i[n]-i[n-1];(null==o||o>s)&&(o=s)}return o},o.prototype.getColumnRange=function(t,e){for(var i=new r,o=0;o<t.length;o++){var n=t[o][e];i.adjust(n)}return i},o.prototype.getNumberOfRows=function(){return this.dataTable.length},o.prototype._setRangeDefaults=function(t,e,i){void 0!==e&&(t.min=e),void 0!==i&&(t.max=i),t.max<=t.min&&(t.max=t.min+1)},o.prototype.getDataTable=function(){return this.dataTable},o.prototype.getDataSet=function(){return this.dataSet},o.prototype.getDataPoints=function(t){for(var e=[],i=0;i<t.length;i++){var o=new d;o.x=t[i][this.colX]||0,o.y=t[i][this.colY]||0,o.z=t[i][this.colZ]||0,o.data=t[i],void 0!==this.colValue&&(o.value=t[i][this.colValue]||0);var n={};n.point=o,n.bottom=new d(o.x,o.y,this.zRange.min),n.trans=void 0,n.screen=void 0,e.push(n)}return e},o.prototype.initDataAsMatrix=function(t){var e,i,o,n,s=this.getDistinctValues(this.colX,t),r=this.getDistinctValues(this.colY,t),a=this.getDataPoints(t),h=[];for(o=0;o<a.length;o++){n=a[o];var d=s.indexOf(n.point.x),l=r.indexOf(n.point.y);void 0===h[d]&&(h[d]=[]),h[d][l]=n}for(e=0;e<h.length;e++)for(i=0;i<h[e].length;i++)h[e][i]&&(h[e][i].pointRight=e<h.length-1?h[e+1][i]:void 0,h[e][i].pointTop=i<h[e].length-1?h[e][i+1]:void 0,h[e][i].pointCross=e<h.length-1&&i<h[e].length-1?h[e+1][i+1]:void 0);return a},o.prototype.getInfo=function(){var t=this.dataFilter;if(t)return t.getLabel()+": "+t.getSelectedValue()},o.prototype.reload=function(){this.dataTable&&this.setData(this.dataTable)},o.prototype._getDataPoints=function(t){var e=[];if(this.style===h.STYLE.GRID||this.style===h.STYLE.SURFACE)e=this.initDataAsMatrix(t);else if(this._checkValueField(t),e=this.getDataPoints(t),this.style===h.STYLE.LINE)for(var i=0;i<e.length;i++)i>0&&(e[i-1].pointNext=e[i]);return e},o.prototype._checkValueField=function(t){if(this.style===h.STYLE.BARCOLOR||this.style===h.STYLE.BARSIZE||this.style===h.STYLE.DOTCOLOR||this.style===h.STYLE.DOTSIZE){if(void 0===this.colValue)throw new Error("Expected data to have  field 'style'  for graph style '"+this.style+"'");if(void 0===t[0][this.colValue])throw new Error("Expected data to have  field '"+this.colValue+"'  for graph style '"+this.style+"'")}},t.exports=o},function(t,e,i){function o(){this.min=void 0,this.max=void 0}o.prototype.adjust=function(t){void 0!==t&&((void 0===this.min||this.min>t)&&(this.min=t),(void 0===this.max||this.max<t)&&(this.max=t))},o.prototype.combine=function(t){this.add(t.min),this.add(t.max)},o.prototype.expand=function(t){if(void 0!==t){var e=this.min-t,i=this.max+t;if(e>i)throw new Error("Passed expansion value makes range invalid");this.min=e,this.max=i}},o.prototype.range=function(){return this.max-this.min},o.prototype.center=function(){return(this.min+this.max)/2},t.exports=o},function(t,e,i){var o,n,s;!function(i){n=[],o=i,void 0!==(s="function"==typeof o?o.apply(e,n):o)&&(t.exports=s)}(function(){var t=null;return function e(i,o){function n(t){return t.match(/[^ ]+/g)}function s(e){if("hammer.input"!==e.type){if(e.srcEvent._handled||(e.srcEvent._handled={}),e.srcEvent._handled[e.type])return;e.srcEvent._handled[e.type]=!0}var i=!1;e.stopPropagation=function(){i=!0};var o=e.srcEvent.stopPropagation.bind(e.srcEvent);"function"==typeof o&&(e.srcEvent.stopPropagation=function(){o(),e.stopPropagation()}),e.firstTarget=t;for(var n=t;n&&!i;){var s=n.hammer;if(s)for(var r,a=0;a<s.length;a++)if(r=s[a]._handlers[e.type])for(var h=0;h<r.length&&!i;h++)r[h](e);n=n.parentNode}}var r=o||{preventDefault:!1};if(i.Manager){var a=i,h=function(t,i){var o=Object.create(r);return i&&a.assign(o,i),e(new a(t,o),o)};return a.assign(h,a),h.Manager=function(t,i){var o=Object.create(r);return i&&a.assign(o,i),e(new a.Manager(t,o),o)},h}var d=Object.create(i),l=i.element;return l.hammer||(l.hammer=[]),l.hammer.push(d),i.on("hammer.input",function(e){!0!==r.preventDefault&&r.preventDefault!==e.pointerType||e.preventDefault(),e.isFirst&&(t=e.target)}),d._handlers={},d.on=function(t,e){return n(t).forEach(function(t){var o=d._handlers[t];o||(d._handlers[t]=o=[],i.on(t,s)),o.push(e)}),d},d.off=function(t,e){return n(t).forEach(function(t){var o=d._handlers[t];o&&(o=e?o.filter(function(t){return t!==e}):[],o.length>0?d._handlers[t]=o:(i.off(t,s),delete d._handlers[t]))}),d},d.emit=function(e,o){t=o.target,i.emit(e,o)},d.destroy=function(){var t=i.element.hammer,e=t.indexOf(d);-1!==e&&t.splice(e,1),t.length||delete i.element.hammer,d._handlers={},i.destroy()},d}})},function(t,e,i){var o;!function(n,s,r,a){function h(t,e,i){return setTimeout(p(t,i),e)}function d(t,e,i){return!!Array.isArray(t)&&(l(t,i[e],i),!0)}function l(t,e,i){var o;if(t)if(t.forEach)t.forEach(e,i);else if(t.length!==a)for(o=0;o<t.length;)e.call(i,t[o],o,t),o++;else for(o in t)t.hasOwnProperty(o)&&e.call(i,t[o],o,t)}function u(t,e,i){var o="DEPRECATED METHOD: "+e+"\n"+i+" AT \n";return function(){var e=new Error("get-stack-trace"),i=e&&e.stack?e.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace",s=n.console&&(n.console.warn||n.console.log);return s&&s.call(n.console,o,i),t.apply(this,arguments)}}function c(t,e,i){var o,n=e.prototype;o=t.prototype=Object.create(n),o.constructor=t,o._super=n,i&&ft(o,i)}function p(t,e){return function(){return t.apply(e,arguments)}}function f(t,e){return typeof t==gt?t.apply(e?e[0]||a:a,e):t}function m(t,e){return t===a?e:t}function v(t,e,i){l(_(e),function(e){t.addEventListener(e,i,!1)})}function g(t,e,i){l(_(e),function(e){t.removeEventListener(e,i,!1)})}function y(t,e){for(;t;){if(t==e)return!0;t=t.parentNode}return!1}function b(t,e){return t.indexOf(e)>-1}function _(t){return t.trim().split(/\s+/g)}function w(t,e,i){if(t.indexOf&&!i)return t.indexOf(e);for(var o=0;o<t.length;){if(i&&t[o][i]==e||!i&&t[o]===e)return o;o++}return-1}function x(t){return Array.prototype.slice.call(t,0)}function k(t,e,i){for(var o=[],n=[],s=0;s<t.length;){var r=e?t[s][e]:t[s];w(n,r)<0&&o.push(t[s]),n[s]=r,s++}return i&&(o=e?o.sort(function(t,i){return t[e]>i[e]}):o.sort()),o}function S(t,e){for(var i,o,n=e[0].toUpperCase()+e.slice(1),s=0;s<mt.length;){if(i=mt[s],(o=i?i+n:e)in t)return o;s++}return a}function D(){return kt++}function M(t){var e=t.ownerDocument||t;return e.defaultView||e.parentWindow||n}function C(t,e){var i=this;this.manager=t,this.callback=e,this.element=t.element,this.target=t.options.inputTarget,this.domHandler=function(e){f(t.options.enable,[t])&&i.handler(e)},this.init()}function O(t){var e=t.options.inputClass;return new(e||(Mt?W:Ct?V:Dt?q:H))(t,E)}function E(t,e,i){var o=i.pointers.length,n=i.changedPointers.length,s=e&Et&&o-n==0,r=e&(Pt|It)&&o-n==0;i.isFirst=!!s,i.isFinal=!!r,s&&(t.session={}),i.eventType=e,T(t,i),t.emit("hammer.input",i),t.recognize(i),t.session.prevInput=i}function T(t,e){var i=t.session,o=e.pointers,n=o.length;i.firstInput||(i.firstInput=N(e)),n>1&&!i.firstMultiple?i.firstMultiple=N(e):1===n&&(i.firstMultiple=!1);var s=i.firstInput,r=i.firstMultiple,a=r?r.center:s.center,h=e.center=R(o);e.timeStamp=_t(),e.deltaTime=e.timeStamp-s.timeStamp,e.angle=F(a,h),e.distance=L(a,h),P(i,e),e.offsetDirection=z(e.deltaX,e.deltaY);var d=A(e.deltaTime,e.deltaX,e.deltaY);e.overallVelocityX=d.x,e.overallVelocityY=d.y,e.overallVelocity=bt(d.x)>bt(d.y)?d.x:d.y,e.scale=r?j(r.pointers,o):1,e.rotation=r?B(r.pointers,o):0,e.maxPointers=i.prevInput?e.pointers.length>i.prevInput.maxPointers?e.pointers.length:i.prevInput.maxPointers:e.pointers.length,I(i,e);var l=t.element;y(e.srcEvent.target,l)&&(l=e.srcEvent.target),e.target=l}function P(t,e){var i=e.center,o=t.offsetDelta||{},n=t.prevDelta||{},s=t.prevInput||{};e.eventType!==Et&&s.eventType!==Pt||(n=t.prevDelta={x:s.deltaX||0,y:s.deltaY||0},o=t.offsetDelta={x:i.x,y:i.y}),e.deltaX=n.x+(i.x-o.x),e.deltaY=n.y+(i.y-o.y)}function I(t,e){var i,o,n,s,r=t.lastInterval||e,h=e.timeStamp-r.timeStamp;if(e.eventType!=It&&(h>Ot||r.velocity===a)){var d=e.deltaX-r.deltaX,l=e.deltaY-r.deltaY,u=A(h,d,l);o=u.x,n=u.y,i=bt(u.x)>bt(u.y)?u.x:u.y,s=z(d,l),t.lastInterval=e}else i=r.velocity,o=r.velocityX,n=r.velocityY,s=r.direction;e.velocity=i,e.velocityX=o,e.velocityY=n,e.direction=s}function N(t){for(var e=[],i=0;i<t.pointers.length;)e[i]={clientX:yt(t.pointers[i].clientX),clientY:yt(t.pointers[i].clientY)},i++;return{timeStamp:_t(),pointers:e,center:R(e),deltaX:t.deltaX,deltaY:t.deltaY}}function R(t){var e=t.length;if(1===e)return{x:yt(t[0].clientX),y:yt(t[0].clientY)};for(var i=0,o=0,n=0;n<e;)i+=t[n].clientX,o+=t[n].clientY,n++;return{x:yt(i/e),y:yt(o/e)}}function A(t,e,i){return{x:e/t||0,y:i/t||0}}function z(t,e){return t===e?Nt:bt(t)>=bt(e)?t<0?Rt:At:e<0?zt:Lt}function L(t,e,i){i||(i=Ht);var o=e[i[0]]-t[i[0]],n=e[i[1]]-t[i[1]];return Math.sqrt(o*o+n*n)}function F(t,e,i){i||(i=Ht);var o=e[i[0]]-t[i[0]],n=e[i[1]]-t[i[1]];return 180*Math.atan2(n,o)/Math.PI}function B(t,e){return F(e[1],e[0],Wt)+F(t[1],t[0],Wt)}function j(t,e){return L(e[0],e[1],Wt)/L(t[0],t[1],Wt)}function H(){this.evEl=Gt,this.evWin=Vt,this.pressed=!1,C.apply(this,arguments)}function W(){this.evEl=Xt,this.evWin=Zt,C.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}function Y(){this.evTarget=Jt,this.evWin=$t,this.started=!1,C.apply(this,arguments)}function G(t,e){var i=x(t.touches),o=x(t.changedTouches);return e&(Pt|It)&&(i=k(i.concat(o),"identifier",!0)),[i,o]}function V(){this.evTarget=te,this.targetIds={},C.apply(this,arguments)}function U(t,e){var i=x(t.touches),o=this.targetIds;if(e&(Et|Tt)&&1===i.length)return o[i[0].identifier]=!0,[i,i];var n,s,r=x(t.changedTouches),a=[],h=this.target;if(s=i.filter(function(t){return y(t.target,h)}),e===Et)for(n=0;n<s.length;)o[s[n].identifier]=!0,n++;for(n=0;n<r.length;)o[r[n].identifier]&&a.push(r[n]),e&(Pt|It)&&delete o[r[n].identifier],n++;return a.length?[k(s.concat(a),"identifier",!0),a]:void 0}function q(){C.apply(this,arguments);var t=p(this.handler,this);this.touch=new V(this.manager,t),this.mouse=new H(this.manager,t),this.primaryTouch=null,this.lastTouches=[]}function X(t,e){t&Et?(this.primaryTouch=e.changedPointers[0].identifier,Z.call(this,e)):t&(Pt|It)&&Z.call(this,e)}function Z(t){var e=t.changedPointers[0];if(e.identifier===this.primaryTouch){var i={x:e.clientX,y:e.clientY};this.lastTouches.push(i);var o=this.lastTouches,n=function(){var t=o.indexOf(i);t>-1&&o.splice(t,1)};setTimeout(n,ee)}}function K(t){for(var e=t.srcEvent.clientX,i=t.srcEvent.clientY,o=0;o<this.lastTouches.length;o++){var n=this.lastTouches[o],s=Math.abs(e-n.x),r=Math.abs(i-n.y);if(s<=ie&&r<=ie)return!0}return!1}function J(t,e){this.manager=t,this.set(e)}function $(t){if(b(t,ae))return ae;var e=b(t,he),i=b(t,de);return e&&i?ae:e||i?e?he:de:b(t,re)?re:se}function Q(t){this.options=ft({},this.defaults,t||{}),this.id=D(),this.manager=null,this.options.enable=m(this.options.enable,!0),this.state=ue,this.simultaneous={},this.requireFail=[]}
-function tt(t){return t&ve?"cancel":t&fe?"end":t&pe?"move":t&ce?"start":""}function et(t){return t==Lt?"down":t==zt?"up":t==Rt?"left":t==At?"right":""}function it(t,e){var i=e.manager;return i?i.get(t):t}function ot(){Q.apply(this,arguments)}function nt(){ot.apply(this,arguments),this.pX=null,this.pY=null}function st(){ot.apply(this,arguments)}function rt(){Q.apply(this,arguments),this._timer=null,this._input=null}function at(){ot.apply(this,arguments)}function ht(){ot.apply(this,arguments)}function dt(){Q.apply(this,arguments),this.pTime=!1,this.pCenter=!1,this._timer=null,this._input=null,this.count=0}function lt(t,e){return e=e||{},e.recognizers=m(e.recognizers,lt.defaults.preset),new ut(t,e)}function ut(t,e){this.options=ft({},lt.defaults,e||{}),this.options.inputTarget=this.options.inputTarget||t,this.handlers={},this.session={},this.recognizers=[],this.oldCssProps={},this.element=t,this.input=O(this),this.touchAction=new J(this,this.options.touchAction),ct(this,!0),l(this.options.recognizers,function(t){var e=this.add(new t[0](t[1]));t[2]&&e.recognizeWith(t[2]),t[3]&&e.requireFailure(t[3])},this)}function ct(t,e){var i=t.element;if(i.style){var o;l(t.options.cssProps,function(n,s){o=S(i.style,s),e?(t.oldCssProps[o]=i.style[o],i.style[o]=n):i.style[o]=t.oldCssProps[o]||""}),e||(t.oldCssProps={})}}function pt(t,e){var i=s.createEvent("Event");i.initEvent(t,!0,!0),i.gesture=e,e.target.dispatchEvent(i)}var ft,mt=["","webkit","Moz","MS","ms","o"],vt=s.createElement("div"),gt="function",yt=Math.round,bt=Math.abs,_t=Date.now;ft="function"!=typeof Object.assign?function(t){if(t===a||null===t)throw new TypeError("Cannot convert undefined or null to object");for(var e=Object(t),i=1;i<arguments.length;i++){var o=arguments[i];if(o!==a&&null!==o)for(var n in o)o.hasOwnProperty(n)&&(e[n]=o[n])}return e}:Object.assign;var wt=u(function(t,e,i){for(var o=Object.keys(e),n=0;n<o.length;)(!i||i&&t[o[n]]===a)&&(t[o[n]]=e[o[n]]),n++;return t},"extend","Use `assign`."),xt=u(function(t,e){return wt(t,e,!0)},"merge","Use `assign`."),kt=1,St=/mobile|tablet|ip(ad|hone|od)|android/i,Dt="ontouchstart"in n,Mt=S(n,"PointerEvent")!==a,Ct=Dt&&St.test(navigator.userAgent),Ot=25,Et=1,Tt=2,Pt=4,It=8,Nt=1,Rt=2,At=4,zt=8,Lt=16,Ft=Rt|At,Bt=zt|Lt,jt=Ft|Bt,Ht=["x","y"],Wt=["clientX","clientY"];C.prototype={handler:function(){},init:function(){this.evEl&&v(this.element,this.evEl,this.domHandler),this.evTarget&&v(this.target,this.evTarget,this.domHandler),this.evWin&&v(M(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&g(this.element,this.evEl,this.domHandler),this.evTarget&&g(this.target,this.evTarget,this.domHandler),this.evWin&&g(M(this.element),this.evWin,this.domHandler)}};var Yt={mousedown:Et,mousemove:Tt,mouseup:Pt},Gt="mousedown",Vt="mousemove mouseup";c(H,C,{handler:function(t){var e=Yt[t.type];e&Et&&0===t.button&&(this.pressed=!0),e&Tt&&1!==t.which&&(e=Pt),this.pressed&&(e&Pt&&(this.pressed=!1),this.callback(this.manager,e,{pointers:[t],changedPointers:[t],pointerType:"mouse",srcEvent:t}))}});var Ut={pointerdown:Et,pointermove:Tt,pointerup:Pt,pointercancel:It,pointerout:It},qt={2:"touch",3:"pen",4:"mouse",5:"kinect"},Xt="pointerdown",Zt="pointermove pointerup pointercancel";n.MSPointerEvent&&!n.PointerEvent&&(Xt="MSPointerDown",Zt="MSPointerMove MSPointerUp MSPointerCancel"),c(W,C,{handler:function(t){var e=this.store,i=!1,o=t.type.toLowerCase().replace("ms",""),n=Ut[o],s=qt[t.pointerType]||t.pointerType,r="touch"==s,a=w(e,t.pointerId,"pointerId");n&Et&&(0===t.button||r)?a<0&&(e.push(t),a=e.length-1):n&(Pt|It)&&(i=!0),a<0||(e[a]=t,this.callback(this.manager,n,{pointers:e,changedPointers:[t],pointerType:s,srcEvent:t}),i&&e.splice(a,1))}});var Kt={touchstart:Et,touchmove:Tt,touchend:Pt,touchcancel:It},Jt="touchstart",$t="touchstart touchmove touchend touchcancel";c(Y,C,{handler:function(t){var e=Kt[t.type];if(e===Et&&(this.started=!0),this.started){var i=G.call(this,t,e);e&(Pt|It)&&i[0].length-i[1].length==0&&(this.started=!1),this.callback(this.manager,e,{pointers:i[0],changedPointers:i[1],pointerType:"touch",srcEvent:t})}}});var Qt={touchstart:Et,touchmove:Tt,touchend:Pt,touchcancel:It},te="touchstart touchmove touchend touchcancel";c(V,C,{handler:function(t){var e=Qt[t.type],i=U.call(this,t,e);i&&this.callback(this.manager,e,{pointers:i[0],changedPointers:i[1],pointerType:"touch",srcEvent:t})}});var ee=2500,ie=25;c(q,C,{handler:function(t,e,i){var o="touch"==i.pointerType,n="mouse"==i.pointerType;if(!(n&&i.sourceCapabilities&&i.sourceCapabilities.firesTouchEvents)){if(o)X.call(this,e,i);else if(n&&K.call(this,i))return;this.callback(t,e,i)}},destroy:function(){this.touch.destroy(),this.mouse.destroy()}});var oe=S(vt.style,"touchAction"),ne=oe!==a,se="auto",re="manipulation",ae="none",he="pan-x",de="pan-y",le=function(){if(!ne)return!1;var t={},e=n.CSS&&n.CSS.supports;return["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach(function(i){t[i]=!e||n.CSS.supports("touch-action",i)}),t}();J.prototype={set:function(t){"compute"==t&&(t=this.compute()),ne&&this.manager.element.style&&le[t]&&(this.manager.element.style[oe]=t),this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];return l(this.manager.recognizers,function(e){f(e.options.enable,[e])&&(t=t.concat(e.getTouchAction()))}),$(t.join(" "))},preventDefaults:function(t){var e=t.srcEvent,i=t.offsetDirection;if(this.manager.session.prevented)return void e.preventDefault();var o=this.actions,n=b(o,ae)&&!le[ae],s=b(o,de)&&!le[de],r=b(o,he)&&!le[he];if(n){var a=1===t.pointers.length,h=t.distance<2,d=t.deltaTime<250;if(a&&h&&d)return}return r&&s?void 0:n||s&&i&Ft||r&&i&Bt?this.preventSrc(e):void 0},preventSrc:function(t){this.manager.session.prevented=!0,t.preventDefault()}};var ue=1,ce=2,pe=4,fe=8,me=fe,ve=16;Q.prototype={defaults:{},set:function(t){return ft(this.options,t),this.manager&&this.manager.touchAction.update(),this},recognizeWith:function(t){if(d(t,"recognizeWith",this))return this;var e=this.simultaneous;return t=it(t,this),e[t.id]||(e[t.id]=t,t.recognizeWith(this)),this},dropRecognizeWith:function(t){return d(t,"dropRecognizeWith",this)?this:(t=it(t,this),delete this.simultaneous[t.id],this)},requireFailure:function(t){if(d(t,"requireFailure",this))return this;var e=this.requireFail;return t=it(t,this),-1===w(e,t)&&(e.push(t),t.requireFailure(this)),this},dropRequireFailure:function(t){if(d(t,"dropRequireFailure",this))return this;t=it(t,this);var e=w(this.requireFail,t);return e>-1&&this.requireFail.splice(e,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){function e(e){i.manager.emit(e,t)}var i=this,o=this.state;o<fe&&e(i.options.event+tt(o)),e(i.options.event),t.additionalEvent&&e(t.additionalEvent),o>=fe&&e(i.options.event+tt(o))},tryEmit:function(t){if(this.canEmit())return this.emit(t);this.state=32},canEmit:function(){for(var t=0;t<this.requireFail.length;){if(!(this.requireFail[t].state&(32|ue)))return!1;t++}return!0},recognize:function(t){var e=ft({},t);if(!f(this.options.enable,[this,e]))return this.reset(),void(this.state=32);this.state&(me|ve|32)&&(this.state=ue),this.state=this.process(e),this.state&(ce|pe|fe|ve)&&this.tryEmit(e)},process:function(t){},getTouchAction:function(){},reset:function(){}},c(ot,Q,{defaults:{pointers:1},attrTest:function(t){var e=this.options.pointers;return 0===e||t.pointers.length===e},process:function(t){var e=this.state,i=t.eventType,o=e&(ce|pe),n=this.attrTest(t);return o&&(i&It||!n)?e|ve:o||n?i&Pt?e|fe:e&ce?e|pe:ce:32}}),c(nt,ot,{defaults:{event:"pan",threshold:10,pointers:1,direction:jt},getTouchAction:function(){var t=this.options.direction,e=[];return t&Ft&&e.push(de),t&Bt&&e.push(he),e},directionTest:function(t){var e=this.options,i=!0,o=t.distance,n=t.direction,s=t.deltaX,r=t.deltaY;return n&e.direction||(e.direction&Ft?(n=0===s?Nt:s<0?Rt:At,i=s!=this.pX,o=Math.abs(t.deltaX)):(n=0===r?Nt:r<0?zt:Lt,i=r!=this.pY,o=Math.abs(t.deltaY))),t.direction=n,i&&o>e.threshold&&n&e.direction},attrTest:function(t){return ot.prototype.attrTest.call(this,t)&&(this.state&ce||!(this.state&ce)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX,this.pY=t.deltaY;var e=et(t.direction);e&&(t.additionalEvent=this.options.event+e),this._super.emit.call(this,t)}}),c(st,ot,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[ae]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&ce)},emit:function(t){if(1!==t.scale){var e=t.scale<1?"in":"out";t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}}),c(rt,Q,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[se]},process:function(t){var e=this.options,i=t.pointers.length===e.pointers,o=t.distance<e.threshold,n=t.deltaTime>e.time;if(this._input=t,!o||!i||t.eventType&(Pt|It)&&!n)this.reset();else if(t.eventType&Et)this.reset(),this._timer=h(function(){this.state=me,this.tryEmit()},e.time,this);else if(t.eventType&Pt)return me;return 32},reset:function(){clearTimeout(this._timer)},emit:function(t){this.state===me&&(t&&t.eventType&Pt?this.manager.emit(this.options.event+"up",t):(this._input.timeStamp=_t(),this.manager.emit(this.options.event,this._input)))}}),c(at,ot,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[ae]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&ce)}}),c(ht,ot,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:Ft|Bt,pointers:1},getTouchAction:function(){return nt.prototype.getTouchAction.call(this)},attrTest:function(t){var e,i=this.options.direction;return i&(Ft|Bt)?e=t.overallVelocity:i&Ft?e=t.overallVelocityX:i&Bt&&(e=t.overallVelocityY),this._super.attrTest.call(this,t)&&i&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&bt(e)>this.options.velocity&&t.eventType&Pt},emit:function(t){var e=et(t.offsetDirection);e&&this.manager.emit(this.options.event+e,t),this.manager.emit(this.options.event,t)}}),c(dt,Q,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[re]},process:function(t){var e=this.options,i=t.pointers.length===e.pointers,o=t.distance<e.threshold,n=t.deltaTime<e.time;if(this.reset(),t.eventType&Et&&0===this.count)return this.failTimeout();if(o&&n&&i){if(t.eventType!=Pt)return this.failTimeout();var s=!this.pTime||t.timeStamp-this.pTime<e.interval,r=!this.pCenter||L(this.pCenter,t.center)<e.posThreshold;this.pTime=t.timeStamp,this.pCenter=t.center,r&&s?this.count+=1:this.count=1,this._input=t;if(0===this.count%e.taps)return this.hasRequireFailures()?(this._timer=h(function(){this.state=me,this.tryEmit()},e.interval,this),ce):me}return 32},failTimeout:function(){return this._timer=h(function(){this.state=32},this.options.interval,this),32},reset:function(){clearTimeout(this._timer)},emit:function(){this.state==me&&(this._input.tapCount=this.count,this.manager.emit(this.options.event,this._input))}}),lt.VERSION="2.0.7",lt.defaults={domEvents:!1,touchAction:"compute",enable:!0,inputTarget:null,inputClass:null,preset:[[at,{enable:!1}],[st,{enable:!1},["rotate"]],[ht,{direction:Ft}],[nt,{direction:Ft},["swipe"]],[dt],[dt,{event:"doubletap",taps:2},["tap"]],[rt]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};ut.prototype={set:function(t){return ft(this.options,t),t.touchAction&&this.touchAction.update(),t.inputTarget&&(this.input.destroy(),this.input.target=t.inputTarget,this.input.init()),this},stop:function(t){this.session.stopped=t?2:1},recognize:function(t){var e=this.session;if(!e.stopped){this.touchAction.preventDefaults(t);var i,o=this.recognizers,n=e.curRecognizer;(!n||n&&n.state&me)&&(n=e.curRecognizer=null);for(var s=0;s<o.length;)i=o[s],2===e.stopped||n&&i!=n&&!i.canRecognizeWith(n)?i.reset():i.recognize(t),!n&&i.state&(ce|pe|fe)&&(n=e.curRecognizer=i),s++}},get:function(t){if(t instanceof Q)return t;for(var e=this.recognizers,i=0;i<e.length;i++)if(e[i].options.event==t)return e[i];return null},add:function(t){if(d(t,"add",this))return this;var e=this.get(t.options.event);return e&&this.remove(e),this.recognizers.push(t),t.manager=this,this.touchAction.update(),t},remove:function(t){if(d(t,"remove",this))return this;if(t=this.get(t)){var e=this.recognizers,i=w(e,t);-1!==i&&(e.splice(i,1),this.touchAction.update())}return this},on:function(t,e){if(t!==a&&e!==a){var i=this.handlers;return l(_(t),function(t){i[t]=i[t]||[],i[t].push(e)}),this}},off:function(t,e){if(t!==a){var i=this.handlers;return l(_(t),function(t){e?i[t]&&i[t].splice(w(i[t],e),1):delete i[t]}),this}},emit:function(t,e){this.options.domEvents&&pt(t,e);var i=this.handlers[t]&&this.handlers[t].slice();if(i&&i.length){e.type=t,e.preventDefault=function(){e.srcEvent.preventDefault()};for(var o=0;o<i.length;)i[o](e),o++}},destroy:function(){this.element&&ct(this,!1),this.handlers={},this.session={},this.input.destroy(),this.element=null}},ft(lt,{INPUT_START:Et,INPUT_MOVE:Tt,INPUT_END:Pt,INPUT_CANCEL:It,STATE_POSSIBLE:ue,STATE_BEGAN:ce,STATE_CHANGED:pe,STATE_ENDED:fe,STATE_RECOGNIZED:me,STATE_CANCELLED:ve,STATE_FAILED:32,DIRECTION_NONE:Nt,DIRECTION_LEFT:Rt,DIRECTION_RIGHT:At,DIRECTION_UP:zt,DIRECTION_DOWN:Lt,DIRECTION_HORIZONTAL:Ft,DIRECTION_VERTICAL:Bt,DIRECTION_ALL:jt,Manager:ut,Input:C,TouchAction:J,TouchInput:V,MouseInput:H,PointerEventInput:W,TouchMouseInput:q,SingleTouchInput:Y,Recognizer:Q,AttrRecognizer:ot,Tap:dt,Pan:nt,Swipe:ht,Pinch:st,Rotate:at,Press:rt,on:v,off:g,each:l,merge:xt,extend:wt,assign:ft,inherit:c,bindFn:p,prefixed:S}),(void 0!==n?n:"undefined"!=typeof self?self:{}).Hammer=lt,(o=function(){return lt}.call(e,i,e,t))!==a&&(t.exports=o)}(window,document)},function(t,e,i){e.util=i(2),e.DOMutil=i(14),e.DataSet=i(11),e.DataView=i(12),e.Queue=i(43),e.Timeline=i(178),e.Graph2d=i(180),e.timeline={Core:i(65),DateUtil:i(36),Range:i(64),stack:i(100),TimeStep:i(66),components:{items:{Item:i(38),BackgroundItem:i(103),BoxItem:i(101),PointItem:i(102),RangeItem:i(70)},BackgroundGroup:i(69),Component:i(16),CurrentTime:i(67),CustomTime:i(46),DataAxis:i(107),DataScale:i(108),GraphGroup:i(109),Group:i(68),ItemSet:i(99),Legend:i(112),LineGraph:i(106),TimeAxis:i(45)}},e.moment=i(9),e.Hammer=i(10),e.keycharm=i(35)},function(t,e,i){function o(t,e,i,n){if(!(this instanceof o))throw new SyntaxError("Constructor must be called with the new operator");if(!(Array.isArray(i)||i instanceof d||i instanceof l)&&i instanceof Object){var s=n;n=i,i=s}n&&n.throttleRedraw&&console.warn('Timeline option "throttleRedraw" is DEPRICATED and no longer supported. It will be removed in the next MAJOR release.');var r=this;if(this.defaultOptions={start:null,end:null,autoResize:!0,orientation:{axis:"bottom",item:"bottom"},moment:a,width:null,height:null,maxHeight:null,minHeight:null},this.options=h.deepExtend({},this.defaultOptions),this._create(t),!n||n&&void 0===n.rtl){this.dom.root.style.visibility="hidden";for(var c,m=this.dom.root;!c&&m;)c=window.getComputedStyle(m,null).direction,m=m.parentElement;this.options.rtl=c&&"rtl"==c.toLowerCase()}else this.options.rtl=n.rtl;this.options.rollingMode=n&&n.rollingMode,this.options.onInitialDrawComplete=n&&n.onInitialDrawComplete,this.components=[],this.body={dom:this.dom,domProps:this.props,emitter:{on:this.on.bind(this),off:this.off.bind(this),emit:this.emit.bind(this)},hiddenDates:[],util:{getScale:function(){return r.timeAxis.step.scale},getStep:function(){return r.timeAxis.step.step},toScreen:r._toScreen.bind(r),toGlobalScreen:r._toGlobalScreen.bind(r),toTime:r._toTime.bind(r),toGlobalTime:r._toGlobalTime.bind(r)}},this.range=new u(this.body,this.options),this.components.push(this.range),this.body.range=this.range,this.timeAxis=new p(this.body,this.options),this.timeAxis2=null,this.components.push(this.timeAxis),this.currentTime=new f(this.body,this.options),this.components.push(this.currentTime),this.itemSet=new v(this.body,this.options),this.components.push(this.itemSet),this.itemsData=null,this.groupsData=null,this.dom.root.onclick=function(t){r.emit("click",r.getEventProperties(t))},this.dom.root.ondblclick=function(t){r.emit("doubleClick",r.getEventProperties(t))},this.dom.root.oncontextmenu=function(t){r.emit("contextmenu",r.getEventProperties(t))},this.dom.root.onmouseover=function(t){r.emit("mouseOver",r.getEventProperties(t))},window.PointerEvent?(this.dom.root.onpointerdown=function(t){r.emit("mouseDown",r.getEventProperties(t))},this.dom.root.onpointermove=function(t){r.emit("mouseMove",r.getEventProperties(t))},this.dom.root.onpointerup=function(t){r.emit("mouseUp",r.getEventProperties(t))}):(this.dom.root.onmousemove=function(t){r.emit("mouseMove",r.getEventProperties(t))},this.dom.root.onmousedown=function(t){r.emit("mouseDown",r.getEventProperties(t))},this.dom.root.onmouseup=function(t){r.emit("mouseUp",r.getEventProperties(t))}),this.initialFitDone=!1,this.on("changed",function(){if(null!=this.itemsData&&!this.options.rollingMode){if(!r.initialFitDone)if(r.initialFitDone=!0,void 0!=r.options.start||void 0!=r.options.end){if(void 0==r.options.start||void 0==r.options.end)var t=r.getItemRange();var e=void 0!=r.options.start?r.options.start:t.min,i=void 0!=r.options.end?r.options.end:t.max;r.setWindow(e,i,{animation:!1})}else r.fit({animation:!1});!r.initialDrawDone&&r.initialRangeChangeDone&&(r.initialDrawDone=!0,r.dom.root.style.visibility="visible",r.options.onInitialDrawComplete&&setTimeout(function(){return r.options.onInitialDrawComplete()},0))}}),n&&this.setOptions(n),i&&this.setGroups(i),e&&this.setItems(e),this._redraw()}function n(t){return h.convert(t.data.start,"Date").valueOf()}function s(t){var e=void 0!=t.data.end?t.data.end:t.data.start;return h.convert(e,"Date").valueOf()}function r(t,e){var i=t.props.leftContainer.height,o=t.props.left.height,n=e.parent,s=n.top,r=!0,a=t.timeAxis.options.orientation.axis,h=function(){return"bottom"==a?n.height-e.top-e.height:e.top},d=-1*t._getScrollTop(),l=s+h(),u=e.height;return l<d?s+i<=s+h()+u&&(s+=h()-t.itemSet.options.margin.item.vertical):l+u>d+i?s+=h()+u-i+t.itemSet.options.margin.item.vertical:r=!1,s=Math.min(s,o-i),{shouldScroll:r,scrollOffset:s,itemTop:l}}var a=i(9),h=i(2),d=i(11),l=i(12),u=i(64),c=i(65),p=i(45),f=i(67),m=i(46),v=i(99),g=i(15).printStyle,y=i(105).allOptions,b=i(105).configureOptions,_=i(71).default,w=i(15).default;o.prototype=new c,o.prototype._createConfigurator=function(){return new _(this,this.dom.container,b)},o.prototype.redraw=function(){this.itemSet&&this.itemSet.markDirty({refreshItems:!0}),this._redraw()},o.prototype.setOptions=function(t){if(!0===w.validate(t,y)&&console.log("%cErrors have been found in the supplied options object.",g),c.prototype.setOptions.call(this,t),"type"in t&&t.type!==this.options.type){this.options.type=t.type;var e=this.itemsData;if(e){var i=this.getSelection();this.setItems(null),this.setItems(e),this.setSelection(i)}}},o.prototype.setItems=function(t){var e;e=t?t instanceof d||t instanceof l?t:new d(t,{type:{start:"Date",end:"Date"}}):null,this.itemsData=e,this.itemSet&&this.itemSet.setItems(e)},o.prototype.setGroups=function(t){var e;if(t){var i=function(t){return!1!==t.visible};e=t instanceof d||t instanceof l?new l(t,{filter:i}):new d(t.filter(i))}else e=null;this.groupsData=e,this.itemSet.setGroups(e)},o.prototype.setData=function(t){t&&t.groups&&this.setGroups(t.groups),t&&t.items&&this.setItems(t.items)},o.prototype.setSelection=function(t,e){this.itemSet&&this.itemSet.setSelection(t),e&&e.focus&&this.focus(t,e)},o.prototype.getSelection=function(){return this.itemSet&&this.itemSet.getSelection()||[]},o.prototype.focus=function(t,e){if(this.itemsData&&void 0!=t){var i=Array.isArray(t)?t:[t],o=this.itemsData.getDataSet().get(i,{type:{start:"Date",end:"Date"}}),n=null,s=null;if(o.forEach(function(t){var e=t.start.valueOf(),i="end"in t?t.end.valueOf():t.start.valueOf();(null===n||e<n)&&(n=e),(null===s||i>s)&&(s=i)}),null!==n&&null!==s){var a=this,h=this.itemSet.items[i[0]],d=-1*this._getScrollTop(),l=null,u=function(t,e,i){var o=r(a,h);if(l||(l=o),l.itemTop!=o.itemTop||l.shouldScroll){l.itemTop!=o.itemTop&&o.shouldScroll&&(l=o,d=-1*a._getScrollTop());var n=d,s=l.scrollOffset,u=i?s:n+(s-n)*t;a._setScrollTop(-u),e||a._redraw()}},c=function(){var t=r(a,h);t.shouldScroll&&t.itemTop!=l.itemTop&&(a._setScrollTop(-t.scrollOffset),a._redraw())},p=function(){c(),setTimeout(c,100)},f=(n+s)/2,m=Math.max(this.range.end-this.range.start,1.1*(s-n)),v=!e||void 0===e.animation||e.animation;v||(l={shouldScroll:!1,scrollOffset:-1,itemTop:-1}),this.range.setRange(f-m/2,f+m/2,{animation:v},p,u)}}},o.prototype.fit=function(t,e){var i,o=!t||void 0===t.animation||t.animation,n=this.itemsData&&this.itemsData.getDataSet();1===n.length&&void 0===n.get()[0].end?(i=this.getDataRange(),this.moveTo(i.min.valueOf(),{animation:o},e)):(i=this.getItemRange(),this.range.setRange(i.min,i.max,{animation:o},e))},o.prototype.getItemRange=function(){var t=this.getDataRange(),e=null!==t.min?t.min.valueOf():null,i=null!==t.max?t.max.valueOf():null,o=null,r=null;if(null!=e&&null!=i){var a=i-e;a<=0&&(a=10);var d=a/this.props.center.width,l={},u=0;h.forEach(this.itemSet.items,function(t,e){if(t.groupShowing){l[e]=t.redraw(!0),u=l[e].length}});if(u>0)for(var c=0;c<u;c++)h.forEach(l,function(t){t[c]()});if(h.forEach(this.itemSet.items,function(t){var a,h,l=n(t),u=s(t);this.options.rtl?(a=l-(t.getWidthRight()+10)*d,h=u+(t.getWidthLeft()+10)*d):(a=l-(t.getWidthLeft()+10)*d,h=u+(t.getWidthRight()+10)*d),a<e&&(e=a,o=t),h>i&&(i=h,r=t)}.bind(this)),o&&r){var p=o.getWidthLeft()+10,f=r.getWidthRight()+10,m=this.props.center.width-p-f;m>0&&(this.options.rtl?(e=n(o)-f*a/m,i=s(r)+p*a/m):(e=n(o)-p*a/m,i=s(r)+f*a/m))}}return{min:null!=e?new Date(e):null,max:null!=i?new Date(i):null}},o.prototype.getDataRange=function(){var t=null,e=null,i=this.itemsData&&this.itemsData.getDataSet();return i&&i.forEach(function(i){var o=h.convert(i.start,"Date").valueOf(),n=h.convert(void 0!=i.end?i.end:i.start,"Date").valueOf();(null===t||o<t)&&(t=o),(null===e||n>e)&&(e=n)}),{min:null!=t?new Date(t):null,max:null!=e?new Date(e):null}},o.prototype.getEventProperties=function(t){var e,i=t.center?t.center.x:t.clientX,o=t.center?t.center.y:t.clientY;e=this.options.rtl?h.getAbsoluteRight(this.dom.centerContainer)-i:i-h.getAbsoluteLeft(this.dom.centerContainer);var n=o-h.getAbsoluteTop(this.dom.centerContainer),s=this.itemSet.itemFromTarget(t),r=this.itemSet.groupFromTarget(t),a=m.customTimeFromTarget(t),d=this.itemSet.options.snap||null,l=this.body.util.getScale(),u=this.body.util.getStep(),c=this._toTime(e),p=d?d(c,l,u):c,f=h.getTarget(t),v=null;return null!=s?v="item":null!=a?v="custom-time":h.hasParent(f,this.timeAxis.dom.foreground)?v="axis":this.timeAxis2&&h.hasParent(f,this.timeAxis2.dom.foreground)?v="axis":h.hasParent(f,this.itemSet.dom.labelSet)?v="group-label":h.hasParent(f,this.currentTime.bar)?v="current-time":h.hasParent(f,this.dom.center)&&(v="background"),{event:t,item:s?s.id:null,group:r?r.groupId:null,what:v,pageX:t.srcEvent?t.srcEvent.pageX:t.pageX,pageY:t.srcEvent?t.srcEvent.pageY:t.pageY,x:e,y:n,time:c,snappedTime:p}},o.prototype.toggleRollingMode=function(){this.range.rolling?this.range.stopRolling():(void 0==this.options.rollingMode&&this.setOptions(this.options),this.range.startRolling())},t.exports=o},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(19),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(10),u=i(37),c=i(2),p=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;(0,a.default)(this,t),this.pixelRatio=e,this.generated=!1,this.centerCoordinates={x:144.5,y:144.5},this.r=289*.49,this.color={r:255,g:255,b:255,a:1},this.hueCircle=void 0,this.initialColor={r:255,g:255,b:255,a:1},this.previousColor=void 0,this.applied=!1,this.updateCallback=function(){},this.closeCallback=function(){},this._create()}return(0,d.default)(t,[{key:"insertTo",value:function(t){void 0!==this.hammer&&(this.hammer.destroy(),this.hammer=void 0),this.container=t,this.container.appendChild(this.frame),this._bindHammer(),this._setSize()}},{key:"setUpdateCallback",value:function(t){if("function"!=typeof t)throw new Error("Function attempted to set as colorPicker update callback is not a function.");this.updateCallback=t}},{key:"setCloseCallback",value:function(t){if("function"!=typeof t)throw new Error("Function attempted to set as colorPicker closing callback is not a function.");this.closeCallback=t}},{key:"_isColorString",value:function(t){var e={black:"#000000",navy:"#000080",darkblue:"#00008B",mediumblue:"#0000CD",blue:"#0000FF",darkgreen:"#006400",green:"#008000",teal:"#008080",darkcyan:"#008B8B",deepskyblue:"#00BFFF",darkturquoise:"#00CED1",mediumspringgreen:"#00FA9A",lime:"#00FF00",springgreen:"#00FF7F",aqua:"#00FFFF",cyan:"#00FFFF",midnightblue:"#191970",dodgerblue:"#1E90FF",lightseagreen:"#20B2AA",forestgreen:"#228B22",seagreen:"#2E8B57",darkslategray:"#2F4F4F",limegreen:"#32CD32",mediumseagreen:"#3CB371",turquoise:"#40E0D0",royalblue:"#4169E1",steelblue:"#4682B4",darkslateblue:"#483D8B",mediumturquoise:"#48D1CC",indigo:"#4B0082",darkolivegreen:"#556B2F",cadetblue:"#5F9EA0",cornflowerblue:"#6495ED",mediumaquamarine:"#66CDAA",dimgray:"#696969",slateblue:"#6A5ACD",olivedrab:"#6B8E23",slategray:"#708090",lightslategray:"#778899",mediumslateblue:"#7B68EE",lawngreen:"#7CFC00",chartreuse:"#7FFF00",aquamarine:"#7FFFD4",maroon:"#800000",purple:"#800080",olive:"#808000",gray:"#808080",skyblue:"#87CEEB",lightskyblue:"#87CEFA",blueviolet:"#8A2BE2",darkred:"#8B0000",darkmagenta:"#8B008B",saddlebrown:"#8B4513",darkseagreen:"#8FBC8F",lightgreen:"#90EE90",mediumpurple:"#9370D8",darkviolet:"#9400D3",palegreen:"#98FB98",darkorchid:"#9932CC",yellowgreen:"#9ACD32",sienna:"#A0522D",brown:"#A52A2A",darkgray:"#A9A9A9",lightblue:"#ADD8E6",greenyellow:"#ADFF2F",paleturquoise:"#AFEEEE",lightsteelblue:"#B0C4DE",powderblue:"#B0E0E6",firebrick:"#B22222",darkgoldenrod:"#B8860B",mediumorchid:"#BA55D3",rosybrown:"#BC8F8F",darkkhaki:"#BDB76B",silver:"#C0C0C0",mediumvioletred:"#C71585",indianred:"#CD5C5C",peru:"#CD853F",chocolate:"#D2691E",tan:"#D2B48C",lightgrey:"#D3D3D3",palevioletred:"#D87093",thistle:"#D8BFD8",orchid:"#DA70D6",goldenrod:"#DAA520",crimson:"#DC143C",gainsboro:"#DCDCDC",plum:"#DDA0DD",burlywood:"#DEB887",lightcyan:"#E0FFFF",lavender:"#E6E6FA",darksalmon:"#E9967A",violet:"#EE82EE",palegoldenrod:"#EEE8AA",lightcoral:"#F08080",khaki:"#F0E68C",aliceblue:"#F0F8FF",honeydew:"#F0FFF0",azure:"#F0FFFF",sandybrown:"#F4A460",wheat:"#F5DEB3",beige:"#F5F5DC",whitesmoke:"#F5F5F5",mintcream:"#F5FFFA",ghostwhite:"#F8F8FF",salmon:"#FA8072",antiquewhite:"#FAEBD7",linen:"#FAF0E6",lightgoldenrodyellow:"#FAFAD2",oldlace:"#FDF5E6",red:"#FF0000",fuchsia:"#FF00FF",magenta:"#FF00FF",deeppink:"#FF1493",orangered:"#FF4500",tomato:"#FF6347",hotpink:"#FF69B4",coral:"#FF7F50",darkorange:"#FF8C00",lightsalmon:"#FFA07A",orange:"#FFA500",lightpink:"#FFB6C1",pink:"#FFC0CB",gold:"#FFD700",peachpuff:"#FFDAB9",navajowhite:"#FFDEAD",moccasin:"#FFE4B5",bisque:"#FFE4C4",mistyrose:"#FFE4E1",blanchedalmond:"#FFEBCD",papayawhip:"#FFEFD5",lavenderblush:"#FFF0F5",seashell:"#FFF5EE",cornsilk:"#FFF8DC",lemonchiffon:"#FFFACD",floralwhite:"#FFFAF0",snow:"#FFFAFA",yellow:"#FFFF00",lightyellow:"#FFFFE0",ivory:"#FFFFF0",white:"#FFFFFF"};if("string"==typeof t)return e[t]}},{key:"setColor",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if("none"!==t){var i=void 0,o=this._isColorString(t);if(void 0!==o&&(t=o),!0===c.isString(t)){if(!0===c.isValidRGB(t)){var n=t.substr(4).substr(0,t.length-5).split(",");i={r:n[0],g:n[1],b:n[2],a:1}}else if(!0===c.isValidRGBA(t)){var r=t.substr(5).substr(0,t.length-6).split(",");i={r:r[0],g:r[1],b:r[2],a:r[3]}}else if(!0===c.isValidHex(t)){var a=c.hexToRGB(t);i={r:a.r,g:a.g,b:a.b,a:1}}}else if(t instanceof Object&&void 0!==t.r&&void 0!==t.g&&void 0!==t.b){var h=void 0!==t.a?t.a:"1.0";i={r:t.r,g:t.g,b:t.b,a:h}}if(void 0===i)throw new Error("Unknown color passed to the colorPicker. Supported are strings: rgb, hex, rgba. Object: rgb ({r:r,g:g,b:b,[a:a]}). Supplied: "+(0,s.default)(t));this._setColor(i,e)}}},{key:"show",value:function(){void 0!==this.closeCallback&&(this.closeCallback(),this.closeCallback=void 0),this.applied=!1,this.frame.style.display="block",this._generateHueCircle()}},{key:"_hide",value:function(){var t=this;!0===(!(arguments.length>0&&void 0!==arguments[0])||arguments[0])&&(this.previousColor=c.extend({},this.color)),!0===this.applied&&this.updateCallback(this.initialColor),this.frame.style.display="none",setTimeout(function(){void 0!==t.closeCallback&&(t.closeCallback(),t.closeCallback=void 0)},0)}},{key:"_save",value:function(){this.updateCallback(this.color),this.applied=!1,this._hide()}},{key:"_apply",value:function(){this.applied=!0,this.updateCallback(this.color),this._updatePicker(this.color)}},{key:"_loadLast",value:function(){void 0!==this.previousColor?this.setColor(this.previousColor,!1):alert("There is no last color to load...")}},{key:"_setColor",value:function(t){!0===(!(arguments.length>1&&void 0!==arguments[1])||arguments[1])&&(this.initialColor=c.extend({},t)),this.color=t;var e=c.RGBToHSV(t.r,t.g,t.b),i=2*Math.PI,o=this.r*e.s,n=this.centerCoordinates.x+o*Math.sin(i*e.h),s=this.centerCoordinates.y+o*Math.cos(i*e.h);this.colorPickerSelector.style.left=n-.5*this.colorPickerSelector.clientWidth+"px",this.colorPickerSelector.style.top=s-.5*this.colorPickerSelector.clientHeight+"px",this._updatePicker(t)}},{key:"_setOpacity",value:function(t){this.color.a=t/100,this._updatePicker(this.color)}},{key:"_setBrightness",value:function(t){var e=c.RGBToHSV(this.color.r,this.color.g,this.color.b);e.v=t/100;var i=c.HSVToRGB(e.h,e.s,e.v);i.a=this.color.a,this.color=i,this._updatePicker()}},{key:"_updatePicker",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.color,e=c.RGBToHSV(t.r,t.g,t.b),i=this.colorPickerCanvas.getContext("2d");void 0===this.pixelRation&&(this.pixelRatio=(window.devicePixelRatio||1)/(i.webkitBackingStorePixelRatio||i.mozBackingStorePixelRatio||i.msBackingStorePixelRatio||i.oBackingStorePixelRatio||i.backingStorePixelRatio||1)),i.setTransform(this.pixelRatio,0,0,this.pixelRatio,0,0);var o=this.colorPickerCanvas.clientWidth,n=this.colorPickerCanvas.clientHeight;i.clearRect(0,0,o,n),i.putImageData(this.hueCircle,0,0),i.fillStyle="rgba(0,0,0,"+(1-e.v)+")",i.circle(this.centerCoordinates.x,this.centerCoordinates.y,this.r),i.fill(),this.brightnessRange.value=100*e.v,this.opacityRange.value=100*t.a,this.initialColorDiv.style.backgroundColor="rgba("+this.initialColor.r+","+this.initialColor.g+","+this.initialColor.b+","+this.initialColor.a+")",this.newColorDiv.style.backgroundColor="rgba("+this.color.r+","+this.color.g+","+this.color.b+","+this.color.a+")"}},{key:"_setSize",value:function(){this.colorPickerCanvas.style.width="100%",this.colorPickerCanvas.style.height="100%",this.colorPickerCanvas.width=289*this.pixelRatio,this.colorPickerCanvas.height=289*this.pixelRatio}},{key:"_create",value:function(){if(this.frame=document.createElement("div"),this.frame.className="vis-color-picker",this.colorPickerDiv=document.createElement("div"),this.colorPickerSelector=document.createElement("div"),this.colorPickerSelector.className="vis-selector",this.colorPickerDiv.appendChild(this.colorPickerSelector),this.colorPickerCanvas=document.createElement("canvas"),this.colorPickerDiv.appendChild(this.colorPickerCanvas),this.colorPickerCanvas.getContext){var t=this.colorPickerCanvas.getContext("2d")
-;this.pixelRatio=(window.devicePixelRatio||1)/(t.webkitBackingStorePixelRatio||t.mozBackingStorePixelRatio||t.msBackingStorePixelRatio||t.oBackingStorePixelRatio||t.backingStorePixelRatio||1),this.colorPickerCanvas.getContext("2d").setTransform(this.pixelRatio,0,0,this.pixelRatio,0,0)}else{var e=document.createElement("DIV");e.style.color="red",e.style.fontWeight="bold",e.style.padding="10px",e.innerHTML="Error: your browser does not support HTML canvas",this.colorPickerCanvas.appendChild(e)}this.colorPickerDiv.className="vis-color",this.opacityDiv=document.createElement("div"),this.opacityDiv.className="vis-opacity",this.brightnessDiv=document.createElement("div"),this.brightnessDiv.className="vis-brightness",this.arrowDiv=document.createElement("div"),this.arrowDiv.className="vis-arrow",this.opacityRange=document.createElement("input");try{this.opacityRange.type="range",this.opacityRange.min="0",this.opacityRange.max="100"}catch(t){}this.opacityRange.value="100",this.opacityRange.className="vis-range",this.brightnessRange=document.createElement("input");try{this.brightnessRange.type="range",this.brightnessRange.min="0",this.brightnessRange.max="100"}catch(t){}this.brightnessRange.value="100",this.brightnessRange.className="vis-range",this.opacityDiv.appendChild(this.opacityRange),this.brightnessDiv.appendChild(this.brightnessRange);var i=this;this.opacityRange.onchange=function(){i._setOpacity(this.value)},this.opacityRange.oninput=function(){i._setOpacity(this.value)},this.brightnessRange.onchange=function(){i._setBrightness(this.value)},this.brightnessRange.oninput=function(){i._setBrightness(this.value)},this.brightnessLabel=document.createElement("div"),this.brightnessLabel.className="vis-label vis-brightness",this.brightnessLabel.innerHTML="brightness:",this.opacityLabel=document.createElement("div"),this.opacityLabel.className="vis-label vis-opacity",this.opacityLabel.innerHTML="opacity:",this.newColorDiv=document.createElement("div"),this.newColorDiv.className="vis-new-color",this.newColorDiv.innerHTML="new",this.initialColorDiv=document.createElement("div"),this.initialColorDiv.className="vis-initial-color",this.initialColorDiv.innerHTML="initial",this.cancelButton=document.createElement("div"),this.cancelButton.className="vis-button vis-cancel",this.cancelButton.innerHTML="cancel",this.cancelButton.onclick=this._hide.bind(this,!1),this.applyButton=document.createElement("div"),this.applyButton.className="vis-button vis-apply",this.applyButton.innerHTML="apply",this.applyButton.onclick=this._apply.bind(this),this.saveButton=document.createElement("div"),this.saveButton.className="vis-button vis-save",this.saveButton.innerHTML="save",this.saveButton.onclick=this._save.bind(this),this.loadButton=document.createElement("div"),this.loadButton.className="vis-button vis-load",this.loadButton.innerHTML="load last",this.loadButton.onclick=this._loadLast.bind(this),this.frame.appendChild(this.colorPickerDiv),this.frame.appendChild(this.arrowDiv),this.frame.appendChild(this.brightnessLabel),this.frame.appendChild(this.brightnessDiv),this.frame.appendChild(this.opacityLabel),this.frame.appendChild(this.opacityDiv),this.frame.appendChild(this.newColorDiv),this.frame.appendChild(this.initialColorDiv),this.frame.appendChild(this.cancelButton),this.frame.appendChild(this.applyButton),this.frame.appendChild(this.saveButton),this.frame.appendChild(this.loadButton)}},{key:"_bindHammer",value:function(){var t=this;this.drag={},this.pinch={},this.hammer=new l(this.colorPickerCanvas),this.hammer.get("pinch").set({enable:!0}),u.onTouch(this.hammer,function(e){t._moveSelector(e)}),this.hammer.on("tap",function(e){t._moveSelector(e)}),this.hammer.on("panstart",function(e){t._moveSelector(e)}),this.hammer.on("panmove",function(e){t._moveSelector(e)}),this.hammer.on("panend",function(e){t._moveSelector(e)})}},{key:"_generateHueCircle",value:function(){if(!1===this.generated){var t=this.colorPickerCanvas.getContext("2d");void 0===this.pixelRation&&(this.pixelRatio=(window.devicePixelRatio||1)/(t.webkitBackingStorePixelRatio||t.mozBackingStorePixelRatio||t.msBackingStorePixelRatio||t.oBackingStorePixelRatio||t.backingStorePixelRatio||1)),t.setTransform(this.pixelRatio,0,0,this.pixelRatio,0,0);var e=this.colorPickerCanvas.clientWidth,i=this.colorPickerCanvas.clientHeight;t.clearRect(0,0,e,i);var o=void 0,n=void 0,s=void 0,r=void 0;this.centerCoordinates={x:.5*e,y:.5*i},this.r=.49*e;var a=2*Math.PI/360,h=1/this.r,d=void 0;for(s=0;s<360;s++)for(r=0;r<this.r;r++)o=this.centerCoordinates.x+r*Math.sin(a*s),n=this.centerCoordinates.y+r*Math.cos(a*s),d=c.HSVToRGB(s*(1/360),r*h,1),t.fillStyle="rgb("+d.r+","+d.g+","+d.b+")",t.fillRect(o-.5,n-.5,2,2);t.strokeStyle="rgba(0,0,0,1)",t.circle(this.centerCoordinates.x,this.centerCoordinates.y,this.r),t.stroke(),this.hueCircle=t.getImageData(0,0,e,i)}this.generated=!0}},{key:"_moveSelector",value:function(t){var e=this.colorPickerDiv.getBoundingClientRect(),i=t.center.x-e.left,o=t.center.y-e.top,n=.5*this.colorPickerDiv.clientHeight,s=.5*this.colorPickerDiv.clientWidth,r=i-s,a=o-n,h=Math.atan2(r,a),d=.98*Math.min(Math.sqrt(r*r+a*a),s),l=Math.cos(h)*d+n,u=Math.sin(h)*d+s;this.colorPickerSelector.style.top=l-.5*this.colorPickerSelector.clientHeight+"px",this.colorPickerSelector.style.left=u-.5*this.colorPickerSelector.clientWidth+"px";var p=h/(2*Math.PI);p=p<0?p+1:p;var f=d/this.r,m=c.RGBToHSV(this.color.r,this.color.g,this.color.b);m.h=p,m.s=f;var v=c.HSVToRGB(m.h,m.s,m.v);v.a=this.color.a,this.color=v,this.initialColorDiv.style.backgroundColor="rgba("+this.initialColor.r+","+this.initialColor.g+","+this.initialColor.b+","+this.initialColor.a+")",this.newColorDiv.style.backgroundColor="rgba("+this.color.r+","+this.color.g+","+this.color.b+","+this.color.a+")"}}]),t}();e.default=p},function(t,e,i){function o(t,e,i,o){if(!(Array.isArray(i)||i instanceof r||i instanceof a)&&i instanceof Object){var d=o;o=i,i=d}o&&o.throttleRedraw&&console.warn('Graph2d option "throttleRedraw" is DEPRICATED and no longer supported. It will be removed in the next MAJOR release.');var c=this;this.defaultOptions={start:null,end:null,autoResize:!0,orientation:{axis:"bottom",item:"bottom"},moment:n,width:null,height:null,maxHeight:null,minHeight:null},this.options=s.deepExtend({},this.defaultOptions),this._create(t),this.components=[],this.body={dom:this.dom,domProps:this.props,emitter:{on:this.on.bind(this),off:this.off.bind(this),emit:this.emit.bind(this)},hiddenDates:[],util:{toScreen:c._toScreen.bind(c),toGlobalScreen:c._toGlobalScreen.bind(c),toTime:c._toTime.bind(c),toGlobalTime:c._toGlobalTime.bind(c)}},this.range=new h(this.body),this.components.push(this.range),this.body.range=this.range,this.timeAxis=new l(this.body),this.components.push(this.timeAxis),this.currentTime=new u(this.body),this.components.push(this.currentTime),this.linegraph=new p(this.body),this.components.push(this.linegraph),this.itemsData=null,this.groupsData=null,this.on("tap",function(t){c.emit("click",c.getEventProperties(t))}),this.on("doubletap",function(t){c.emit("doubleClick",c.getEventProperties(t))}),this.dom.root.oncontextmenu=function(t){c.emit("contextmenu",c.getEventProperties(t))},o&&this.setOptions(o),i&&this.setGroups(i),e&&this.setItems(e),this._redraw()}var n=i(9),s=i(2),r=i(11),a=i(12),h=i(64),d=i(65),l=i(45),u=i(67),c=i(46),p=i(106),f=i(15).printStyle,m=i(113).allOptions,v=i(113).configureOptions,g=i(71).default,y=i(15).default;o.prototype=new d,o.prototype.setOptions=function(t){!0===y.validate(t,m)&&console.log("%cErrors have been found in the supplied options object.",f),d.prototype.setOptions.call(this,t)},o.prototype.setItems=function(t){var e,i=null==this.itemsData;if(e=t?t instanceof r||t instanceof a?t:new r(t,{type:{start:"Date",end:"Date"}}):null,this.itemsData=e,this.linegraph&&this.linegraph.setItems(e),i)if(void 0!=this.options.start||void 0!=this.options.end){var o=void 0!=this.options.start?this.options.start:null,n=void 0!=this.options.end?this.options.end:null;this.setWindow(o,n,{animation:!1})}else this.fit({animation:!1})},o.prototype.setGroups=function(t){var e;e=t?t instanceof r||t instanceof a?t:new r(t):null,this.groupsData=e,this.linegraph.setGroups(e)},o.prototype.getLegend=function(t,e,i){return void 0===e&&(e=15),void 0===i&&(i=15),void 0!==this.linegraph.groups[t]?this.linegraph.groups[t].getLegend(e,i):"cannot find group:'"+t+"'"},o.prototype.isGroupVisible=function(t){return void 0!==this.linegraph.groups[t]&&(this.linegraph.groups[t].visible&&(void 0===this.linegraph.options.groups.visibility[t]||1==this.linegraph.options.groups.visibility[t]))},o.prototype.getDataRange=function(){var t=null,e=null;for(var i in this.linegraph.groups)if(this.linegraph.groups.hasOwnProperty(i)&&1==this.linegraph.groups[i].visible)for(var o=0;o<this.linegraph.groups[i].itemsData.length;o++){var n=this.linegraph.groups[i].itemsData[o],r=s.convert(n.x,"Date").valueOf();t=null==t?r:t>r?r:t,e=null==e?r:e<r?r:e}return{min:null!=t?new Date(t):null,max:null!=e?new Date(e):null}},o.prototype.getEventProperties=function(t){var e=t.center?t.center.x:t.clientX,i=t.center?t.center.y:t.clientY,o=e-s.getAbsoluteLeft(this.dom.centerContainer),n=i-s.getAbsoluteTop(this.dom.centerContainer),r=this._toTime(o),a=c.customTimeFromTarget(t),h=s.getTarget(t),d=null;s.hasParent(h,this.timeAxis.dom.foreground)?d="axis":this.timeAxis2&&s.hasParent(h,this.timeAxis2.dom.foreground)?d="axis":s.hasParent(h,this.linegraph.yAxisLeft.dom.frame)?d="data-axis":s.hasParent(h,this.linegraph.yAxisRight.dom.frame)?d="data-axis":s.hasParent(h,this.linegraph.legendLeft.dom.frame)?d="legend":s.hasParent(h,this.linegraph.legendRight.dom.frame)?d="legend":null!=a?d="custom-time":s.hasParent(h,this.currentTime.bar)?d="current-time":s.hasParent(h,this.dom.center)&&(d="background");var l=[],u=this.linegraph.yAxisLeft,p=this.linegraph.yAxisRight;return!u.hidden&&this.itemsData.length>0&&l.push(u.screenToValue(n)),!p.hidden&&this.itemsData.length>0&&l.push(p.screenToValue(n)),{event:t,what:d,pageX:t.srcEvent?t.srcEvent.pageX:t.pageX,pageY:t.srcEvent?t.srcEvent.pageY:t.pageY,x:o,y:n,time:r,value:l}},o.prototype._createConfigurator=function(){return new g(this,this.dom.container,v)},t.exports=o},function(t,e,i){e.util=i(2),e.DOMutil=i(14),e.DataSet=i(11),e.DataView=i(12),e.Queue=i(43),e.Network=i(182),e.network={Images:i(116),dotparser:i(114),gephiParser:i(115),allOptions:i(122)},e.network.convertDot=function(t){return e.network.dotparser.DOTToGraph(t)},e.network.convertGephi=function(t,i){return e.network.gephiParser.parseGephi(t,i)},e.moment=i(9),e.Hammer=i(10),e.keycharm=i(35)},function(t,e,i){function o(t,e,i){var n=this;if(!(this instanceof o))throw new SyntaxError("Constructor must be called with the new operator");this.options={},this.defaultOptions={locale:"en",locales:d,clickToUse:!1},s.extend(this.options,this.defaultOptions),this.body={container:t,nodes:{},nodeIndices:[],edges:{},edgeIndices:[],emitter:{on:this.on.bind(this),off:this.off.bind(this),emit:this.emit.bind(this),once:this.once.bind(this)},eventListeners:{onTap:function(){},onTouch:function(){},onDoubleTap:function(){},onHold:function(){},onDragStart:function(){},onDrag:function(){},onDragEnd:function(){},onMouseWheel:function(){},onPinch:function(){},onMouseMove:function(){},onRelease:function(){},onContext:function(){}},data:{nodes:null,edges:null},functions:{createNode:function(){},createEdge:function(){},getPointer:function(){}},modules:{},view:{scale:1,translation:{x:0,y:0}}},this.bindEventListeners(),this.images=new l(function(){return n.body.emitter.emit("_requestRedraw")}),this.groups=new u,this.canvas=new g(this.body),this.selectionHandler=new _(this.body,this.canvas),this.interactionHandler=new b(this.body,this.canvas,this.selectionHandler),this.view=new y(this.body,this.canvas),this.renderer=new v(this.body,this.canvas),this.physics=new f(this.body),this.layoutEngine=new w(this.body),this.clustering=new m(this.body),this.manipulation=new x(this.body,this.canvas,this.selectionHandler),this.nodesHandler=new c(this.body,this.images,this.groups,this.layoutEngine),this.edgesHandler=new p(this.body,this.images,this.groups),this.body.modules.kamadaKawai=new T(this.body,150,.05),this.body.modules.clustering=this.clustering,this.canvas._create(),this.setOptions(i),this.setData(e)}i(183);var n=i(44),s=i(2),r=i(114),a=i(115),h=i(97),d=i(184),l=i(116).default,u=i(186).default,c=i(187).default,p=i(214).default,f=i(220).default,m=i(227).default,v=i(229).default,g=i(230).default,y=i(231).default,b=i(232).default,_=i(234).default,w=i(235).default,x=i(237).default,k=i(71).default,S=i(15).default,D=i(15),M=D.printStyle,C=i(122),O=C.allOptions,E=C.configureOptions,T=i(238).default;n(o.prototype),o.prototype.setOptions=function(t){var e=this;if(void 0!==t){!0===S.validate(t,O)&&console.log("%cErrors have been found in the supplied options object.",M);var i=["locale","locales","clickToUse"];if(s.selectiveDeepExtend(i,this.options,t),t=this.layoutEngine.setOptions(t.layout,t),this.canvas.setOptions(t),this.groups.setOptions(t.groups),this.nodesHandler.setOptions(t.nodes),this.edgesHandler.setOptions(t.edges),this.physics.setOptions(t.physics),this.manipulation.setOptions(t.manipulation,t,this.options),this.interactionHandler.setOptions(t.interaction),this.renderer.setOptions(t.interaction),this.selectionHandler.setOptions(t.interaction),void 0!==t.groups&&this.body.emitter.emit("refreshNodes"),"configure"in t&&(this.configurator||(this.configurator=new k(this,this.body.container,E,this.canvas.pixelRatio)),this.configurator.setOptions(t.configure)),this.configurator&&!0===this.configurator.options.enabled){var o={nodes:{},edges:{},layout:{},interaction:{},manipulation:{},physics:{},global:{}};s.deepExtend(o.nodes,this.nodesHandler.options),s.deepExtend(o.edges,this.edgesHandler.options),s.deepExtend(o.layout,this.layoutEngine.options),s.deepExtend(o.interaction,this.selectionHandler.options),s.deepExtend(o.interaction,this.renderer.options),s.deepExtend(o.interaction,this.interactionHandler.options),s.deepExtend(o.manipulation,this.manipulation.options),s.deepExtend(o.physics,this.physics.options),s.deepExtend(o.global,this.canvas.options),s.deepExtend(o.global,this.options),this.configurator.setModuleOptions(o)}void 0!==t.clickToUse?!0===t.clickToUse?void 0===this.activator&&(this.activator=new h(this.canvas.frame),this.activator.on("change",function(){e.body.emitter.emit("activate")})):(void 0!==this.activator&&(this.activator.destroy(),delete this.activator),this.body.emitter.emit("activate")):this.body.emitter.emit("activate"),this.canvas.setSize(),this.body.emitter.emit("startSimulation")}},o.prototype._updateVisibleIndices=function(){var t=this.body.nodes,e=this.body.edges;this.body.nodeIndices=[],this.body.edgeIndices=[];for(var i in t)t.hasOwnProperty(i)&&(this.clustering._isClusteredNode(i)||!1!==t[i].options.hidden||this.body.nodeIndices.push(t[i].id));for(var o in e)if(e.hasOwnProperty(o)){var n=e[o],s=t[n.fromId],r=t[n.toId],a=void 0!==s&&void 0!==r,h=!this.clustering._isClusteredEdge(o)&&!1===n.options.hidden&&a&&!1===s.options.hidden&&!1===r.options.hidden;h&&this.body.edgeIndices.push(n.id)}},o.prototype.bindEventListeners=function(){var t=this;this.body.emitter.on("_dataChanged",function(){t.edgesHandler._updateState(),t.body.emitter.emit("_dataUpdated")}),this.body.emitter.on("_dataUpdated",function(){t.clustering._updateState(),t._updateVisibleIndices(),t._updateValueRange(t.body.nodes),t._updateValueRange(t.body.edges),t.body.emitter.emit("startSimulation"),t.body.emitter.emit("_requestRedraw")})},o.prototype.setData=function(t){if(this.body.emitter.emit("resetPhysics"),this.body.emitter.emit("_resetData"),this.selectionHandler.unselectAll(),t&&t.dot&&(t.nodes||t.edges))throw new SyntaxError('Data must contain either parameter "dot" or  parameter pair "nodes" and "edges", but not both.');if(this.setOptions(t&&t.options),t&&t.dot){console.log("The dot property has been deprecated. Please use the static convertDot method to convert DOT into vis.network format and use the normal data format with nodes and edges. This converter is used like this: var data = vis.network.convertDot(dotString);");var e=r.DOTToGraph(t.dot);return void this.setData(e)}if(t&&t.gephi){console.log("The gephi property has been deprecated. Please use the static convertGephi method to convert gephi into vis.network format and use the normal data format with nodes and edges. This converter is used like this: var data = vis.network.convertGephi(gephiJson);");var i=a.parseGephi(t.gephi);return void this.setData(i)}this.nodesHandler.setData(t&&t.nodes,!0),this.edgesHandler.setData(t&&t.edges,!0),this.body.emitter.emit("_dataChanged"),this.body.emitter.emit("_dataLoaded"),this.body.emitter.emit("initPhysics")},o.prototype.destroy=function(){this.body.emitter.emit("destroy"),this.body.emitter.off(),this.off(),delete this.groups,delete this.canvas,delete this.selectionHandler,delete this.interactionHandler,delete this.view,delete this.renderer,delete this.physics,delete this.layoutEngine,delete this.clustering,delete this.manipulation,delete this.nodesHandler,delete this.edgesHandler,delete this.configurator,delete this.images;for(var t in this.body.nodes)this.body.nodes.hasOwnProperty(t)&&delete this.body.nodes[t];for(var e in this.body.edges)this.body.edges.hasOwnProperty(e)&&delete this.body.edges[e];s.recursiveDOMDelete(this.body.container)},o.prototype._updateValueRange=function(t){var e,i=void 0,o=void 0,n=0;for(e in t)if(t.hasOwnProperty(e)){var s=t[e].getValue();void 0!==s&&(i=void 0===i?s:Math.min(s,i),o=void 0===o?s:Math.max(s,o),n+=s)}if(void 0!==i&&void 0!==o)for(e in t)t.hasOwnProperty(e)&&t[e].setValueRange(i,o,n)},o.prototype.isActive=function(){return!this.activator||this.activator.active},o.prototype.setSize=function(){return this.canvas.setSize.apply(this.canvas,arguments)},o.prototype.canvasToDOM=function(){return this.canvas.canvasToDOM.apply(this.canvas,arguments)},o.prototype.DOMtoCanvas=function(){return this.canvas.DOMtoCanvas.apply(this.canvas,arguments)},o.prototype.findNode=function(){return this.clustering.findNode.apply(this.clustering,arguments)},o.prototype.isCluster=function(){return this.clustering.isCluster.apply(this.clustering,arguments)},o.prototype.openCluster=function(){return this.clustering.openCluster.apply(this.clustering,arguments)},o.prototype.cluster=function(){return this.clustering.cluster.apply(this.clustering,arguments)},o.prototype.getNodesInCluster=function(){return this.clustering.getNodesInCluster.apply(this.clustering,arguments)},o.prototype.clusterByConnection=function(){return this.clustering.clusterByConnection.apply(this.clustering,arguments)},o.prototype.clusterByHubsize=function(){return this.clustering.clusterByHubsize.apply(this.clustering,arguments)},o.prototype.clusterOutliers=function(){return this.clustering.clusterOutliers.apply(this.clustering,arguments)},o.prototype.getSeed=function(){return this.layoutEngine.getSeed.apply(this.layoutEngine,arguments)},o.prototype.enableEditMode=function(){return this.manipulation.enableEditMode.apply(this.manipulation,arguments)},o.prototype.disableEditMode=function(){return this.manipulation.disableEditMode.apply(this.manipulation,arguments)},o.prototype.addNodeMode=function(){return this.manipulation.addNodeMode.apply(this.manipulation,arguments)},o.prototype.editNode=function(){return this.manipulation.editNode.apply(this.manipulation,arguments)},o.prototype.editNodeMode=function(){return console.log("Deprecated: Please use editNode instead of editNodeMode."),this.manipulation.editNode.apply(this.manipulation,arguments)},o.prototype.addEdgeMode=function(){return this.manipulation.addEdgeMode.apply(this.manipulation,arguments)},o.prototype.editEdgeMode=function(){return this.manipulation.editEdgeMode.apply(this.manipulation,arguments)},o.prototype.deleteSelected=function(){return this.manipulation.deleteSelected.apply(this.manipulation,arguments)},o.prototype.getPositions=function(){return this.nodesHandler.getPositions.apply(this.nodesHandler,arguments)},o.prototype.storePositions=function(){return this.nodesHandler.storePositions.apply(this.nodesHandler,arguments)},o.prototype.moveNode=function(){return this.nodesHandler.moveNode.apply(this.nodesHandler,arguments)},o.prototype.getBoundingBox=function(){return this.nodesHandler.getBoundingBox.apply(this.nodesHandler,arguments)},o.prototype.getConnectedNodes=function(t){return void 0!==this.body.nodes[t]?this.nodesHandler.getConnectedNodes.apply(this.nodesHandler,arguments):this.edgesHandler.getConnectedNodes.apply(this.edgesHandler,arguments)},o.prototype.getConnectedEdges=function(){return this.nodesHandler.getConnectedEdges.apply(this.nodesHandler,arguments)},o.prototype.startSimulation=function(){return this.physics.startSimulation.apply(this.physics,arguments)},o.prototype.stopSimulation=function(){return this.physics.stopSimulation.apply(this.physics,arguments)},o.prototype.stabilize=function(){return this.physics.stabilize.apply(this.physics,arguments)},o.prototype.getSelection=function(){return this.selectionHandler.getSelection.apply(this.selectionHandler,arguments)},o.prototype.setSelection=function(){return this.selectionHandler.setSelection.apply(this.selectionHandler,arguments)},o.prototype.getSelectedNodes=function(){return this.selectionHandler.getSelectedNodes.apply(this.selectionHandler,arguments)},o.prototype.getSelectedEdges=function(){return this.selectionHandler.getSelectedEdges.apply(this.selectionHandler,arguments)},o.prototype.getNodeAt=function(){var t=this.selectionHandler.getNodeAt.apply(this.selectionHandler,arguments);return void 0!==t&&void 0!==t.id?t.id:t},o.prototype.getEdgeAt=function(){var t=this.selectionHandler.getEdgeAt.apply(this.selectionHandler,arguments);return void 0!==t&&void 0!==t.id?t.id:t},o.prototype.selectNodes=function(){return this.selectionHandler.selectNodes.apply(this.selectionHandler,arguments)},o.prototype.selectEdges=function(){return this.selectionHandler.selectEdges.apply(this.selectionHandler,arguments)},o.prototype.unselectAll=function(){this.selectionHandler.unselectAll.apply(this.selectionHandler,arguments),this.redraw()},o.prototype.redraw=function(){return this.renderer.redraw.apply(this.renderer,arguments)},o.prototype.getScale=function(){return this.view.getScale.apply(this.view,arguments)},o.prototype.getViewPosition=function(){return this.view.getViewPosition.apply(this.view,arguments)},o.prototype.fit=function(){return this.view.fit.apply(this.view,arguments)},o.prototype.moveTo=function(){return this.view.moveTo.apply(this.view,arguments)},o.prototype.focus=function(){return this.view.focus.apply(this.view,arguments)},o.prototype.releaseNode=function(){return this.view.releaseNode.apply(this.view,arguments)},o.prototype.getOptionsFromConfigurator=function(){var t={};return this.configurator&&(t=this.configurator.getOptions.apply(this.configurator)),t},t.exports=o},function(t,e,i){"undefined"!=typeof CanvasRenderingContext2D&&(CanvasRenderingContext2D.prototype.circle=function(t,e,i){this.beginPath(),this.arc(t,e,i,0,2*Math.PI,!1),this.closePath()},CanvasRenderingContext2D.prototype.square=function(t,e,i){this.beginPath(),this.rect(t-i,e-i,2*i,2*i),this.closePath()},CanvasRenderingContext2D.prototype.triangle=function(t,e,i){this.beginPath(),i*=1.15,e+=.275*i;var o=2*i,n=o/2,s=Math.sqrt(3)/6*o,r=Math.sqrt(o*o-n*n);this.moveTo(t,e-(r-s)),this.lineTo(t+n,e+s),this.lineTo(t-n,e+s),this.lineTo(t,e-(r-s)),this.closePath()},CanvasRenderingContext2D.prototype.triangleDown=function(t,e,i){this.beginPath(),i*=1.15,e-=.275*i;var o=2*i,n=o/2,s=Math.sqrt(3)/6*o,r=Math.sqrt(o*o-n*n);this.moveTo(t,e+(r-s)),this.lineTo(t+n,e-s),this.lineTo(t-n,e-s),this.lineTo(t,e+(r-s)),this.closePath()},CanvasRenderingContext2D.prototype.star=function(t,e,i){this.beginPath(),i*=.82,e+=.1*i;for(var o=0;o<10;o++){var n=o%2==0?1.3*i:.5*i;this.lineTo(t+n*Math.sin(2*o*Math.PI/10),e-n*Math.cos(2*o*Math.PI/10))}this.closePath()},CanvasRenderingContext2D.prototype.diamond=function(t,e,i){this.beginPath(),this.lineTo(t,e+i),this.lineTo(t+i,e),this.lineTo(t,e-i),this.lineTo(t-i,e),this.closePath()},CanvasRenderingContext2D.prototype.roundRect=function(t,e,i,o,n){var s=Math.PI/180;i-2*n<0&&(n=i/2),o-2*n<0&&(n=o/2),this.beginPath(),this.moveTo(t+n,e),this.lineTo(t+i-n,e),this.arc(t+i-n,e+n,n,270*s,360*s,!1),this.lineTo(t+i,e+o-n),this.arc(t+i-n,e+o-n,n,0,90*s,!1),this.lineTo(t+n,e+o),this.arc(t+n,e+o-n,n,90*s,180*s,!1),this.lineTo(t,e+n),this.arc(t+n,e+n,n,180*s,270*s,!1),this.closePath()},CanvasRenderingContext2D.prototype.ellipse_vis=function(t,e,i,o){var n=i/2*.5522848,s=o/2*.5522848,r=t+i,a=e+o,h=t+i/2,d=e+o/2;this.beginPath(),this.moveTo(t,d),this.bezierCurveTo(t,d-s,h-n,e,h,e),this.bezierCurveTo(h+n,e,r,d-s,r,d),this.bezierCurveTo(r,d+s,h+n,a,h,a),this.bezierCurveTo(h-n,a,t,d+s,t,d),this.closePath()},CanvasRenderingContext2D.prototype.database=function(t,e,i,o){var n=i,s=o*(1/3),r=n/2*.5522848,a=s/2*.5522848,h=t+n,d=e+s,l=t+n/2,u=e+s/2,c=e+(o-s/2),p=e+o;this.beginPath(),this.moveTo(h,u),this.bezierCurveTo(h,u+a,l+r,d,l,d),this.bezierCurveTo(l-r,d,t,u+a,t,u),this.bezierCurveTo(t,u-a,l-r,e,l,e),this.bezierCurveTo(l+r,e,h,u-a,h,u),this.lineTo(h,c),this.bezierCurveTo(h,c+a,l+r,p,l,p),this.bezierCurveTo(l-r,p,t,c+a,t,c),this.lineTo(t,u)},CanvasRenderingContext2D.prototype.dashedLine=function(t,e,i,o,n){this.beginPath(),this.moveTo(t,e);for(var s=n.length,r=i-t,a=o-e,h=a/r,d=Math.sqrt(r*r+a*a),l=0,u=!0,c=0,p=n[0];d>=.1;)p=n[l++%s],p>d&&(p=d),c=Math.sqrt(p*p/(1+h*h)),c=r<0?-c:c,t+=c,e+=h*c,!0===u?this.lineTo(t,e):this.moveTo(t,e),d-=p,u=!u},CanvasRenderingContext2D.prototype.hexagon=function(t,e,i){this.beginPath();var o=2*Math.PI/6;this.moveTo(t+i,e);for(var n=1;n<6;n++)this.lineTo(t+i*Math.cos(o*n),e+i*Math.sin(o*n));this.closePath()})},function(t,e,i){e.en={edit:"Edit",del:"Delete selected",back:"Back",addNode:"Add Node",addEdge:"Add Edge",editNode:"Edit Node",editEdge:"Edit Edge",addDescription:"Click in an empty space to place a new node.",edgeDescription:"Click on a node and drag the edge to another node to connect them.",editEdgeDescription:"Click on the control points and drag them to a node to connect to it.",createEdgeError:"Cannot link edges to a cluster.",deleteClusterError:"Clusters cannot be deleted.",editClusterError:"Clusters cannot be edited."},e.en_EN=e.en,e.en_US=e.en,e.de={edit:"Editieren",del:"LÃ¶sche Auswahl",back:"ZurÃ¼ck",addNode:"Knoten hinzufÃ¼gen",addEdge:"Kante hinzufÃ¼gen",editNode:"Knoten editieren",editEdge:"Kante editieren",addDescription:"Klicke auf eine freie Stelle, um einen neuen Knoten zu plazieren.",edgeDescription:"Klicke auf einen Knoten und ziehe die Kante zu einem anderen Knoten, um diese zu verbinden.",editEdgeDescription:"Klicke auf die Verbindungspunkte und ziehe diese auf einen Knoten, um sie zu verbinden.",createEdgeError:"Es ist nicht mÃ¶glich, Kanten mit Clustern zu verbinden.",deleteClusterError:"Cluster kÃ¶nnen nicht gelÃ¶scht werden.",editClusterError:"Cluster kÃ¶nnen nicht editiert werden."},e.de_DE=e.de,e.es={edit:"Editar",del:"Eliminar selecciÃ³n",back:"Ãtras",addNode:"AÃ±adir nodo",addEdge:"AÃ±adir arista",editNode:"Editar nodo",editEdge:"Editar arista",addDescription:"Haga clic en un lugar vacÃ­o para colocar un nuevo nodo.",edgeDescription:"Haga clic en un nodo y arrastre la arista hacia otro nodo para conectarlos.",editEdgeDescription:"Haga clic en un punto de control y arrastrelo a un nodo para conectarlo.",createEdgeError:"No se puede conectar una arista a un grupo.",deleteClusterError:"No es posible eliminar grupos.",editClusterError:"No es posible editar grupos."},e.es_ES=e.es,e.it={edit:"Modifica",del:"Cancella la selezione",back:"Indietro",addNode:"Aggiungi un nodo",addEdge:"Aggiungi un vertice",editNode:"Modifica il nodo",editEdge:"Modifica il vertice",addDescription:"Clicca per aggiungere un nuovo nodo",edgeDescription:"Clicca su un nodo e trascinalo ad un altro nodo per connetterli.",editEdgeDescription:"Clicca sui Punti di controllo e trascinali ad un nodo per connetterli.",createEdgeError:"Non si possono collegare vertici ad un cluster",deleteClusterError:"I cluster non possono essere cancellati",editClusterError:"I clusters non possono essere modificati."},e.it_IT=e.it,e.nl={edit:"Wijzigen",del:"Selectie verwijderen",back:"Terug",addNode:"Node toevoegen",addEdge:"Link toevoegen",editNode:"Node wijzigen",editEdge:"Link wijzigen",addDescription:"Klik op een leeg gebied om een nieuwe node te maken.",edgeDescription:"Klik op een node en sleep de link naar een andere node om ze te verbinden.",editEdgeDescription:"Klik op de verbindingspunten en sleep ze naar een node om daarmee te verbinden.",createEdgeError:"Kan geen link maken naar een cluster.",deleteClusterError:"Clusters kunnen niet worden verwijderd.",editClusterError:"Clusters kunnen niet worden aangepast."},e.nl_NL=e.nl,e.nl_BE=e.nl,e["pt-br"]={edit:"Editar",del:"Remover selecionado",back:"Voltar",addNode:"Adicionar nÃ³",addEdge:"Adicionar aresta",editNode:"Editar nÃ³",editEdge:"Editar aresta",addDescription:"Clique em um espaÃ§o em branco para adicionar um novo nÃ³",edgeDescription:"Clique em um nÃ³ e arraste a aresta atÃ© outro nÃ³ para conectÃ¡-los",editEdgeDescription:"Clique nos pontos de controle e os arraste para um nÃ³ para conectÃ¡-los",createEdgeError:"NÃ£o foi possÃ­vel linkar arestas a um cluster.",deleteClusterError:"Clusters nÃ£o puderam ser removidos.",editClusterError:"Clusters nÃ£o puderam ser editados."},e["pt-BR"]=e["pt-br"],e.pt_BR=e["pt-br"],e.pt_br=e["pt-br"],e.ru={edit:"Ð ÐµÐ´Ð°ÐºÑ‚Ð¸Ñ€Ð¾Ð²Ð°Ñ‚ÑŒ",del:"Ð£Ð´Ð°Ð»Ð¸Ñ‚ÑŒ Ð²Ñ‹Ð±Ñ€Ð°Ð½Ð½Ð¾Ðµ",back:"ÐÐ°Ð·Ð°Ð´",addNode:"Ð”Ð¾Ð±Ð°Ð²Ð¸Ñ‚ÑŒ ÑƒÐ·ÐµÐ»",addEdge:"Ð”Ð¾Ð±Ð°Ð²Ð¸Ñ‚ÑŒ Ñ€ÐµÐ±Ñ€Ð¾",editNode:"Ð ÐµÐ´Ð°ÐºÑ‚Ð¸Ñ€Ð¾Ð²Ð°Ñ‚ÑŒ ÑƒÐ·ÐµÐ»",editEdge:"Ð ÐµÐ´Ð°ÐºÑ‚Ð¸Ñ€Ð¾Ð²Ð°Ñ‚ÑŒ Ñ€ÐµÐ±Ñ€Ð¾",addDescription:"ÐšÐ»Ð¸ÐºÐ½Ð¸Ñ‚Ðµ Ð² ÑÐ²Ð¾Ð±Ð¾Ð´Ð½Ð¾Ðµ Ð¼ÐµÑÑ‚Ð¾, Ñ‡Ñ‚Ð¾Ð±Ñ‹ Ð´Ð¾Ð±Ð°Ð²Ð¸Ñ‚ÑŒ Ð½Ð¾Ð²Ñ‹Ð¹ ÑƒÐ·ÐµÐ».",edgeDescription:"ÐšÐ»Ð¸ÐºÐ½Ð¸Ñ‚Ðµ Ð½Ð° ÑƒÐ·ÐµÐ» Ð¸ Ð¿Ñ€Ð¾Ñ‚ÑÐ½Ð¸Ñ‚Ðµ Ñ€ÐµÐ±Ñ€Ð¾ Ðº Ð´Ñ€ÑƒÐ³Ð¾Ð¼Ñƒ ÑƒÐ·Ð»Ñƒ, Ñ‡Ñ‚Ð¾Ð±Ñ‹ ÑÐ¾ÐµÐ´Ð¸Ð½Ð¸Ñ‚ÑŒ Ð¸Ñ….",editEdgeDescription:"ÐšÐ»Ð¸ÐºÐ½Ð¸Ñ‚Ðµ Ð½Ð° ÐºÐ¾Ð½Ñ‚Ñ€Ð¾Ð»ÑŒÐ½Ñ‹Ðµ Ñ‚Ð¾Ñ‡ÐºÐ¸ Ð¸ Ð¿ÐµÑ€ÐµÑ‚Ð°Ñ‰Ð¸Ñ‚Ðµ Ð¸Ñ… Ð² ÑƒÐ·ÐµÐ», Ñ‡Ñ‚Ð¾Ð±Ñ‹ Ð¿Ð¾Ð´ÐºÐ»ÑŽÑ‡Ð¸Ñ‚ÑŒÑÑ Ðº Ð½ÐµÐ¼Ñƒ.",createEdgeError:"ÐÐµÐ²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ ÑÐ¾ÐµÐ´Ð¸Ð½Ð¸Ñ‚ÑŒ Ñ€ÐµÐ±Ñ€Ð° Ð² ÐºÐ»Ð°ÑÑ‚ÐµÑ€.",deleteClusterError:"ÐšÐ»Ð°ÑÑ‚ÐµÑ€Ñ‹ Ð½Ðµ Ð¼Ð¾Ð³ÑƒÑ‚ Ð±Ñ‹Ñ‚ÑŒ ÑƒÐ´Ð°Ð»ÐµÐ½Ñ‹",editClusterError:"ÐšÐ»Ð°ÑÑ‚ÐµÑ€Ñ‹ Ð½ÐµÐ´Ð¾ÑÑ‚ÑƒÐ¿Ð½Ñ‹ Ð´Ð»Ñ Ñ€ÐµÐ´Ð°ÐºÑ‚Ð¸Ñ€Ð¾Ð²Ð°Ð½Ð¸Ñ."},e.ru_RU=e.ru,e.cn={edit:"ç¼–è¾‘",del:"åˆ é™¤é€‰å®š",back:"è¿”å›ž",addNode:"æ·»åŠ èŠ‚ç‚¹",addEdge:"æ·»åŠ è¿žæŽ¥çº¿",editNode:"ç¼–è¾‘èŠ‚ç‚¹",editEdge:"ç¼–è¾‘è¿žæŽ¥çº¿",addDescription:"å•å‡»ç©ºç™½å¤„æ”¾ç½®æ–°èŠ‚ç‚¹ã€‚",edgeDescription:"å•å‡»æŸä¸ªèŠ‚ç‚¹å¹¶å°†è¯¥è¿žæŽ¥çº¿æ‹–åŠ¨åˆ°å¦ä¸€ä¸ªèŠ‚ç‚¹ä»¥è¿žæŽ¥å®ƒä»¬ã€‚",editEdgeDescription:"å•å‡»æŽ§åˆ¶èŠ‚ç‚¹å¹¶å°†å®ƒä»¬æ‹–åˆ°èŠ‚ç‚¹ä¸Šè¿žæŽ¥ã€‚",createEdgeError:"æ— æ³•å°†è¿žæŽ¥çº¿è¿žæŽ¥åˆ°ç¾¤é›†ã€‚",deleteClusterError:"æ— æ³•åˆ é™¤ç¾¤é›†ã€‚",editClusterError:"æ— æ³•ç¼–è¾‘ç¾¤é›†ã€‚"},e.zh_CN=e.cn},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=function(){function t(){(0,s.default)(this,t),this.NUM_ITERATIONS=4,this.image=new Image,this.canvas=document.createElement("canvas")}return(0,a.default)(t,[{key:"init",value:function(){if(!this.initialized()){this.src=this.image.src;var t=this.image.width,e=this.image.height;this.width=t,this.height=e;var i=Math.floor(e/2),o=Math.floor(e/4),n=Math.floor(e/8),s=Math.floor(e/16),r=Math.floor(t/2),a=Math.floor(t/4),h=Math.floor(t/8),d=Math.floor(t/16);this.canvas.width=3*a,this.canvas.height=i,this.coordinates=[[0,0,r,i],[r,0,a,o],[r,o,h,n],[5*h,o,d,s]],this._fillMipMap()}}},{key:"initialized",value:function(){return void 0!==this.coordinates}},{key:"_fillMipMap",value:function(){var t=this.canvas.getContext("2d"),e=this.coordinates[0];t.drawImage(this.image,e[0],e[1],e[2],e[3]);for(var i=1;i<this.NUM_ITERATIONS;i++){var o=this.coordinates[i-1],n=this.coordinates[i];t.drawImage(this.canvas,o[0],o[1],o[2],o[3],n[0],n[1],n[2],n[3])}}},{key:"drawImageAtPosition",value:function(t,e,i,o,n,s){if(this.initialized())if(e>2){e*=.5;for(var r=0;e>2&&r<this.NUM_ITERATIONS;)e*=.5,r+=1;r>=this.NUM_ITERATIONS&&(r=this.NUM_ITERATIONS-1);var a=this.coordinates[r];t.drawImage(this.canvas,a[0],a[1],a[2],a[3],i,o,n,s)}else t.drawImage(this.image,i,o,n,s)}}]),t}();e.default=h},function(t,e,i){
-function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(2),d=function(){function t(){(0,s.default)(this,t),this.clear(),this.defaultIndex=0,this.groupsArray=[],this.groupIndex=0,this.defaultGroups=[{border:"#2B7CE9",background:"#97C2FC",highlight:{border:"#2B7CE9",background:"#D2E5FF"},hover:{border:"#2B7CE9",background:"#D2E5FF"}},{border:"#FFA500",background:"#FFFF00",highlight:{border:"#FFA500",background:"#FFFFA3"},hover:{border:"#FFA500",background:"#FFFFA3"}},{border:"#FA0A10",background:"#FB7E81",highlight:{border:"#FA0A10",background:"#FFAFB1"},hover:{border:"#FA0A10",background:"#FFAFB1"}},{border:"#41A906",background:"#7BE141",highlight:{border:"#41A906",background:"#A1EC76"},hover:{border:"#41A906",background:"#A1EC76"}},{border:"#E129F0",background:"#EB7DF4",highlight:{border:"#E129F0",background:"#F0B3F5"},hover:{border:"#E129F0",background:"#F0B3F5"}},{border:"#7C29F0",background:"#AD85E4",highlight:{border:"#7C29F0",background:"#D3BDF0"},hover:{border:"#7C29F0",background:"#D3BDF0"}},{border:"#C37F00",background:"#FFA807",highlight:{border:"#C37F00",background:"#FFCA66"},hover:{border:"#C37F00",background:"#FFCA66"}},{border:"#4220FB",background:"#6E6EFD",highlight:{border:"#4220FB",background:"#9B9BFD"},hover:{border:"#4220FB",background:"#9B9BFD"}},{border:"#FD5A77",background:"#FFC0CB",highlight:{border:"#FD5A77",background:"#FFD1D9"},hover:{border:"#FD5A77",background:"#FFD1D9"}},{border:"#4AD63A",background:"#C2FABC",highlight:{border:"#4AD63A",background:"#E6FFE3"},hover:{border:"#4AD63A",background:"#E6FFE3"}},{border:"#990000",background:"#EE0000",highlight:{border:"#BB0000",background:"#FF3333"},hover:{border:"#BB0000",background:"#FF3333"}},{border:"#FF6000",background:"#FF6000",highlight:{border:"#FF6000",background:"#FF6000"},hover:{border:"#FF6000",background:"#FF6000"}},{border:"#97C2FC",background:"#2B7CE9",highlight:{border:"#D2E5FF",background:"#2B7CE9"},hover:{border:"#D2E5FF",background:"#2B7CE9"}},{border:"#399605",background:"#255C03",highlight:{border:"#399605",background:"#255C03"},hover:{border:"#399605",background:"#255C03"}},{border:"#B70054",background:"#FF007E",highlight:{border:"#B70054",background:"#FF007E"},hover:{border:"#B70054",background:"#FF007E"}},{border:"#AD85E4",background:"#7C29F0",highlight:{border:"#D3BDF0",background:"#7C29F0"},hover:{border:"#D3BDF0",background:"#7C29F0"}},{border:"#4557FA",background:"#000EA1",highlight:{border:"#6E6EFD",background:"#000EA1"},hover:{border:"#6E6EFD",background:"#000EA1"}},{border:"#FFC0CB",background:"#FD5A77",highlight:{border:"#FFD1D9",background:"#FD5A77"},hover:{border:"#FFD1D9",background:"#FD5A77"}},{border:"#C2FABC",background:"#74D66A",highlight:{border:"#E6FFE3",background:"#74D66A"},hover:{border:"#E6FFE3",background:"#74D66A"}},{border:"#EE0000",background:"#990000",highlight:{border:"#FF3333",background:"#BB0000"},hover:{border:"#FF3333",background:"#BB0000"}}],this.options={},this.defaultOptions={useDefaultGroups:!0},h.extend(this.options,this.defaultOptions)}return(0,a.default)(t,[{key:"setOptions",value:function(t){var e=["useDefaultGroups"];if(void 0!==t)for(var i in t)if(t.hasOwnProperty(i)&&-1===e.indexOf(i)){var o=t[i];this.add(i,o)}}},{key:"clear",value:function(){this.groups={},this.groupsArray=[]}},{key:"get",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.groups[t];if(void 0===i&&e)if(!1===this.options.useDefaultGroups&&this.groupsArray.length>0){var o=this.groupIndex%this.groupsArray.length;this.groupIndex++,i={},i.color=this.groups[this.groupsArray[o]],this.groups[t]=i}else{var n=this.defaultIndex%this.defaultGroups.length;this.defaultIndex++,i={},i.color=this.defaultGroups[n],this.groups[t]=i}return i}},{key:"add",value:function(t,e){return this.groups[t]=e,this.groupsArray.push(t),e}}]),t}();e.default=d},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(2),d=i(11),l=i(12),u=i(47).default,c=function(){function t(e,i,o,n){var r=this;if((0,s.default)(this,t),this.body=e,this.images=i,this.groups=o,this.layoutEngine=n,this.body.functions.createNode=this.create.bind(this),this.nodesListeners={add:function(t,e){r.add(e.items)},update:function(t,e){r.update(e.items,e.data,e.oldData)},remove:function(t,e){r.remove(e.items)}},this.defaultOptions={borderWidth:1,borderWidthSelected:2,brokenImage:void 0,color:{border:"#2B7CE9",background:"#97C2FC",highlight:{border:"#2B7CE9",background:"#D2E5FF"},hover:{border:"#2B7CE9",background:"#D2E5FF"}},fixed:{x:!1,y:!1},font:{color:"#343434",size:14,face:"arial",background:"none",strokeWidth:0,strokeColor:"#ffffff",align:"center",vadjust:0,multi:!1,bold:{mod:"bold"},boldital:{mod:"bold italic"},ital:{mod:"italic"},mono:{mod:"",size:15,face:"monospace",vadjust:2}},group:void 0,hidden:!1,icon:{face:"FontAwesome",code:void 0,size:50,color:"#2B7CE9"},image:void 0,label:void 0,labelHighlightBold:!0,level:void 0,margin:{top:5,right:5,bottom:5,left:5},mass:1,physics:!0,scaling:{min:10,max:30,label:{enabled:!1,min:14,max:30,maxVisible:30,drawThreshold:5},customScalingFunction:function(t,e,i,o){if(e===t)return.5;var n=1/(e-t);return Math.max(0,(o-t)*n)}},shadow:{enabled:!1,color:"rgba(0,0,0,0.5)",size:10,x:5,y:5},shape:"ellipse",shapeProperties:{borderDashes:!1,borderRadius:6,interpolation:!0,useImageSize:!1,useBorderWithImage:!1},size:25,title:void 0,value:void 0,x:void 0,y:void 0},this.defaultOptions.mass<=0)throw"Internal error: mass in defaultOptions of NodesHandler may not be zero or negative";this.options=h.bridgeObject(this.defaultOptions),this.bindEventListeners()}return(0,a.default)(t,[{key:"bindEventListeners",value:function(){var t=this;this.body.emitter.on("refreshNodes",this.refresh.bind(this)),this.body.emitter.on("refresh",this.refresh.bind(this)),this.body.emitter.on("destroy",function(){h.forEach(t.nodesListeners,function(e,i){t.body.data.nodes&&t.body.data.nodes.off(i,e)}),delete t.body.functions.createNode,delete t.nodesListeners.add,delete t.nodesListeners.update,delete t.nodesListeners.remove,delete t.nodesListeners})}},{key:"setOptions",value:function(t){if(void 0!==t){if(u.parseOptions(this.options,t),void 0!==t.shape)for(var e in this.body.nodes)this.body.nodes.hasOwnProperty(e)&&this.body.nodes[e].updateShape();if(void 0!==t.font)for(var i in this.body.nodes)this.body.nodes.hasOwnProperty(i)&&(this.body.nodes[i].updateLabelModule(),this.body.nodes[i].needsRefresh());if(void 0!==t.size)for(var o in this.body.nodes)this.body.nodes.hasOwnProperty(o)&&this.body.nodes[o].needsRefresh();void 0===t.hidden&&void 0===t.physics||this.body.emitter.emit("_dataChanged")}}},{key:"setData",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=this.body.data.nodes;if(t instanceof d||t instanceof l)this.body.data.nodes=t;else if(Array.isArray(t))this.body.data.nodes=new d,this.body.data.nodes.add(t);else{if(t)throw new TypeError("Array or DataSet expected");this.body.data.nodes=new d}if(i&&h.forEach(this.nodesListeners,function(t,e){i.off(e,t)}),this.body.nodes={},this.body.data.nodes){var o=this;h.forEach(this.nodesListeners,function(t,e){o.body.data.nodes.on(e,t)});var n=this.body.data.nodes.getIds();this.add(n,!0)}!1===e&&this.body.emitter.emit("_dataChanged")}},{key:"add",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=void 0,o=[],n=0;n<t.length;n++){i=t[n];var s=this.body.data.nodes.get(i),r=this.create(s);o.push(r),this.body.nodes[i]=r}this.layoutEngine.positionInitially(o),!1===e&&this.body.emitter.emit("_dataChanged")}},{key:"update",value:function(t,e,i){for(var o=this.body.nodes,n=!1,s=0;s<t.length;s++){var r=t[s],a=o[r],h=e[s];void 0!==a?a.setOptions(h)&&(n=!0):(n=!0,a=this.create(h),o[r]=a)}n||void 0===i||(n=e.some(function(t,e){var o=i[e];return o&&o.level!==t.level})),!0===n?this.body.emitter.emit("_dataChanged"):this.body.emitter.emit("_dataUpdated")}},{key:"remove",value:function(t){for(var e=this.body.nodes,i=0;i<t.length;i++){delete e[t[i]]}this.body.emitter.emit("_dataChanged")}},{key:"create",value:function(t){return new(arguments.length>1&&void 0!==arguments[1]?arguments[1]:u)(t,this.body,this.images,this.groups,this.options,this.defaultOptions)}},{key:"refresh",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];h.forEach(this.body.nodes,function(i,o){var n=t.body.data.nodes.get(o);void 0!==n&&(!0===e&&i.setOptions({x:null,y:null}),i.setOptions({fixed:!1}),i.setOptions(n))})}},{key:"getPositions",value:function(t){var e={};if(void 0!==t){if(!0===Array.isArray(t)){for(var i=0;i<t.length;i++)if(void 0!==this.body.nodes[t[i]]){var o=this.body.nodes[t[i]];e[t[i]]={x:Math.round(o.x),y:Math.round(o.y)}}}else if(void 0!==this.body.nodes[t]){var n=this.body.nodes[t];e[t]={x:Math.round(n.x),y:Math.round(n.y)}}}else for(var s=0;s<this.body.nodeIndices.length;s++){var r=this.body.nodes[this.body.nodeIndices[s]];e[this.body.nodeIndices[s]]={x:Math.round(r.x),y:Math.round(r.y)}}return e}},{key:"storePositions",value:function(){var t=[],e=this.body.data.nodes.getDataSet();for(var i in e._data)if(e._data.hasOwnProperty(i)){var o=this.body.nodes[i];e._data[i].x==Math.round(o.x)&&e._data[i].y==Math.round(o.y)||t.push({id:o.id,x:Math.round(o.x),y:Math.round(o.y)})}e.update(t)}},{key:"getBoundingBox",value:function(t){if(void 0!==this.body.nodes[t])return this.body.nodes[t].shape.boundingBox}},{key:"getConnectedNodes",value:function(t,e){var i=[];if(void 0!==this.body.nodes[t])for(var o=this.body.nodes[t],n={},s=0;s<o.edges.length;s++){var r=o.edges[s];"to"!==e&&r.toId==o.id?void 0===n[r.fromId]&&(i.push(r.fromId),n[r.fromId]=!0):"from"!==e&&r.fromId==o.id&&void 0===n[r.toId]&&(i.push(r.toId),n[r.toId]=!0)}return i}},{key:"getConnectedEdges",value:function(t){var e=[];if(void 0!==this.body.nodes[t])for(var i=this.body.nodes[t],o=0;o<i.edges.length;o++)e.push(i.edges[o].id);else console.log("NodeId provided for getConnectedEdges does not exist. Provided: ",t);return e}},{key:"moveNode",value:function(t,e,i){var o=this;void 0!==this.body.nodes[t]?(this.body.nodes[t].x=Number(e),this.body.nodes[t].y=Number(i),setTimeout(function(){o.body.emitter.emit("startSimulation")},0)):console.log("Node id supplied to moveNode does not exist. Provided: ",t)}}]),t}();e.default=c},function(t,e,i){t.exports={default:i(189),__esModule:!0}},function(t,e,i){i(49),i(60),t.exports=i(190)},function(t,e,i){var o=i(86),n=i(13)("iterator"),s=i(31);t.exports=i(7).isIterable=function(t){var e=Object(t);return void 0!==e[n]||"@@iterator"in e||s.hasOwnProperty(o(e))}},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(192).default,d=i(48).default,l=function(){function t(e,i,o,n){var r=this;(0,s.default)(this,t),this.ctx=e,this.parent=i;var a=function(t,i){if(void 0===t)return 0;var s=r.parent.getFormattingValues(e,o,n,i),a=0;if(""!==t){a=r.ctx.measureText(t).width}return{width:a,values:s}};this.lines=new h(a)}return(0,a.default)(t,[{key:"process",value:function(t){if(!d.isValidLabel(t))return this.lines.finalize();var e=this.parent.fontOptions;t=t.replace(/\r\n/g,"\n"),t=t.replace(/\r/g,"\n");var i=String(t).split("\n"),o=i.length;if(e.multi)for(var n=0;n<o;n++){var s=this.splitBlocks(i[n],e.multi);if(void 0!==s)if(0!==s.length){if(e.maxWdt>0)for(var r=0;r<s.length;r++){var a=s[r].mod,h=s[r].text;this.splitStringIntoLines(h,a,!0)}else for(var l=0;l<s.length;l++){var u=s[l].mod,c=s[l].text;this.lines.append(c,u)}this.lines.newLine()}else this.lines.newLine("")}else if(e.maxWdt>0)for(var p=0;p<o;p++)this.splitStringIntoLines(i[p]);else for(var f=0;f<o;f++)this.lines.newLine(i[f]);return this.lines.finalize()}},{key:"decodeMarkupSystem",value:function(t){var e="none";return"markdown"===t||"md"===t?e="markdown":!0!==t&&"html"!==t||(e="html"),e}},{key:"splitHtmlBlocks",value:function(t){var e=[],i={bold:!1,ital:!1,mono:!1,spacing:!1,position:0,buffer:"",modStack:[]};for(i.mod=function(){return 0===this.modStack.length?"normal":this.modStack[0]},i.modName=function(){return 0===this.modStack.length?"normal":"mono"===this.modStack[0]?"mono":i.bold&&i.ital?"boldital":i.bold?"bold":i.ital?"ital":void 0},i.emitBlock=function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.spacing&&(this.add(" "),this.spacing=!1),this.buffer.length>0&&(e.push({text:this.buffer,mod:this.modName()}),this.buffer="")},i.add=function(t){" "===t&&(i.spacing=!0),i.spacing&&(this.buffer+=" ",this.spacing=!1)," "!=t&&(this.buffer+=t)};i.position<t.length;){var o=t.charAt(i.position);/[ \t]/.test(o)?i.mono?i.add(o):i.spacing=!0:/</.test(o)?i.mono||i.bold||!/<b>/.test(t.substr(i.position,3))?i.mono||i.ital||!/<i>/.test(t.substr(i.position,3))?!i.mono&&/<code>/.test(t.substr(i.position,6))?(i.emitBlock(),i.mono=!0,i.modStack.unshift("mono"),i.position+=5):!i.mono&&"bold"===i.mod()&&/<\/b>/.test(t.substr(i.position,4))?(i.emitBlock(),i.bold=!1,i.modStack.shift(),i.position+=3):!i.mono&&"ital"===i.mod()&&/<\/i>/.test(t.substr(i.position,4))?(i.emitBlock(),i.ital=!1,i.modStack.shift(),i.position+=3):"mono"===i.mod()&&/<\/code>/.test(t.substr(i.position,7))?(i.emitBlock(),i.mono=!1,i.modStack.shift(),i.position+=6):i.add(o):(i.emitBlock(),i.ital=!0,i.modStack.unshift("ital"),i.position+=2):(i.emitBlock(),i.bold=!0,i.modStack.unshift("bold"),i.position+=2):/&/.test(o)?/&lt;/.test(t.substr(i.position,4))?(i.add("<"),i.position+=3):/&amp;/.test(t.substr(i.position,5))?(i.add("&"),i.position+=4):i.add("&"):i.add(o),i.position++}return i.emitBlock(),e}},{key:"splitMarkdownBlocks",value:function(t){var e=[],i={bold:!1,ital:!1,mono:!1,beginable:!0,spacing:!1,position:0,buffer:"",modStack:[]};for(i.mod=function(){return 0===this.modStack.length?"normal":this.modStack[0]},i.modName=function(){return 0===this.modStack.length?"normal":"mono"===this.modStack[0]?"mono":i.bold&&i.ital?"boldital":i.bold?"bold":i.ital?"ital":void 0},i.emitBlock=function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.spacing&&(this.add(" "),this.spacing=!1),this.buffer.length>0&&(e.push({text:this.buffer,mod:this.modName()}),this.buffer="")},i.add=function(t){" "===t&&(i.spacing=!0),i.spacing&&(this.buffer+=" ",this.spacing=!1)," "!=t&&(this.buffer+=t)};i.position<t.length;){var o=t.charAt(i.position);/[ \t]/.test(o)?(i.mono?i.add(o):i.spacing=!0,i.beginable=!0):/\\/.test(o)?i.position<t.length+1&&(i.position++,o=t.charAt(i.position),/ \t/.test(o)?i.spacing=!0:(i.add(o),i.beginable=!1)):i.mono||i.bold||!i.beginable&&!i.spacing||!/\*/.test(o)?i.mono||i.ital||!i.beginable&&!i.spacing||!/\_/.test(o)?!i.mono&&(i.beginable||i.spacing)&&/`/.test(o)?(i.emitBlock(),i.mono=!0,i.modStack.unshift("mono")):!i.mono&&"bold"===i.mod()&&/\*/.test(o)?i.position===t.length-1||/[.,_` \t\n]/.test(t.charAt(i.position+1))?(i.emitBlock(),i.bold=!1,i.modStack.shift()):i.add(o):!i.mono&&"ital"===i.mod()&&/\_/.test(o)?i.position===t.length-1||/[.,*` \t\n]/.test(t.charAt(i.position+1))?(i.emitBlock(),i.ital=!1,i.modStack.shift()):i.add(o):i.mono&&"mono"===i.mod()&&/`/.test(o)?i.position===t.length-1||/[.,*_ \t\n]/.test(t.charAt(i.position+1))?(i.emitBlock(),i.mono=!1,i.modStack.shift()):i.add(o):(i.add(o),i.beginable=!1):(i.emitBlock(),i.ital=!0,i.modStack.unshift("ital")):(i.emitBlock(),i.bold=!0,i.modStack.unshift("bold")),i.position++}return i.emitBlock(),e}},{key:"splitBlocks",value:function(t,e){var i=this.decodeMarkupSystem(e);return"none"===i?[{text:t,mod:"normal"}]:"markdown"===i?this.splitMarkdownBlocks(t):"html"===i?this.splitHtmlBlocks(t):void 0}},{key:"overMaxWidth",value:function(t){var e=this.ctx.measureText(t).width;return this.lines.curWidth()+e>this.parent.fontOptions.maxWdt}},{key:"getLongestFit",value:function(t){for(var e="",i=0;i<t.length;){var o=""===e?"":" ",n=e+o+t[i];if(this.overMaxWidth(n))break;e=n,i++}return i}},{key:"getLongestFitWord",value:function(t){for(var e=0;e<t.length&&!this.overMaxWidth(t.slice(0,e));)e++;return e}},{key:"splitStringIntoLines",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"normal",i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t=t.replace(/^( +)/g,"$1\r"),t=t.replace(/([^\r][^ ]*)( +)/g,"$1\r$2\r");for(var o=t.split("\r");o.length>0;){var n=this.getLongestFit(o);if(0===n){var s=o[0],r=this.getLongestFitWord(s);this.lines.newLine(s.slice(0,r),e),o[0]=s.slice(r)}else{var a=n;" "===o[n-1]?n--:" "===o[a]&&a++;var h=o.slice(0,n).join("");n==o.length&&i?this.lines.append(h,e):this.lines.newLine(h,e),o=o.slice(a)}}}}]),t}();e.default=l},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(90),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=function(){function t(e){(0,a.default)(this,t),this.measureText=e,this.current=0,this.width=0,this.height=0,this.lines=[]}return(0,d.default)(t,[{key:"_add",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"normal";void 0===this.lines[t]&&(this.lines[t]={width:0,height:0,blocks:[]});var o=e;void 0!==e&&""!==e||(o=" ");var n=this.measureText(o,i),r=(0,s.default)({},n.values);r.text=e,r.width=n.width,r.mod=i,void 0!==e&&""!==e||(r.width=0),this.lines[t].blocks.push(r),this.lines[t].width+=r.width}},{key:"curWidth",value:function(){var t=this.lines[this.current];return void 0===t?0:t.width}},{key:"append",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"normal";this._add(this.current,t,e)}},{key:"newLine",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"normal";this._add(this.current,t,e),this.current++}},{key:"determineLineHeights",value:function(){for(var t=0;t<this.lines.length;t++){var e=this.lines[t],i=0;if(void 0!==e.blocks)for(var o=0;o<e.blocks.length;o++){var n=e.blocks[o];i<n.height&&(i=n.height)}e.height=i}}},{key:"determineLabelSize",value:function(){for(var t=0,e=0,i=0;i<this.lines.length;i++){var o=this.lines[i];o.width>t&&(t=o.width),e+=o.height}this.width=t,this.height=e}},{key:"removeEmptyBlocks",value:function(){for(var t=[],e=0;e<this.lines.length;e++){var i=this.lines[e];if(0!==i.blocks.length&&(e!==this.lines.length-1||0!==i.width)){var o={};(0,s.default)(o,i),o.blocks=[];for(var n=void 0,r=[],a=0;a<i.blocks.length;a++){var h=i.blocks[a];0!==h.width?r.push(h):void 0===n&&(n=h)}0===r.length&&void 0!==n&&r.push(n),o.blocks=r,t.push(o)}}return t}},{key:"finalize",value:function(){this.determineLineHeights(),this.determineLabelSize();var t=this.removeEmptyBlocks();return{width:this.width,height:this.height,lines:t}}}]),t}();e.default=l},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(23),m=o(f),v=function(t){function e(t,i,o){(0,a.default)(this,e);var n=(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o));return n._setMargins(o),n}return(0,p.default)(e,t),(0,d.default)(e,[{key:"resize",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.selected,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.hover;if(this.needsRefresh(e,i)){var o=this.getDimensionsFromLabel(t,e,i);this.width=o.width+this.margin.right+this.margin.left,this.height=o.height+this.margin.top+this.margin.bottom,this.radius=this.width/2}}},{key:"draw",value:function(t,e,i,o,n,s){this.resize(t,o,n),this.left=e-this.width/2,this.top=i-this.height/2,this.initContextForDraw(t,s),t.roundRect(this.left,this.top,this.width,this.height,s.borderRadius),this.performFill(t,s),this.updateBoundingBox(e,i,t,o,n),this.labelModule.draw(t,this.left+this.textSize.width/2+this.margin.left,this.top+this.textSize.height/2+this.margin.top,o,n)}},{key:"updateBoundingBox",value:function(t,e,i,o,n){this._updateBoundingBox(t,e,i,o,n);var s=this.options.shapeProperties.borderRadius;this._addBoundingBoxMargin(s)}},{key:"distanceToBorder",value:function(t,e){this.resize(t);var i=this.options.borderWidth;return Math.min(Math.abs(this.width/2/Math.cos(e)),Math.abs(this.height/2/Math.sin(e)))+i}}]),e}(m.default);e.default=v},function(t,e,i){i(195),t.exports=i(7).Object.getPrototypeOf},function(t,e,i){var o=i(41),n=i(85);i(87)("getPrototypeOf",function(){return function(t){return n(o(t))}})},function(t,e,i){t.exports={default:i(197),__esModule:!0}},function(t,e,i){i(198),t.exports=i(7).Object.setPrototypeOf},function(t,e,i){var o=i(17);o(o.S,"Object",{setPrototypeOf:i(199).set})},function(t,e,i){var o=i(32),n=i(27),s=function(t,e){if(n(t),!o(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,o){try{o=i(80)(Function.call,i(89).f(Object.prototype,"__proto__").set,2),o(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,i){return s(t,i),e?t.__proto__=i:o(t,i),t}}({},!1):void 0),check:s}},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(73),m=o(f),v=function(t){function e(t,i,o){(0,a.default)(this,e);var n=(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o));return n._setMargins(o),n}return(0,p.default)(e,t),(0,d.default)(e,[{key:"resize",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.selected,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.hover;if(this.needsRefresh(e,i)){var o=this.getDimensionsFromLabel(t,e,i),n=Math.max(o.width+this.margin.right+this.margin.left,o.height+this.margin.top+this.margin.bottom);this.options.size=n/2,this.width=n,this.height=n,this.radius=this.width/2}}},{key:"draw",value:function(t,e,i,o,n,s){this.resize(t,o,n),this.left=e-this.width/2,this.top=i-this.height/2,this._drawRawCircle(t,e,i,s),this.updateBoundingBox(e,i),this.labelModule.draw(t,this.left+this.textSize.width/2+this.margin.left,i,o,n)}},{key:"updateBoundingBox",value:function(t,e){this.boundingBox.top=e-this.options.size,this.boundingBox.left=t-this.options.size,this.boundingBox.right=t+this.options.size,this.boundingBox.bottom=e+this.options.size}},{key:"distanceToBorder",value:function(t,e){return this.resize(t),.5*this.width}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(73),m=o(f),v=function(t){function e(t,i,o,n,r){(0,a.default)(this,e);var h=(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o));return h.setImages(n,r),h}return(0,p.default)(e,t),(0,d.default)(e,[{key:"resize",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.selected,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.hover;if(void 0===this.imageObj.src||void 0===this.imageObj.width||void 0===this.imageObj.height){var o=2*this.options.size;return this.width=o,this.height=o,void(this.radius=.5*this.width)}this.needsRefresh(e,i)&&this._resizeImage()}},{key:"draw",value:function(t,e,i,o,n,s){this.switchImages(o),this.resize(),this.left=e-this.width/2,this.top=i-this.height/2,this._drawRawCircle(t,e,i,s),t.save(),t.clip(),this._drawImageAtPosition(t,s),t.restore(),this._drawImageLabel(t,e,i,o,n),this.updateBoundingBox(e,i)}},{key:"updateBoundingBox",value:function(t,e){this.boundingBox.top=e-this.options.size,this.boundingBox.left=t-this.options.size,this.boundingBox.right=t+this.options.size,this.boundingBox.bottom=e+this.options.size,this.boundingBox.left=Math.min(this.boundingBox.left,this.labelModule.size.left),this.boundingBox.right=Math.max(this.boundingBox.right,this.labelModule.size.left+this.labelModule.size.width),this.boundingBox.bottom=Math.max(this.boundingBox.bottom,this.boundingBox.bottom+this.labelOffset)}},{key:"distanceToBorder",value:function(t,e){return this.resize(t),.5*this.width}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(23),m=o(f),v=function(t){function e(t,i,o){(0,a.default)(this,e);var n=(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o));return n._setMargins(o),n}return(0,p.default)(e,t),(0,d.default)(e,[{key:"resize",value:function(t,e,i){if(this.needsRefresh(e,i)){var o=this.getDimensionsFromLabel(t,e,i),n=o.width+this.margin.right+this.margin.left;this.width=n,this.height=n,this.radius=this.width/2}}},{key:"draw",value:function(t,e,i,o,n,s){this.resize(t,o,n),this.left=e-this.width/2,this.top=i-this.height/2,this.initContextForDraw(t,s),t.database(e-this.width/2,i-this.height/2,this.width,this.height),this.performFill(t,s),this.updateBoundingBox(e,i,t,o,n),this.labelModule.draw(t,this.left+this.textSize.width/2+this.margin.left,this.top+this.textSize.height/2+this.margin.top,o,n)}},{key:"distanceToBorder",value:function(t,e){return this._distanceToBorder(t,e)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(24),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"draw",value:function(t,e,i,o,n,s){this._drawShape(t,"diamond",4,e,i,o,n,s)}},{key:"distanceToBorder",value:function(t,e){return this._distanceToBorder(t,e)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(24),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"draw",value:function(t,e,i,o,n,s){this._drawShape(t,"circle",2,e,i,o,n,s)}},{key:"distanceToBorder",value:function(t,e){return this.resize(t),this.options.size}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(23),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"resize",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.selected,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.hover;if(this.needsRefresh(e,i)){var o=this.getDimensionsFromLabel(t,e,i);this.height=2*o.height,this.width=o.width+o.height,this.radius=.5*this.width}}},{key:"draw",value:function(t,e,i,o,n,s){this.resize(t,o,n),this.left=e-.5*this.width,this.top=i-.5*this.height,this.initContextForDraw(t,s),t.ellipse_vis(this.left,this.top,this.width,this.height),this.performFill(t,s),this.updateBoundingBox(e,i,t,o,n),this.labelModule.draw(t,e,i,o,n)}},{key:"distanceToBorder",value:function(t,e){this.resize(t);var i=.5*this.width,o=.5*this.height,n=Math.sin(e)*i,s=Math.cos(e)*o;return i*o/Math.sqrt(n*n+s*s)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(23),m=o(f),v=function(t){function e(t,i,o){(0,a.default)(this,e);var n=(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o));return n._setMargins(o),n}return(0,p.default)(e,t),(0,d.default)(e,[{key:"resize",value:function(t,e,i){this.needsRefresh(e,i)&&(this.iconSize={width:Number(this.options.icon.size),height:Number(this.options.icon.size)},this.width=this.iconSize.width+this.margin.right+this.margin.left,this.height=this.iconSize.height+this.margin.top+this.margin.bottom,this.radius=.5*this.width)}},{key:"draw",value:function(t,e,i,o,n,s){if(this.resize(t,o,n),this.options.icon.size=this.options.icon.size||50,this.left=e-this.width/2,this.top=i-this.height/2,this._icon(t,e,i,o,n,s),void 0!==this.options.label){this.labelModule.draw(t,this.left+this.iconSize.width/2+this.margin.left,i+this.height/2+5,o)}this.updateBoundingBox(e,i)}},{key:"updateBoundingBox",value:function(t,e){if(this.boundingBox.top=e-.5*this.options.icon.size,this.boundingBox.left=t-.5*this.options.icon.size,this.boundingBox.right=t+.5*this.options.icon.size,this.boundingBox.bottom=e+.5*this.options.icon.size,void 0!==this.options.label&&this.labelModule.size.width>0){this.boundingBox.left=Math.min(this.boundingBox.left,this.labelModule.size.left),this.boundingBox.right=Math.max(this.boundingBox.right,this.labelModule.size.left+this.labelModule.size.width),this.boundingBox.bottom=Math.max(this.boundingBox.bottom,this.boundingBox.bottom+this.labelModule.size.height+5)}}},{key:"_icon",value:function(t,e,i,o,n,s){var r=Number(this.options.icon.size);void 0!==this.options.icon.code?(t.font=(o?"bold ":"")+r+"px "+this.options.icon.face,t.fillStyle=this.options.icon.color||"black",t.textAlign="center",t.textBaseline="middle",this.enableShadow(t,s),t.fillText(this.options.icon.code,e,i),this.disableShadow(t,s)):console.error("When using the icon shape, you need to define the code in the icon options object. This can be done per node or globally.")}},{key:"distanceToBorder",value:function(t,e){return this._distanceToBorder(t,e)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(73),m=o(f),v=function(t){function e(t,i,o,n,r){(0,a.default)(this,e);var h=(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o));return h.setImages(n,r),h}return(0,p.default)(e,t),(0,d.default)(e,[{key:"resize",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.selected,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.hover;if(void 0===this.imageObj.src||void 0===this.imageObj.width||void 0===this.imageObj.height){var o=2*this.options.size;return this.width=o,void(this.height=o)}this.needsRefresh(e,i)&&this._resizeImage()}},{key:"draw",value:function(t,e,i,o,n,s){if(this.switchImages(o),this.resize(),this.left=e-this.width/2,this.top=i-this.height/2,!0===this.options.shapeProperties.useBorderWithImage){var r=this.options.borderWidth,a=this.options.borderWidthSelected||2*this.options.borderWidth,h=(o?a:r)/this.body.view.scale;t.lineWidth=Math.min(this.width,h),t.beginPath(),t.strokeStyle=o?this.options.color.highlight.border:n?this.options.color.hover.border:this.options.color.border,t.fillStyle=o?this.options.color.highlight.background:n?this.options.color.hover.background:this.options.color.background,t.rect(this.left-.5*t.lineWidth,this.top-.5*t.lineWidth,this.width+t.lineWidth,this.height+t.lineWidth),t.fill(),this.performStroke(t,s),t.closePath()}this._drawImageAtPosition(t,s),this._drawImageLabel(t,e,i,o,n),this.updateBoundingBox(e,i)}},{key:"updateBoundingBox",value:function(t,e){this.resize(),this._updateBoundingBox(t,e),void 0!==this.options.label&&this.labelModule.size.width>0&&(this.boundingBox.left=Math.min(this.boundingBox.left,this.labelModule.size.left),this.boundingBox.right=Math.max(this.boundingBox.right,this.labelModule.size.left+this.labelModule.size.width),this.boundingBox.bottom=Math.max(this.boundingBox.bottom,this.boundingBox.bottom+this.labelOffset))}},{key:"distanceToBorder",value:function(t,e){return this._distanceToBorder(t,e)}
-}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(24),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"draw",value:function(t,e,i,o,n,s){this._drawShape(t,"square",2,e,i,o,n,s)}},{key:"distanceToBorder",value:function(t,e){return this._distanceToBorder(t,e)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(24),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"draw",value:function(t,e,i,o,n,s){this._drawShape(t,"hexagon",4,e,i,o,n,s)}},{key:"distanceToBorder",value:function(t,e){return this._distanceToBorder(t,e)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(24),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"draw",value:function(t,e,i,o,n,s){this._drawShape(t,"star",4,e,i,o,n,s)}},{key:"distanceToBorder",value:function(t,e){return this._distanceToBorder(t,e)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(23),m=o(f),v=function(t){function e(t,i,o){(0,a.default)(this,e);var n=(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o));return n._setMargins(o),n}return(0,p.default)(e,t),(0,d.default)(e,[{key:"resize",value:function(t,e,i){this.needsRefresh(e,i)&&(this.textSize=this.labelModule.getTextSize(t,e,i),this.width=this.textSize.width+this.margin.right+this.margin.left,this.height=this.textSize.height+this.margin.top+this.margin.bottom,this.radius=.5*this.width)}},{key:"draw",value:function(t,e,i,o,n,s){this.resize(t,o,n),this.left=e-this.width/2,this.top=i-this.height/2,this.enableShadow(t,s),this.labelModule.draw(t,this.left+this.textSize.width/2+this.margin.left,this.top+this.textSize.height/2+this.margin.top,o,n),this.disableShadow(t,s),this.updateBoundingBox(e,i,t,o,n)}},{key:"distanceToBorder",value:function(t,e){return this._distanceToBorder(t,e)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(24),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"draw",value:function(t,e,i,o,n,s){this._drawShape(t,"triangle",3,e,i,o,n,s)}},{key:"distanceToBorder",value:function(t,e){return this._distanceToBorder(t,e)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(24),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"draw",value:function(t,e,i,o,n,s){this._drawShape(t,"triangleDown",3,e,i,o,n,s)}},{key:"distanceToBorder",value:function(t,e){return this._distanceToBorder(t,e)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(2),d=i(11),l=i(12),u=i(74).default,c=function(){function t(e,i,o){var n=this;(0,s.default)(this,t),this.body=e,this.images=i,this.groups=o,this.body.functions.createEdge=this.create.bind(this),this.edgesListeners={add:function(t,e){n.add(e.items)},update:function(t,e){n.update(e.items)},remove:function(t,e){n.remove(e.items)}},this.options={},this.defaultOptions={arrows:{to:{enabled:!1,scaleFactor:1,type:"arrow"},middle:{enabled:!1,scaleFactor:1,type:"arrow"},from:{enabled:!1,scaleFactor:1,type:"arrow"}},arrowStrikethrough:!0,color:{color:"#848484",highlight:"#848484",hover:"#848484",inherit:"from",opacity:1},dashes:!1,font:{color:"#343434",size:14,face:"arial",background:"none",strokeWidth:2,strokeColor:"#ffffff",align:"horizontal",multi:!1,vadjust:0,bold:{mod:"bold"},boldital:{mod:"bold italic"},ital:{mod:"italic"},mono:{mod:"",size:15,face:"courier new",vadjust:2}},hidden:!1,hoverWidth:1.5,label:void 0,labelHighlightBold:!0,length:void 0,physics:!0,scaling:{min:1,max:15,label:{enabled:!0,min:14,max:30,maxVisible:30,drawThreshold:5},customScalingFunction:function(t,e,i,o){if(e===t)return.5;var n=1/(e-t);return Math.max(0,(o-t)*n)}},selectionWidth:1.5,selfReferenceSize:20,shadow:{enabled:!1,color:"rgba(0,0,0,0.5)",size:10,x:5,y:5},smooth:{enabled:!0,type:"dynamic",forceDirection:"none",roundness:.5},title:void 0,width:1,value:void 0},h.deepExtend(this.options,this.defaultOptions),this.bindEventListeners()}return(0,a.default)(t,[{key:"bindEventListeners",value:function(){var t=this;this.body.emitter.on("_forceDisableDynamicCurves",function(e){var i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];"dynamic"===e&&(e="continuous");var o=!1;for(var n in t.body.edges)if(t.body.edges.hasOwnProperty(n)){var s=t.body.edges[n],r=t.body.data.edges._data[n];if(void 0!==r){var a=r.smooth;void 0!==a&&!0===a.enabled&&"dynamic"===a.type&&(void 0===e?s.setOptions({smooth:!1}):s.setOptions({smooth:{type:e}}),o=!0)}}!0===i&&!0===o&&t.body.emitter.emit("_dataChanged")}),this.body.emitter.on("_dataUpdated",function(){t.reconnectEdges()}),this.body.emitter.on("refreshEdges",this.refresh.bind(this)),this.body.emitter.on("refresh",this.refresh.bind(this)),this.body.emitter.on("destroy",function(){h.forEach(t.edgesListeners,function(e,i){t.body.data.edges&&t.body.data.edges.off(i,e)}),delete t.body.functions.createEdge,delete t.edgesListeners.add,delete t.edgesListeners.update,delete t.edgesListeners.remove,delete t.edgesListeners})}},{key:"setOptions",value:function(t){if(void 0!==t){u.parseOptions(this.options,t,!0,this.defaultOptions,!0);var e=!1;if(void 0!==t.smooth)for(var i in this.body.edges)this.body.edges.hasOwnProperty(i)&&(e=this.body.edges[i].updateEdgeType()||e);if(void 0!==t.font)for(var o in this.body.edges)this.body.edges.hasOwnProperty(o)&&this.body.edges[o].updateLabelModule();void 0===t.hidden&&void 0===t.physics&&!0!==e||this.body.emitter.emit("_dataChanged")}}},{key:"setData",value:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=this.body.data.edges;if(t instanceof d||t instanceof l)this.body.data.edges=t;else if(Array.isArray(t))this.body.data.edges=new d,this.body.data.edges.add(t);else{if(t)throw new TypeError("Array or DataSet expected");this.body.data.edges=new d}if(o&&h.forEach(this.edgesListeners,function(t,e){o.off(e,t)}),this.body.edges={},this.body.data.edges){h.forEach(this.edgesListeners,function(t,i){e.body.data.edges.on(i,t)});var n=this.body.data.edges.getIds();this.add(n,!0)}this.body.emitter.emit("_adjustEdgesForHierarchicalLayout"),!1===i&&this.body.emitter.emit("_dataChanged")}},{key:"add",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=this.body.edges,o=this.body.data.edges,n=0;n<t.length;n++){var s=t[n],r=i[s];r&&r.disconnect();var a=o.get(s,{showInternalIds:!0});i[s]=this.create(a)}this.body.emitter.emit("_adjustEdgesForHierarchicalLayout"),!1===e&&this.body.emitter.emit("_dataChanged")}},{key:"update",value:function(t){for(var e=this.body.edges,i=this.body.data.edges,o=!1,n=0;n<t.length;n++){var s=t[n],r=i.get(s),a=e[s];void 0!==a?(a.disconnect(),o=a.setOptions(r)||o,a.connect()):(this.body.edges[s]=this.create(r),o=!0)}!0===o?(this.body.emitter.emit("_adjustEdgesForHierarchicalLayout"),this.body.emitter.emit("_dataChanged")):this.body.emitter.emit("_dataUpdated")}},{key:"remove",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(0!==t.length){var i=this.body.edges;h.forEach(t,function(t){var e=i[t];void 0!==e&&e.remove()}),e&&this.body.emitter.emit("_dataChanged")}}},{key:"refresh",value:function(){var t=this;h.forEach(this.body.edges,function(e,i){var o=t.body.data.edges._data[i];void 0!==o&&e.setOptions(o)})}},{key:"create",value:function(t){return new u(t,this.body,this.options,this.defaultOptions)}},{key:"reconnectEdges",value:function(){var t,e=this.body.nodes,i=this.body.edges;for(t in e)e.hasOwnProperty(t)&&(e[t].edges=[]);for(t in i)if(i.hasOwnProperty(t)){var o=i[t];o.from=null,o.to=null,o.connect()}}},{key:"getConnectedNodes",value:function(t){var e=[];if(void 0!==this.body.edges[t]){var i=this.body.edges[t];void 0!==i.fromId&&e.push(i.fromId),void 0!==i.toId&&e.push(i.toId)}return e}},{key:"_updateState",value:function(){this._addMissingEdges(),this._removeInvalidEdges()}},{key:"_removeInvalidEdges",value:function(){var t=this,e=[];h.forEach(this.body.edges,function(i,o){var n=t.body.nodes[i.toId],s=t.body.nodes[i.fromId];void 0!==n&&!0===n.isCluster||void 0!==s&&!0===s.isCluster||void 0!==n&&void 0!==s||e.push(o)}),this.remove(e,!1)}},{key:"_addMissingEdges",value:function(){var t=this.body.edges,e=this.body.data.edges,i=[];e.forEach(function(e,o){void 0===t[o]&&i.push(o)}),this.add(i,!0)}}]),t}();e.default=c},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(30),s=o(n),r=i(3),a=o(r),h=i(0),d=o(h),l=i(1),u=o(l),c=i(4),p=o(c),f=i(5),m=o(f),v=i(216),g=o(v),y=function(t){function e(t,i,o){return(0,d.default)(this,e),(0,p.default)(this,(e.__proto__||(0,a.default)(e)).call(this,t,i,o))}return(0,m.default)(e,t),(0,u.default)(e,[{key:"_line",value:function(t,e,i){var o=i[0],n=i[1];this._bezierCurve(t,e,o,n)}},{key:"_getViaCoordinates",value:function(){var t=this.from.x-this.to.x,e=this.from.y-this.to.y,i=void 0,o=void 0,n=void 0,s=void 0,r=this.options.smooth.roundness;return(Math.abs(t)>Math.abs(e)||!0===this.options.smooth.forceDirection||"horizontal"===this.options.smooth.forceDirection)&&"vertical"!==this.options.smooth.forceDirection?(o=this.from.y,s=this.to.y,i=this.from.x-r*t,n=this.to.x+r*t):(o=this.from.y-r*e,s=this.to.y+r*e,i=this.from.x,n=this.to.x),[{x:i,y:o},{x:n,y:s}]}},{key:"getViaNode",value:function(){return this._getViaCoordinates()}},{key:"_findBorderPosition",value:function(t,e){return this._findBorderPositionBezier(t,e)}},{key:"_getDistanceToEdge",value:function(t,e,i,o,n,r){var a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:this._getViaCoordinates(),h=(0,s.default)(a,2),d=h[0],l=h[1];return this._getDistanceToBezierEdge(t,e,i,o,n,r,d,l)}},{key:"getPoint",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._getViaCoordinates(),i=(0,s.default)(e,2),o=i[0],n=i[1],r=t,a=[];return a[0]=Math.pow(1-r,3),a[1]=3*r*Math.pow(1-r,2),a[2]=3*Math.pow(r,2)*(1-r),a[3]=Math.pow(r,3),{x:a[0]*this.fromPoint.x+a[1]*o.x+a[2]*n.x+a[3]*this.toPoint.x,y:a[0]*this.fromPoint.y+a[1]*o.y+a[2]*n.y+a[3]*this.toPoint.y}}}]),e}(g.default);e.default=y},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(75),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"_getDistanceToBezierEdge",value:function(t,e,i,o,n,s,r,a){var h=1e9,d=void 0,l=void 0,u=void 0,c=void 0,p=void 0,f=t,m=e,v=[0,0,0,0];for(l=1;l<10;l++)u=.1*l,v[0]=Math.pow(1-u,3),v[1]=3*u*Math.pow(1-u,2),v[2]=3*Math.pow(u,2)*(1-u),v[3]=Math.pow(u,3),c=v[0]*t+v[1]*r.x+v[2]*a.x+v[3]*i,p=v[0]*e+v[1]*r.y+v[2]*a.y+v[3]*o,l>0&&(d=this._getDistanceToLine(f,m,c,p,n,s),h=d<h?d:h),f=c,m=p;return h}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(30),s=o(n),r=i(3),a=o(r),h=i(0),d=o(h),l=i(1),u=o(l),c=i(4),p=o(c),f=i(5),m=o(f),v=i(75),g=o(v),y=function(t){function e(t,i,o){(0,d.default)(this,e);var n=(0,p.default)(this,(e.__proto__||(0,a.default)(e)).call(this,t,i,o));return n._boundFunction=function(){n.positionBezierNode()},n.body.emitter.on("_repositionBezierNodes",n._boundFunction),n}return(0,m.default)(e,t),(0,u.default)(e,[{key:"setOptions",value:function(t){var e=!1;this.options.physics!==t.physics&&(e=!0),this.options=t,this.id=this.options.id,this.from=this.body.nodes[this.options.from],this.to=this.body.nodes[this.options.to],this.setupSupportNode(),this.connect(),!0===e&&(this.via.setOptions({physics:this.options.physics}),this.positionBezierNode())}},{key:"connect",value:function(){this.from=this.body.nodes[this.options.from],this.to=this.body.nodes[this.options.to],void 0===this.from||void 0===this.to||!1===this.options.physics?this.via.setOptions({physics:!1}):this.from.id===this.to.id?this.via.setOptions({physics:!1}):this.via.setOptions({physics:!0})}},{key:"cleanup",value:function(){return this.body.emitter.off("_repositionBezierNodes",this._boundFunction),void 0!==this.via&&(delete this.body.nodes[this.via.id],this.via=void 0,!0)}},{key:"setupSupportNode",value:function(){if(void 0===this.via){var t="edgeId:"+this.id,e=this.body.functions.createNode({id:t,shape:"circle",physics:!0,hidden:!0});this.body.nodes[t]=e,this.via=e,this.via.parentEdgeId=this.id,this.positionBezierNode()}}},{key:"positionBezierNode",value:function(){void 0!==this.via&&void 0!==this.from&&void 0!==this.to?(this.via.x=.5*(this.from.x+this.to.x),this.via.y=.5*(this.from.y+this.to.y)):void 0!==this.via&&(this.via.x=0,this.via.y=0)}},{key:"_line",value:function(t,e,i){this._bezierCurve(t,e,i)}},{key:"getViaNode",value:function(){return this.via}},{key:"getPoint",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.via,i=t,o=void 0,n=void 0;if(this.from===this.to){var r=this._getCircleData(this.from),a=(0,s.default)(r,3),h=a[0],d=a[1],l=a[2],u=2*Math.PI*(1-i);o=h+l*Math.sin(u),n=d+l-l*(1-Math.cos(u))}else o=Math.pow(1-i,2)*this.fromPoint.x+2*i*(1-i)*e.x+Math.pow(i,2)*this.toPoint.x,n=Math.pow(1-i,2)*this.fromPoint.y+2*i*(1-i)*e.y+Math.pow(i,2)*this.toPoint.y;return{x:o,y:n}}},{key:"_findBorderPosition",value:function(t,e){return this._findBorderPositionBezier(t,e,this.via)}},{key:"_getDistanceToEdge",value:function(t,e,i,o,n,s){return this._getDistanceToBezierEdge(t,e,i,o,n,s,this.via)}}]),e}(g.default);e.default=y},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(75),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"_line",value:function(t,e,i){this._bezierCurve(t,e,i)}},{key:"getViaNode",value:function(){return this._getViaCoordinates()}},{key:"_getViaCoordinates",value:function(){var t=void 0,e=void 0,i=this.options.smooth.roundness,o=this.options.smooth.type,n=Math.abs(this.from.x-this.to.x),s=Math.abs(this.from.y-this.to.y);if("discrete"===o||"diagonalCross"===o){var r=void 0,a=void 0;r=a=n<=s?i*s:i*n,this.from.x>this.to.x&&(r=-r),this.from.y>=this.to.y&&(a=-a),t=this.from.x+r,e=this.from.y+a,"discrete"===o&&(n<=s?t=n<i*s?this.from.x:t:e=s<i*n?this.from.y:e)}else if("straightCross"===o){var h=(1-i)*n,d=(1-i)*s;n<=s?(h=0,this.from.y<this.to.y&&(d=-d)):(this.from.x<this.to.x&&(h=-h),d=0),t=this.to.x+h,e=this.to.y+d}else if("horizontal"===o){var l=(1-i)*n;this.from.x<this.to.x&&(l=-l),t=this.to.x+l,e=this.from.y}else if("vertical"===o){var u=(1-i)*s;this.from.y<this.to.y&&(u=-u),t=this.from.x,e=this.to.y+u}else if("curvedCW"===o){n=this.to.x-this.from.x,s=this.from.y-this.to.y;var c=Math.sqrt(n*n+s*s),p=Math.PI,f=Math.atan2(s,n),m=(f+(.5*i+.5)*p)%(2*p);t=this.from.x+(.5*i+.5)*c*Math.sin(m),e=this.from.y+(.5*i+.5)*c*Math.cos(m)}else if("curvedCCW"===o){n=this.to.x-this.from.x,s=this.from.y-this.to.y;var v=Math.sqrt(n*n+s*s),g=Math.PI,y=Math.atan2(s,n),b=(y+(.5*-i+.5)*g)%(2*g);t=this.from.x+(.5*i+.5)*v*Math.sin(b),e=this.from.y+(.5*i+.5)*v*Math.cos(b)}else{var _=void 0,w=void 0;_=w=n<=s?i*s:i*n,this.from.x>this.to.x&&(_=-_),this.from.y>=this.to.y&&(w=-w),t=this.from.x+_,e=this.from.y+w,n<=s?t=this.from.x<=this.to.x?this.to.x<t?this.to.x:t:this.to.x>t?this.to.x:t:e=this.from.y>=this.to.y?this.to.y>e?this.to.y:e:this.to.y<e?this.to.y:e}return{x:t,y:e}}},{key:"_findBorderPosition",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this._findBorderPositionBezier(t,e,i.via)}},{key:"_getDistanceToEdge",value:function(t,e,i,o,n,s){var r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:this._getViaCoordinates();return this._getDistanceToBezierEdge(t,e,i,o,n,s,r)}},{key:"getPoint",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._getViaCoordinates(),i=t;return{x:Math.pow(1-i,2)*this.fromPoint.x+2*i*(1-i)*e.x+Math.pow(i,2)*this.toPoint.x,y:Math.pow(1-i,2)*this.fromPoint.y+2*i*(1-i)*e.y+Math.pow(i,2)*this.toPoint.y}}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(118),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"_line",value:function(t,e){t.beginPath(),t.moveTo(this.fromPoint.x,this.fromPoint.y),t.lineTo(this.toPoint.x,this.toPoint.y),this.enableShadow(t,e),t.stroke(),this.disableShadow(t,e)}},{key:"getViaNode",value:function(){}},{key:"getPoint",value:function(t){return{x:(1-t)*this.fromPoint.x+t*this.toPoint.x,y:(1-t)*this.fromPoint.y+t*this.toPoint.y}}},{key:"_findBorderPosition",value:function(t,e){var i=this.to,o=this.from;t.id===this.from.id&&(i=this.from,o=this.to);var n=Math.atan2(i.y-o.y,i.x-o.x),s=i.x-o.x,r=i.y-o.y,a=Math.sqrt(s*s+r*r),h=t.distanceToBorder(e,n),d=(a-h)/a,l={};return l.x=(1-d)*o.x+d*i.x,l.y=(1-d)*o.y+d*i.y,l}},{key:"_getDistanceToEdge",value:function(t,e,i,o,n,s){return this._getDistanceToLine(t,e,i,o,n,s)}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(8),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(120).default,u=i(221).default,c=i(222).default,p=i(223).default,f=i(224).default,m=i(121).default,v=i(225).default,g=i(226).default,y=i(2),b=i(119).default,_=function(){function t(e){(0,a.default)(this,t),this.body=e,this.physicsBody={physicsNodeIndices:[],physicsEdgeIndices:[],forces:{},velocities:{}},this.physicsEnabled=!0,this.simulationInterval=1e3/60,this.requiresTimeout=!0,this.previousStates={},this.referenceState={},this.freezeCache={},this.renderTimer=void 0,this.adaptiveTimestep=!1,this.adaptiveTimestepEnabled=!1,this.adaptiveCounter=0,this.adaptiveInterval=3,this.stabilized=!1,this.startedStabilization=!1,this.stabilizationIterations=0,this.ready=!1,this.options={},this.defaultOptions={enabled:!0,barnesHut:{theta:.5,gravitationalConstant:-2e3,centralGravity:.3,springLength:95,springConstant:.04,damping:.09,avoidOverlap:0},forceAtlas2Based:{theta:.5,gravitationalConstant:-50,centralGravity:.01,springConstant:.08,springLength:100,damping:.4,avoidOverlap:0},repulsion:{centralGravity:.2,springLength:200,springConstant:.05,nodeDistance:100,damping:.09,avoidOverlap:0},hierarchicalRepulsion:{centralGravity:0,springLength:100,springConstant:.01,nodeDistance:120,damping:.09},maxVelocity:50,minVelocity:.75,solver:"barnesHut",stabilization:{enabled:!0,iterations:1e3,updateInterval:50,onlyDynamicEdges:!1,fit:!0},timestep:.5,adaptiveTimestep:!0},y.extend(this.options,this.defaultOptions),this.timestep=.5,this.layoutFailed=!1,this.bindEventListeners()}return(0,d.default)(t,[{key:"bindEventListeners",value:function(){var t=this;this.body.emitter.on("initPhysics",function(){t.initPhysics()}),this.body.emitter.on("_layoutFailed",function(){t.layoutFailed=!0}),this.body.emitter.on("resetPhysics",function(){t.stopSimulation(),t.ready=!1}),this.body.emitter.on("disablePhysics",function(){t.physicsEnabled=!1,t.stopSimulation()}),this.body.emitter.on("restorePhysics",function(){t.setOptions(t.options),!0===t.ready&&t.startSimulation()}),this.body.emitter.on("startSimulation",function(){!0===t.ready&&t.startSimulation()}),this.body.emitter.on("stopSimulation",function(){t.stopSimulation()}),this.body.emitter.on("destroy",function(){t.stopSimulation(!1),t.body.emitter.off()}),this.body.emitter.on("_dataChanged",function(){t.updatePhysicsData()})}},{key:"setOptions",value:function(t){void 0!==t&&(!1===t?(this.options.enabled=!1,this.physicsEnabled=!1,this.stopSimulation()):!0===t?(this.options.enabled=!0,this.physicsEnabled=!0,this.startSimulation()):(this.physicsEnabled=!0,y.selectiveNotDeepExtend(["stabilization"],this.options,t),y.mergeOptions(this.options,t,"stabilization"),void 0===t.enabled&&(this.options.enabled=!0),!1===this.options.enabled&&(this.physicsEnabled=!1,this.stopSimulation()),this.timestep=this.options.timestep)),this.init()}},{key:"init",value:function(){var t;"forceAtlas2Based"===this.options.solver?(t=this.options.forceAtlas2Based,this.nodesSolver=new v(this.body,this.physicsBody,t),this.edgesSolver=new p(this.body,this.physicsBody,t),this.gravitySolver=new g(this.body,this.physicsBody,t)):"repulsion"===this.options.solver?(t=this.options.repulsion,this.nodesSolver=new u(this.body,this.physicsBody,t),this.edgesSolver=new p(this.body,this.physicsBody,t),this.gravitySolver=new m(this.body,this.physicsBody,t)):"hierarchicalRepulsion"===this.options.solver?(t=this.options.hierarchicalRepulsion,this.nodesSolver=new c(this.body,this.physicsBody,t),this.edgesSolver=new f(this.body,this.physicsBody,t),this.gravitySolver=new m(this.body,this.physicsBody,t)):(t=this.options.barnesHut,this.nodesSolver=new l(this.body,this.physicsBody,t),this.edgesSolver=new p(this.body,this.physicsBody,t),this.gravitySolver=new m(this.body,this.physicsBody,t)),this.modelOptions=t}},{key:"initPhysics",value:function(){!0===this.physicsEnabled&&!0===this.options.enabled?!0===this.options.stabilization.enabled?this.stabilize():(this.stabilized=!1,this.ready=!0,this.body.emitter.emit("fit",{},this.layoutFailed),this.startSimulation()):(this.ready=!0,this.body.emitter.emit("fit"))}},{key:"startSimulation",value:function(){!0===this.physicsEnabled&&!0===this.options.enabled?(this.stabilized=!1,this.adaptiveTimestep=!1,this.body.emitter.emit("_resizeNodes"),void 0===this.viewFunction&&(this.viewFunction=this.simulationStep.bind(this),this.body.emitter.on("initRedraw",this.viewFunction),this.body.emitter.emit("_startRendering"))):this.body.emitter.emit("_redraw")}},{key:"stopSimulation",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.stabilized=!0,!0===t&&this._emitStabilized(),void 0!==this.viewFunction&&(this.body.emitter.off("initRedraw",this.viewFunction),this.viewFunction=void 0,!0===t&&this.body.emitter.emit("_stopRendering"))}},{key:"simulationStep",value:function(){var t=Date.now();this.physicsTick(),(Date.now()-t<.4*this.simulationInterval||!0===this.runDoubleSpeed)&&!1===this.stabilized&&(this.physicsTick(),this.runDoubleSpeed=!0),!0===this.stabilized&&this.stopSimulation()}},{key:"_emitStabilized",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.stabilizationIterations;(this.stabilizationIterations>1||!0===this.startedStabilization)&&setTimeout(function(){t.body.emitter.emit("stabilized",{iterations:e}),t.startedStabilization=!1,t.stabilizationIterations=0},0)}},{key:"physicsStep",value:function(){this.gravitySolver.solve(),this.nodesSolver.solve(),this.edgesSolver.solve(),this.moveNodes()}},{key:"adjustTimeStep",value:function(){!0===this._evaluateStepQuality()?this.timestep=1.2*this.timestep:this.timestep/1.2<this.options.timestep?this.timestep=this.options.timestep:(this.adaptiveCounter=-1,this.timestep=Math.max(this.options.timestep,this.timestep/1.2))}},{key:"physicsTick",value:function(){if(this._startStabilizing(),!0!==this.stabilized){if(!0===this.adaptiveTimestep&&!0===this.adaptiveTimestepEnabled){this.adaptiveCounter%this.adaptiveInterval==0?(this.timestep=2*this.timestep,this.physicsStep(),this.revert(),this.timestep=.5*this.timestep,this.physicsStep(),this.physicsStep(),this.adjustTimeStep()):this.physicsStep(),this.adaptiveCounter+=1}else this.timestep=this.options.timestep,this.physicsStep();!0===this.stabilized&&this.revert(),this.stabilizationIterations++}}},{key:"updatePhysicsData",value:function(){this.physicsBody.forces={},this.physicsBody.physicsNodeIndices=[],this.physicsBody.physicsEdgeIndices=[];var t=this.body.nodes,e=this.body.edges;for(var i in t)t.hasOwnProperty(i)&&!0===t[i].options.physics&&this.physicsBody.physicsNodeIndices.push(t[i].id);for(var o in e)e.hasOwnProperty(o)&&!0===e[o].options.physics&&this.physicsBody.physicsEdgeIndices.push(e[o].id);for(var n=0;n<this.physicsBody.physicsNodeIndices.length;n++){var s=this.physicsBody.physicsNodeIndices[n];this.physicsBody.forces[s]={x:0,y:0},void 0===this.physicsBody.velocities[s]&&(this.physicsBody.velocities[s]={x:0,y:0})}for(var r in this.physicsBody.velocities)void 0===t[r]&&delete this.physicsBody.velocities[r]}},{key:"revert",value:function(){var t=(0,s.default)(this.previousStates),e=this.body.nodes,i=this.physicsBody.velocities;this.referenceState={};for(var o=0;o<t.length;o++){var n=t[o];void 0!==e[n]?!0===e[n].options.physics&&(this.referenceState[n]={positions:{x:e[n].x,y:e[n].y}},i[n].x=this.previousStates[n].vx,i[n].y=this.previousStates[n].vy,e[n].x=this.previousStates[n].x,e[n].y=this.previousStates[n].y):delete this.previousStates[n]}}},{key:"_evaluateStepQuality",value:function(){var t=void 0,e=void 0,i=this.body.nodes,o=this.referenceState;for(var n in this.referenceState)if(this.referenceState.hasOwnProperty(n)&&void 0!==i[n]&&(t=i[n].x-o[n].positions.x,e=i[n].y-o[n].positions.y,Math.sqrt(Math.pow(t,2)+Math.pow(e,2))>.3))return!1;return!0}},{key:"moveNodes",value:function(){for(var t=this.physicsBody.physicsNodeIndices,e=0,i=0,o=0;o<t.length;o++){var n=t[o],s=this._performStep(n);e=Math.max(e,s),i+=s}this.adaptiveTimestepEnabled=i/t.length<5,this.stabilized=e<this.options.minVelocity}},{key:"calculateComponentVelocity",value:function(t,e,i){t+=(e-this.modelOptions.damping*t)/i*this.timestep;var o=this.options.maxVelocity||1e9;return Math.abs(t)>o&&(t=t>0?o:-o),t}},{key:"_performStep",value:function(t){var e=this.body.nodes[t],i=this.physicsBody.forces[t],o=this.physicsBody.velocities[t];return this.previousStates[t]={x:e.x,y:e.y,vx:o.x,vy:o.y},!1===e.options.fixed.x?(o.x=this.calculateComponentVelocity(o.x,i.x,e.options.mass),e.x+=o.x*this.timestep):(i.x=0,o.x=0),!1===e.options.fixed.y?(o.y=this.calculateComponentVelocity(o.y,i.y,e.options.mass),e.y+=o.y*this.timestep):(i.y=0,o.y=0),Math.sqrt(Math.pow(o.x,2)+Math.pow(o.y,2))}},{key:"_freezeNodes",value:function(){var t=this.body.nodes;for(var e in t)if(t.hasOwnProperty(e)&&t[e].x&&t[e].y){var i=t[e].options.fixed;this.freezeCache[e]={x:i.x,y:i.y},i.x=!0,i.y=!0}}},{key:"_restoreFrozenNodes",value:function(){var t=this.body.nodes;for(var e in t)t.hasOwnProperty(e)&&void 0!==this.freezeCache[e]&&(t[e].options.fixed.x=this.freezeCache[e].x,t[e].options.fixed.y=this.freezeCache[e].y);this.freezeCache={}}},{key:"stabilize",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.stabilization.iterations;if("number"!=typeof e&&(e=this.options.stabilization.iterations,console.log("The stabilize method needs a numeric amount of iterations. Switching to default: ",e)),0===this.physicsBody.physicsNodeIndices.length)return void(this.ready=!0);this.adaptiveTimestep=this.options.adaptiveTimestep,this.body.emitter.emit("_resizeNodes"),this.stopSimulation(),this.stabilized=!1,this.body.emitter.emit("_blockRedraw"),this.targetIterations=e,!0===this.options.stabilization.onlyDynamicEdges&&this._freezeNodes(),this.stabilizationIterations=0,setTimeout(function(){return t._stabilizationBatch()},0)}},{key:"_startStabilizing",value:function(){return!0!==this.startedStabilization&&(this.body.emitter.emit("startStabilizing"),this.startedStabilization=!0,!0)}},{key:"_stabilizationBatch",value:function(){var t=this,e=function(){return!1===t.stabilized&&t.stabilizationIterations<t.targetIterations},i=function(){t.body.emitter.emit("stabilizationProgress",{iterations:t.stabilizationIterations,total:t.targetIterations})};this._startStabilizing()&&i();for(var o=0;e()&&o<this.options.stabilization.updateInterval;)this.physicsTick(),o++;i(),e()?setTimeout(this._stabilizationBatch.bind(this),0):this._finalizeStabilization()}},{key:"_finalizeStabilization",value:function(){this.body.emitter.emit("_allowRedraw"),!0===this.options.stabilization.fit&&this.body.emitter.emit("fit"),!0===this.options.stabilization.onlyDynamicEdges&&this._restoreFrozenNodes(),this.body.emitter.emit("stabilizationIterationsDone"),this.body.emitter.emit("_requestRedraw"),!0===this.stabilized?this._emitStabilized():this.startSimulation(),this.ready=!0}},{key:"_drawForces",value:function(t){for(var e=0;e<this.physicsBody.physicsNodeIndices.length;e++){var i=this.physicsBody.physicsNodeIndices[e],o=this.body.nodes[i],n=this.physicsBody.forces[i],s=Math.sqrt(Math.pow(n.x,2)+Math.pow(n.x,2)),r=Math.min(Math.max(5,s),15),a=3*r,h=y.HSVToHex((180-180*Math.min(1,Math.max(0,.03*s)))/360,1,1),d={x:o.x+20*n.x,y:o.y+20*n.y};t.lineWidth=r,t.strokeStyle=h,t.beginPath(),t.moveTo(o.x,o.y),t.lineTo(d.x,d.y),t.stroke();var l=Math.atan2(n.y,n.x);t.fillStyle=h,b.draw(t,{type:"arrow",point:d,angle:l,length:a}),t.fill()}}}]),t}();e.default=_},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=function(){function t(e,i,o){(0,s.default)(this,t),this.body=e,this.physicsBody=i,this.setOptions(o)}return(0,a.default)(t,[{key:"setOptions",value:function(t){this.options=t}},{key:"solve",value:function(){for(var t,e,i,o,n,s,r,a,h=this.body.nodes,d=this.physicsBody.physicsNodeIndices,l=this.physicsBody.forces,u=this.options.nodeDistance,c=-2/3/u,p=0;p<d.length-1;p++){r=h[d[p]];for(var f=p+1;f<d.length;f++)a=h[d[f]],t=a.x-r.x,e=a.y-r.y,i=Math.sqrt(t*t+e*e),0===i&&(i=.1*Math.random(),t=i),i<2*u&&(s=i<.5*u?1:c*i+4/3,s/=i,o=t*s,n=e*s,l[r.id].x-=o,l[r.id].y-=n,l[a.id].x+=o,l[a.id].y+=n)}}}]),t}();e.default=h},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=function(){function t(e,i,o){(0,s.default)(this,t),this.body=e,this.physicsBody=i,this.setOptions(o)}return(0,a.default)(t,[{key:"setOptions",value:function(t){this.options=t}},{key:"solve",value:function(){var t,e,i,o,n,s,r,a,h,d,l=this.body.nodes,u=this.physicsBody.physicsNodeIndices,c=this.physicsBody.forces,p=this.options.nodeDistance;for(h=0;h<u.length-1;h++)for(r=l[u[h]],d=h+1;d<u.length;d++)if(a=l[u[d]],r.level===a.level){t=a.x-r.x,e=a.y-r.y,i=Math.sqrt(t*t+e*e)
-;s=i<p?-Math.pow(.05*i,2)+Math.pow(.05*p,2):0,0===i?i=.01:s/=i,o=t*s,n=e*s,c[r.id].x-=o,c[r.id].y-=n,c[a.id].x+=o,c[a.id].y+=n}}}]),t}();e.default=h},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=function(){function t(e,i,o){(0,s.default)(this,t),this.body=e,this.physicsBody=i,this.setOptions(o)}return(0,a.default)(t,[{key:"setOptions",value:function(t){this.options=t}},{key:"solve",value:function(){for(var t=void 0,e=void 0,i=this.physicsBody.physicsEdgeIndices,o=this.body.edges,n=void 0,s=void 0,r=void 0,a=0;a<i.length;a++)e=o[i[a]],!0===e.connected&&e.toId!==e.fromId&&void 0!==this.body.nodes[e.toId]&&void 0!==this.body.nodes[e.fromId]&&(void 0!==e.edgeType.via?(t=void 0===e.options.length?this.options.springLength:e.options.length,n=e.to,s=e.edgeType.via,r=e.from,this._calculateSpringForce(n,s,.5*t),this._calculateSpringForce(s,r,.5*t)):(t=void 0===e.options.length?1.5*this.options.springLength:e.options.length,this._calculateSpringForce(e.from,e.to,t)))}},{key:"_calculateSpringForce",value:function(t,e,i){var o=t.x-e.x,n=t.y-e.y,s=Math.max(Math.sqrt(o*o+n*n),.01),r=this.options.springConstant*(i-s)/s,a=o*r,h=n*r;void 0!==this.physicsBody.forces[t.id]&&(this.physicsBody.forces[t.id].x+=a,this.physicsBody.forces[t.id].y+=h),void 0!==this.physicsBody.forces[e.id]&&(this.physicsBody.forces[e.id].x-=a,this.physicsBody.forces[e.id].y-=h)}}]),t}();e.default=h},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=function(){function t(e,i,o){(0,s.default)(this,t),this.body=e,this.physicsBody=i,this.setOptions(o)}return(0,a.default)(t,[{key:"setOptions",value:function(t){this.options=t}},{key:"solve",value:function(){for(var t,e,i,o,n,s,r,a,h=this.body.edges,d=this.physicsBody.physicsEdgeIndices,l=this.physicsBody.physicsNodeIndices,u=this.physicsBody.forces,c=0;c<l.length;c++){var p=l[c];u[p].springFx=0,u[p].springFy=0}for(var f=0;f<d.length;f++)e=h[d[f]],!0===e.connected&&(t=void 0===e.options.length?this.options.springLength:e.options.length,i=e.from.x-e.to.x,o=e.from.y-e.to.y,a=Math.sqrt(i*i+o*o),a=0===a?.01:a,r=this.options.springConstant*(t-a)/a,n=i*r,s=o*r,e.to.level!=e.from.level?(void 0!==u[e.toId]&&(u[e.toId].springFx-=n,u[e.toId].springFy-=s),void 0!==u[e.fromId]&&(u[e.fromId].springFx+=n,u[e.fromId].springFy+=s)):(void 0!==u[e.toId]&&(u[e.toId].x-=.5*n,u[e.toId].y-=.5*s),void 0!==u[e.fromId]&&(u[e.fromId].x+=.5*n,u[e.fromId].y+=.5*s)));r=1;for(var m,v,g=0;g<l.length;g++){var y=l[g];m=Math.min(r,Math.max(-r,u[y].springFx)),v=Math.min(r,Math.max(-r,u[y].springFy)),u[y].x+=m,u[y].y+=v}for(var b=0,_=0,w=0;w<l.length;w++){var x=l[w];b+=u[x].x,_+=u[x].y}for(var k=b/l.length,S=_/l.length,D=0;D<l.length;D++){var M=l[D];u[M].x-=k,u[M].y-=S}}}]),t}();e.default=h},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(120),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"_calculateForces",value:function(t,e,i,o,n){0===t&&(t=.1*Math.random(),e=t),this.overlapAvoidanceFactor<1&&o.shape.radius&&(t=Math.max(.1+this.overlapAvoidanceFactor*o.shape.radius,t-o.shape.radius));var s=o.edges.length+1,r=this.options.gravitationalConstant*n.mass*o.options.mass*s/Math.pow(t,2),a=e*r,h=i*r;this.physicsBody.forces[o.id].x+=a,this.physicsBody.forces[o.id].y+=h}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(121),m=o(f),v=function(t){function e(t,i,o){return(0,a.default)(this,e),(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o))}return(0,p.default)(e,t),(0,d.default)(e,[{key:"_calculateForces",value:function(t,e,i,o,n){if(t>0){var s=n.edges.length+1,r=this.options.centralGravity*s*n.options.mass;o[n.id].x=e*r,o[n.id].y=i*r}}}]),e}(m.default);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(8),s=o(n),r=i(6),a=o(r),h=i(0),d=o(h),l=i(1),u=o(l),c=i(2),p=i(76).default,f=i(228).default,m=i(74).default,v=i(47).default,g=function(){function t(e){var i=this;(0,d.default)(this,t),this.body=e,this.clusteredNodes={},this.clusteredEdges={},this.options={},this.defaultOptions={},c.extend(this.options,this.defaultOptions),this.body.emitter.on("_resetData",function(){i.clusteredNodes={},i.clusteredEdges={}})}return(0,u.default)(t,[{key:"clusterByHubsize",value:function(t,e){void 0===t?t=this._getHubSize():"object"===(void 0===t?"undefined":(0,a.default)(t))&&(e=this._checkOptions(t),t=this._getHubSize());for(var i=[],o=0;o<this.body.nodeIndices.length;o++){var n=this.body.nodes[this.body.nodeIndices[o]];n.edges.length>=t&&i.push(n.id)}for(var s=0;s<i.length;s++)this.clusterByConnection(i[s],e,!0);this.body.emitter.emit("_dataChanged")}},{key:"cluster",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(void 0===e.joinCondition)throw new Error("Cannot call clusterByNodeData without a joinCondition function in the options.");e=this._checkOptions(e);var o={},n={};c.forEach(this.body.nodes,function(i,s){var r=p.cloneOptions(i);!0===e.joinCondition(r)&&(o[s]=i,c.forEach(i.edges,function(e){void 0===t.clusteredEdges[e.id]&&(n[e.id]=e)}))}),this._cluster(o,n,e,i)}},{key:"clusterByEdgeCount",value:function(t,e){var i=this,o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];e=this._checkOptions(e);for(var n=[],r={},a=void 0,h=void 0,d=void 0,l=0;l<this.body.nodeIndices.length;l++){var u,c,f;!function(o){var l={},m={},v=i.body.nodeIndices[o],g=i.body.nodes[v];if(void 0===r[v]){d=0,h=[];for(var y=0;y<g.edges.length;y++)a=g.edges[y],void 0===i.clusteredEdges[a.id]&&(a.toId!==a.fromId&&d++,h.push(a));if(d===t){u=function(t){if(void 0===e.joinCondition||null===e.joinCondition)return!0;var i=p.cloneOptions(t);return e.joinCondition(i)};for(var b=!0,_=0;_<h.length;_++){a=h[_];var w=i._getConnectedId(a,v);if(!u(g)){b=!1;break}m[a.id]=a,l[v]=g,l[w]=i.body.nodes[w],r[v]=!0}if((0,s.default)(l).length>0&&(0,s.default)(m).length>0&&!0===b)if(c=function(){for(var t=0;t<n.length;++t)for(var e in l)if(void 0!==n[t].nodes[e])return n[t]},void 0!==(f=c())){for(var x in l)void 0===f.nodes[x]&&(f.nodes[x]=l[x]);for(var k in m)void 0===f.edges[k]&&(f.edges[k]=m[k])}else n.push({nodes:l,edges:m})}}}(l)}for(var l=0;l<n.length;l++)this._cluster(n[l].nodes,n[l].edges,e,!1);!0===o&&this.body.emitter.emit("_dataChanged")}},{key:"clusterOutliers",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.clusterByEdgeCount(1,t,e)}},{key:"clusterBridges",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.clusterByEdgeCount(2,t,e)}},{key:"clusterByConnection",value:function(t,e){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(void 0===t)throw new Error("No nodeId supplied to clusterByConnection!");if(void 0===this.body.nodes[t])throw new Error("The nodeId given to clusterByConnection does not exist!");var o=this.body.nodes[t];e=this._checkOptions(e,o),void 0===e.clusterNodeProperties.x&&(e.clusterNodeProperties.x=o.x),void 0===e.clusterNodeProperties.y&&(e.clusterNodeProperties.y=o.y),void 0===e.clusterNodeProperties.fixed&&(e.clusterNodeProperties.fixed={},e.clusterNodeProperties.fixed.x=o.options.fixed.x,e.clusterNodeProperties.fixed.y=o.options.fixed.y);var n={},r={},a=o.id,h=p.cloneOptions(o);n[a]=o;for(var d=0;d<o.edges.length;d++){var l=o.edges[d];if(void 0===this.clusteredEdges[l.id]){var u=this._getConnectedId(l,a);if(void 0===this.clusteredNodes[u])if(u!==a)if(void 0===e.joinCondition)r[l.id]=l,n[u]=this.body.nodes[u];else{var c=p.cloneOptions(this.body.nodes[u]);!0===e.joinCondition(h,c)&&(r[l.id]=l,n[u]=this.body.nodes[u])}else r[l.id]=l}}var f=(0,s.default)(n).map(function(t){return n[t].id});for(m in n)if(n.hasOwnProperty(m))for(var m=n[m],v=0;v<m.edges.length;v++){var g=m.edges[v];f.indexOf(this._getConnectedId(g,m.id))>-1&&(r[g.id]=g)}this._cluster(n,r,e,i)}},{key:"_createClusterEdges",value:function(t,e,i,o){for(var n=void 0,r=void 0,a=void 0,h=void 0,d=void 0,l=void 0,u=(0,s.default)(t),c=[],p=0;p<u.length;p++){r=u[p],a=t[r];for(var f=0;f<a.edges.length;f++)n=a.edges[f],void 0===this.clusteredEdges[n.id]&&(n.toId==n.fromId?e[n.id]=n:n.toId==r?(h=i.id,d=n.fromId,l=d):(h=n.toId,d=i.id,l=h),void 0===t[l]&&c.push({edge:n,fromId:d,toId:h}))}for(var m=[],v=0;v<c.length;v++){var g=c[v],y=g.edge,b=function(t){for(var e=0;e<m.length;e++){var i=m[e],o=t.fromId===i.fromId&&t.toId===i.toId,n=t.fromId===i.toId&&t.toId===i.fromId;if(o||n)return i}return null}(g);null===b?(b=this._createClusteredEdge(g.fromId,g.toId,y,o),m.push(b)):b.clusteringEdgeReplacingIds.push(y.id),this.body.edges[y.id].edgeReplacedById=b.id,this._backupEdgeOptions(y),y.setOptions({physics:!1})}}},{key:"_checkOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return void 0===t.clusterEdgeProperties&&(t.clusterEdgeProperties={}),void 0===t.clusterNodeProperties&&(t.clusterNodeProperties={}),t}},{key:"_cluster",value:function(t,e,i){var o=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];if(0!=(0,s.default)(t).length&&(1!=(0,s.default)(t).length||1==i.clusterNodeProperties.allowSingleNodeCluster)){for(var n in t)if(t.hasOwnProperty(n)&&void 0!==this.clusteredNodes[n])return;var r=c.deepExtend({},i.clusterNodeProperties);if(void 0!==i.processProperties){var a=[];for(var h in t)if(t.hasOwnProperty(h)){var d=p.cloneOptions(t[h]);a.push(d)}var l=[];for(var u in e)if(e.hasOwnProperty(u)&&"clusterEdge:"!==u.substr(0,12)){var m=p.cloneOptions(e[u],"edge");l.push(m)}if(!(r=i.processProperties(r,a,l)))throw new Error("The processProperties function does not return properties!")}void 0===r.id&&(r.id="cluster:"+c.randomUUID());var v=r.id;void 0===r.label&&(r.label="cluster");var g=void 0;void 0===r.x&&(g=this._getClusterPosition(t),r.x=g.x),void 0===r.y&&(void 0===g&&(g=this._getClusterPosition(t)),r.y=g.y),r.id=v;var y=this.body.functions.createNode(r,f);y.containedNodes=t,y.containedEdges=e,y.clusterEdgeProperties=i.clusterEdgeProperties,this.body.nodes[r.id]=y,this._clusterEdges(t,e,r,i.clusterEdgeProperties),r.id=void 0,!0===o&&this.body.emitter.emit("_dataChanged")}}},{key:"_backupEdgeOptions",value:function(t){void 0===this.clusteredEdges[t.id]&&(this.clusteredEdges[t.id]={physics:t.options.physics})}},{key:"_restoreEdge",value:function(t){var e=this.clusteredEdges[t.id];void 0!==e&&(t.setOptions({physics:e.physics}),delete this.clusteredEdges[t.id])}},{key:"isCluster",value:function(t){return void 0!==this.body.nodes[t]?!0===this.body.nodes[t].isCluster:(console.log("Node does not exist."),!1)}},{key:"_getClusterPosition",value:function(t){for(var e=(0,s.default)(t),i=t[e[0]].x,o=t[e[0]].x,n=t[e[0]].y,r=t[e[0]].y,a=void 0,h=1;h<e.length;h++)a=t[e[h]],i=a.x<i?a.x:i,o=a.x>o?a.x:o,n=a.y<n?a.y:n,r=a.y>r?a.y:r;return{x:.5*(i+o),y:.5*(n+r)}}},{key:"openCluster",value:function(t,e){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(void 0===t)throw new Error("No clusterNodeId supplied to openCluster.");var o=this.body.nodes[t];if(void 0===o)throw new Error("The clusterNodeId supplied to openCluster does not exist.");if(!0!==o.isCluster||void 0===o.containedNodes||void 0===o.containedEdges)throw new Error("The node:"+t+" is not a valid cluster.");var n=this.findNode(t),s=n.indexOf(t)-1;if(s>=0){var r=n[s];return this.body.nodes[r]._openChildCluster(t),delete this.body.nodes[t],void(!0===i&&this.body.emitter.emit("_dataChanged"))}var a=o.containedNodes,h=o.containedEdges;if(void 0!==e&&void 0!==e.releaseFunction&&"function"==typeof e.releaseFunction){var d={},l={x:o.x,y:o.y};for(var u in a)if(a.hasOwnProperty(u)){var p=this.body.nodes[u];d[u]={x:p.x,y:p.y}}var f=e.releaseFunction(l,d);for(var m in a)if(a.hasOwnProperty(m)){var v=this.body.nodes[m];void 0!==f[m]&&(v.x=void 0===f[m].x?o.x:f[m].x,v.y=void 0===f[m].y?o.y:f[m].y)}}else c.forEach(a,function(t){!1===t.options.fixed.x&&(t.x=o.x),!1===t.options.fixed.y&&(t.y=o.y)});for(var g in a)if(a.hasOwnProperty(g)){var y=this.body.nodes[g];y.vx=o.vx,y.vy=o.vy,y.setOptions({physics:!0}),delete this.clusteredNodes[g]}for(var b=[],_=0;_<o.edges.length;_++)b.push(o.edges[_]);for(var w=0;w<b.length;w++){for(var x=b[w],k=this._getConnectedId(x,t),S=this.clusteredNodes[k],D=0;D<x.clusteringEdgeReplacingIds.length;D++){var M=x.clusteringEdgeReplacingIds[D],C=this.body.edges[M];if(void 0!==C)if(void 0!==S){var O=this.body.nodes[S.clusterId];O.containedEdges[C.id]=C,delete h[C.id];var E=C.fromId,T=C.toId;C.toId==k?T=S.clusterId:E=S.clusterId,this._createClusteredEdge(E,T,C,O.clusterEdgeProperties,{hidden:!1,physics:!0})}else this._restoreEdge(C)}x.remove()}for(var P in h)h.hasOwnProperty(P)&&this._restoreEdge(h[P]);delete this.body.nodes[t],!0===i&&this.body.emitter.emit("_dataChanged")}},{key:"getNodesInCluster",value:function(t){var e=[];if(!0===this.isCluster(t)){var i=this.body.nodes[t].containedNodes;for(var o in i)i.hasOwnProperty(o)&&e.push(this.body.nodes[o].id)}return e}},{key:"findNode",value:function(t){for(var e=[],i=0,o=void 0;void 0!==this.clusteredNodes[t]&&i<100;){if(void 0===(o=this.body.nodes[t]))return[];e.push(o.id),t=this.clusteredNodes[t].clusterId,i++}return void 0===(o=this.body.nodes[t])?[]:(e.push(o.id),e.reverse(),e)}},{key:"updateClusteredNode",value:function(t,e){if(void 0===t)throw new Error("No clusteredNodeId supplied to updateClusteredNode.");if(void 0===e)throw new Error("No newOptions supplied to updateClusteredNode.");if(void 0===this.body.nodes[t])throw new Error("The clusteredNodeId supplied to updateClusteredNode does not exist.");this.body.nodes[t].setOptions(e),this.body.emitter.emit("_dataChanged")}},{key:"updateEdge",value:function(t,e){if(void 0===t)throw new Error("No startEdgeId supplied to updateEdge.");if(void 0===e)throw new Error("No newOptions supplied to updateEdge.");if(void 0===this.body.edges[t])throw new Error("The startEdgeId supplied to updateEdge does not exist.");for(var i=this.getClusteredEdges(t),o=0;o<i.length;o++){this.body.edges[i[o]].setOptions(e)}this.body.emitter.emit("_dataChanged")}},{key:"getClusteredEdges",value:function(t){for(var e=[],i=0;void 0!==t&&void 0!==this.body.edges[t]&&i<100;)e.push(this.body.edges[t].id),t=this.body.edges[t].edgeReplacedById,i++;return e.reverse(),e}},{key:"getBaseEdge",value:function(t){return this.getBaseEdges(t)[0]}},{key:"getBaseEdges",value:function(t){for(var e=[t],i=[],o=[],n=0;e.length>0&&n<100;){var s=e.pop();if(void 0!==s){var r=this.body.edges[s];if(void 0!==r){n++;var a=r.clusteringEdgeReplacingIds;if(void 0===a)o.push(s);else for(var h=0;h<a.length;++h){var d=a[h];-1===e.indexOf(a)&&-1===i.indexOf(a)&&e.push(d)}i.push(s)}}}return o}},{key:"_getConnectedId",value:function(t,e){return t.toId!=e?t.toId:(t.fromId,t.fromId)}},{key:"_getHubSize",value:function(){for(var t=0,e=0,i=0,o=0,n=0;n<this.body.nodeIndices.length;n++){var s=this.body.nodes[this.body.nodeIndices[n]];s.edges.length>o&&(o=s.edges.length),t+=s.edges.length,e+=Math.pow(s.edges.length,2),i+=1}t/=i,e/=i;var r=e-Math.pow(t,2),a=Math.sqrt(r),h=Math.floor(t+2*a);return h>o&&(h=o),h}},{key:"_createClusteredEdge",value:function(t,e,i,o,n){var s=p.cloneOptions(i,"edge");c.deepExtend(s,o),s.from=t,s.to=e,s.id="clusterEdge:"+c.randomUUID(),void 0!==n&&c.deepExtend(s,n);var r=this.body.functions.createEdge(s);return r.clusteringEdgeReplacingIds=[i.id],r.connect(),this.body.edges[r.id]=r,r}},{key:"_clusterEdges",value:function(t,e,i,o){if(e instanceof m){var n=e,s={};s[n.id]=n,e=s}if(t instanceof v){var r=t,a={};a[r.id]=r,t=a}if(void 0===i||null===i)throw new Error("_clusterEdges: parameter clusterNode required");void 0===o&&(o=i.clusterEdgeProperties),this._createClusterEdges(t,e,i,o);for(var h in e)if(e.hasOwnProperty(h)&&void 0!==this.body.edges[h]){var d=this.body.edges[h];this._backupEdgeOptions(d),d.setOptions({physics:!1})}for(var l in t)t.hasOwnProperty(l)&&(this.clusteredNodes[l]={clusterId:i.id,node:this.body.nodes[l]},this.body.nodes[l].setOptions({physics:!1}))}},{key:"_getClusterNodeForNode",value:function(t){if(void 0!==t){var e=this.clusteredNodes[t];if(void 0!==e){var i=e.clusterId;if(void 0!==i)return this.body.nodes[i]}}}},{key:"_filter",value:function(t,e){var i=[];return c.forEach(t,function(t){e(t)&&i.push(t)}),i}},{key:"_updateState",value:function(){var t=this,e=void 0,i=[],o=[],n=function(e){c.forEach(t.body.nodes,function(t){!0===t.isCluster&&e(t)})};for(e in this.clusteredNodes)if(this.clusteredNodes.hasOwnProperty(e)){var r=this.body.nodes[e];void 0===r&&i.push(e)}n(function(t){for(var e=0;e<i.length;e++)delete t.containedNodes[i[e]]});for(var a=0;a<i.length;a++)delete this.clusteredNodes[i[a]];c.forEach(this.clusteredEdges,function(e){var i=t.body.edges[e];void 0!==i&&i.endPointsValid()||o.push(e)}),n(function(t){c.forEach(t.containedEdges,function(t,e){t.endPointsValid()||-1!==o.indexOf(e)||o.push(e)})}),c.forEach(this.body.edges,function(e,i){var n=!0,s=e.clusteringEdgeReplacingIds;if(void 0!==s){var r=0;c.forEach(s,function(e){var i=t.body.edges[e];void 0!==i&&i.endPointsValid()&&(r+=1)}),n=r>0}e.endPointsValid()&&n||o.push(i)}),n(function(e){c.forEach(o,function(i){delete e.containedEdges[i],c.forEach(e.edges,function(n,s){if(n.id===i)return void(e.edges[s]=null);n.clusteringEdgeReplacingIds=t._filter(n.clusteringEdgeReplacingIds,function(t){return-1===o.indexOf(t)})}),e.edges=t._filter(e.edges,function(t){return null!==t})})}),c.forEach(o,function(e){delete t.clusteredEdges[e]}),c.forEach(o,function(e){delete t.body.edges[e]});var h=(0,s.default)(this.body.edges);c.forEach(h,function(e){var i=t.body.edges[e],o=t._isClusteredNode(i.fromId)||t._isClusteredNode(i.toId);if(o!==t._isClusteredEdge(i.id)){if(!o)throw new Error("remove edge from clustering not implemented!");var n=t._getClusterNodeForNode(i.fromId);void 0!==n&&t._clusterEdges(t.body.nodes[i.fromId],i,n);var s=t._getClusterNodeForNode(i.toId);void 0!==s&&t._clusterEdges(t.body.nodes[i.toId],i,s)}});for(var d=!1,l=!0;l;)!function(){var e=[];n(function(t){var i=(0,s.default)(t.containedNodes).length,o=!0===t.options.allowSingleNodeCluster;(o&&i<1||!o&&i<2)&&e.push(t.id)});for(var i=0;i<e.length;++i)t.openCluster(e[i],{},!1);l=e.length>0,d=d||l}();d&&this._updateState()}},{key:"_isClusteredNode",value:function(t){return void 0!==this.clusteredNodes[t]}},{key:"_isClusteredEdge",value:function(t){return void 0!==this.clusteredEdges[t]}}]),t}();e.default=g},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(4),u=o(l),c=i(5),p=o(c),f=i(2),m=i(47).default,v=function(t){function e(t,i,o,n,r,h){(0,a.default)(this,e);var d=(0,u.default)(this,(e.__proto__||(0,s.default)(e)).call(this,t,i,o,n,r,h));return d.isCluster=!0,d.containedNodes={},d.containedEdges={},d}return(0,p.default)(e,t),(0,d.default)(e,[{key:"_openChildCluster",value:function(t){var e=this,i=this.body.nodes[t];if(void 0===this.containedNodes[t])throw new Error("node with id: "+t+" not in current cluster");if(!i.isCluster)throw new Error("node with id: "+t+" is not a cluster");delete this.containedNodes[t],f.forEach(i.edges,function(t){delete e.containedEdges[t.id]}),f.forEach(i.containedNodes,function(t,i){e.containedNodes[i]=t}),i.containedNodes={},f.forEach(i.containedEdges,function(t,i){e.containedEdges[i]=t}),i.containedEdges={},f.forEach(i.edges,function(t){f.forEach(e.edges,function(i){var o=i.clusteringEdgeReplacingIds.indexOf(t.id);-1!==o&&(f.forEach(t.clusteringEdgeReplacingIds,function(t){i.clusteringEdgeReplacingIds.push(t),e.body.edges[t].edgeReplacedById=i.id}),i.clusteringEdgeReplacingIds.splice(o,1))})}),i.edges=[]}}]),e}(m);e.default=v},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}function n(){var t;void 0!==window&&(t=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame),window.requestAnimationFrame=void 0===t?function(t){t()}:t}Object.defineProperty(e,"__esModule",{value:!0});var s=i(0),r=o(s),a=i(1),h=o(a),d=i(2),l=function(){function t(e,i){(0,r.default)(this,t),n(),this.body=e,this.canvas=i,this.redrawRequested=!1,this.renderTimer=void 0,this.requiresTimeout=!0,this.renderingActive=!1,this.renderRequests=0,this.allowRedraw=!0,this.dragging=!1,this.options={},this.defaultOptions={hideEdgesOnDrag:!1,hideNodesOnDrag:!1},d.extend(this.options,this.defaultOptions),this._determineBrowserMethod(),this.bindEventListeners()}return(0,h.default)(t,[{key:"bindEventListeners",value:function(){var t=this;this.body.emitter.on("dragStart",function(){t.dragging=!0}),this.body.emitter.on("dragEnd",function(){t.dragging=!1}),this.body.emitter.on("_resizeNodes",function(){t._resizeNodes()}),this.body.emitter.on("_redraw",function(){!1===t.renderingActive&&t._redraw()}),this.body.emitter.on("_blockRedraw",function(){t.allowRedraw=!1}),this.body.emitter.on("_allowRedraw",function(){t.allowRedraw=!0,t.redrawRequested=!1}),this.body.emitter.on("_requestRedraw",this._requestRedraw.bind(this)),this.body.emitter.on("_startRendering",function(){t.renderRequests+=1,t.renderingActive=!0,t._startRendering()}),this.body.emitter.on("_stopRendering",function(){t.renderRequests-=1,t.renderingActive=t.renderRequests>0,t.renderTimer=void 0}),this.body.emitter.on("destroy",function(){t.renderRequests=0,t.allowRedraw=!1,t.renderingActive=!1,!0===t.requiresTimeout?clearTimeout(t.renderTimer):window.cancelAnimationFrame(t.renderTimer),t.body.emitter.off()})}},{key:"setOptions",value:function(t){if(void 0!==t){var e=["hideEdgesOnDrag","hideNodesOnDrag"];d.selectiveDeepExtend(e,this.options,t)}}},{key:"_requestNextFrame",value:function(t,e){if("undefined"!=typeof window){var i=void 0,o=window;return!0===this.requiresTimeout?i=o.setTimeout(t,e):o.requestAnimationFrame&&(i=o.requestAnimationFrame(t)),i}}},{key:"_startRendering",value:function(){!0===this.renderingActive&&void 0===this.renderTimer&&(this.renderTimer=this._requestNextFrame(this._renderStep.bind(this),this.simulationInterval))}},{key:"_renderStep",value:function(){!0===this.renderingActive&&(this.renderTimer=void 0,!0===this.requiresTimeout&&this._startRendering(),this._redraw(),!1===this.requiresTimeout&&this._startRendering())}},{key:"redraw",value:function(){this.body.emitter.emit("setSize"),this._redraw()}},{key:"_requestRedraw",value:function(){var t=this;!0!==this.redrawRequested&&!1===this.renderingActive&&!0===this.allowRedraw&&(this.redrawRequested=!0,this._requestNextFrame(function(){t._redraw(!1)},0))}},{key:"_redraw",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!0===this.allowRedraw){this.body.emitter.emit("initRedraw"),this.redrawRequested=!1,0!==this.canvas.frame.canvas.width&&0!==this.canvas.frame.canvas.height||this.canvas.setSize(),this.canvas.setTransform();var e=this.canvas.getContext(),i=this.canvas.frame.canvas.clientWidth,o=this.canvas.frame.canvas.clientHeight;if(e.clearRect(0,0,i,o),0===this.canvas.frame.clientWidth)return;e.save(),e.translate(this.body.view.translation.x,this.body.view.translation.y),e.scale(this.body.view.scale,this.body.view.scale),e.beginPath(),this.body.emitter.emit("beforeDrawing",e),e.closePath(),!1===t&&(!1===this.dragging||!0===this.dragging&&!1===this.options.hideEdgesOnDrag)&&this._drawEdges(e),(!1===this.dragging||!0===this.dragging&&!1===this.options.hideNodesOnDrag)&&this._drawNodes(e,t),e.beginPath(),this.body.emitter.emit("afterDrawing",e),e.closePath(),e.restore(),!0===t&&e.clearRect(0,0,i,o)}}},{key:"_resizeNodes",value:function(){this.canvas.setTransform();var t=this.canvas.getContext();t.save(),t.translate(this.body.view.translation.x,this.body.view.translation.y),t.scale(this.body.view.scale,this.body.view.scale);var e=this.body.nodes,i=void 0;for(var o in e)e.hasOwnProperty(o)&&(i=e[o],i.resize(t),i.updateBoundingBox(t,i.selected));t.restore()}},{key:"_drawNodes",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=this.body.nodes,o=this.body.nodeIndices,n=void 0,s=[],r=this.canvas.DOMtoCanvas({x:-20,y:-20}),a=this.canvas.DOMtoCanvas({x:this.canvas.frame.canvas.clientWidth+20,y:this.canvas.frame.canvas.clientHeight+20}),h={top:r.y,left:r.x,bottom:a.y,right:a.x},d=0;d<o.length;d++)n=i[o[d]],n.isSelected()?s.push(o[d]):!0===e?n.draw(t):!0===n.isBoundingBoxOverlappingWith(h)?n.draw(t):n.updateBoundingBox(t,n.selected);for(var l=0;l<s.length;l++)n=i[s[l]],n.draw(t)}},{key:"_drawEdges",value:function(t){for(var e=this.body.edges,i=this.body.edgeIndices,o=void 0,n=0;n<i.length;n++)o=e[i[n]],!0===o.connected&&o.draw(t)}},{key:"_determineBrowserMethod",value:function(){if("undefined"!=typeof window){var t=navigator.userAgent.toLowerCase();this.requiresTimeout=!1,-1!=t.indexOf("msie 9.0")?this.requiresTimeout=!0:-1!=t.indexOf("safari")&&t.indexOf("chrome")<=-1&&(this.requiresTimeout=!0)}else this.requiresTimeout=!0}}]),t}();e.default=l},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(10),d=i(37),l=i(2),u=function(){function t(e){(0,s.default)(this,t),this.body=e,this.pixelRatio=1,this.resizeTimer=void 0,this.resizeFunction=this._onResize.bind(this),this.cameraState={},this.initialized=!1,this.canvasViewCenter={},this.options={},this.defaultOptions={autoResize:!0,height:"100%",width:"100%"},l.extend(this.options,this.defaultOptions),this.bindEventListeners()}return(0,a.default)(t,[{key:"bindEventListeners",value:function(){var t=this;this.body.emitter.once("resize",function(e){0!==e.width&&(t.body.view.translation.x=.5*e.width),0!==e.height&&(t.body.view.translation.y=.5*e.height)}),this.body.emitter.on("setSize",this.setSize.bind(this)),this.body.emitter.on("destroy",function(){t.hammerFrame.destroy(),t.hammer.destroy(),t._cleanUp()})}},{key:"setOptions",value:function(t){var e=this;if(void 0!==t){var i=["width","height","autoResize"];l.selectiveDeepExtend(i,this.options,t)}!0===this.options.autoResize&&(this._cleanUp(),this.resizeTimer=setInterval(function(){!0===e.setSize()&&e.body.emitter.emit("_requestRedraw")},1e3),this.resizeFunction=this._onResize.bind(this),l.addEventListener(window,"resize",this.resizeFunction))}},{key:"_cleanUp",value:function(){void 0!==this.resizeTimer&&clearInterval(this.resizeTimer),l.removeEventListener(window,"resize",this.resizeFunction),this.resizeFunction=void 0}},{key:"_onResize",value:function(){this.setSize(),this.body.emitter.emit("_redraw")}},{key:"_getCameraState",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.pixelRatio;!0===this.initialized&&(this.cameraState.previousWidth=this.frame.canvas.width/t,this.cameraState.previousHeight=this.frame.canvas.height/t,this.cameraState.scale=this.body.view.scale,this.cameraState.position=this.DOMtoCanvas({x:.5*this.frame.canvas.width/t,y:.5*this.frame.canvas.height/t}))}},{key:"_setCameraState",value:function(){if(void 0!==this.cameraState.scale&&0!==this.frame.canvas.clientWidth&&0!==this.frame.canvas.clientHeight&&0!==this.pixelRatio&&this.cameraState.previousWidth>0){var t=this.frame.canvas.width/this.pixelRatio/this.cameraState.previousWidth,e=this.frame.canvas.height/this.pixelRatio/this.cameraState.previousHeight,i=this.cameraState.scale;1!=t&&1!=e?i=.5*this.cameraState.scale*(t+e):1!=t?i=this.cameraState.scale*t:1!=e&&(i=this.cameraState.scale*e),this.body.view.scale=i;var o=this.DOMtoCanvas({x:.5*this.frame.canvas.clientWidth,y:.5*this.frame.canvas.clientHeight}),n={x:o.x-this.cameraState.position.x,y:o.y-this.cameraState.position.y};this.body.view.translation.x+=n.x*this.body.view.scale,this.body.view.translation.y+=n.y*this.body.view.scale}}},{key:"_prepareValue",value:function(t){if("number"==typeof t)return t+"px";if("string"==typeof t){if(-1!==t.indexOf("%")||-1!==t.indexOf("px"))return t;if(-1===t.indexOf("%"))return t+"px"}throw new Error("Could not use the value supplied for width or height:"+t)}},{key:"_create",value:function(){for(;this.body.container.hasChildNodes();)this.body.container.removeChild(this.body.container.firstChild);if(this.frame=document.createElement("div"),this.frame.className="vis-network",this.frame.style.position="relative",this.frame.style.overflow="hidden",this.frame.tabIndex=900,this.frame.canvas=document.createElement("canvas"),this.frame.canvas.style.position="relative",this.frame.appendChild(this.frame.canvas),this.frame.canvas.getContext)this._setPixelRatio(),this.setTransform();else{var t=document.createElement("DIV");t.style.color="red",t.style.fontWeight="bold",t.style.padding="10px",t.innerHTML="Error: your browser does not support HTML canvas",this.frame.canvas.appendChild(t)}this.body.container.appendChild(this.frame),this.body.view.scale=1,this.body.view.translation={x:.5*this.frame.canvas.clientWidth,y:.5*this.frame.canvas.clientHeight},this._bindHammer()}},{key:"_bindHammer",value:function(){var t=this;void 0!==this.hammer&&this.hammer.destroy(),this.drag={},this.pinch={},this.hammer=new h(this.frame.canvas),this.hammer.get("pinch").set({enable:!0}),this.hammer.get("pan").set({threshold:5,direction:h.DIRECTION_ALL}),d.onTouch(this.hammer,function(e){t.body.eventListeners.onTouch(e)}),this.hammer.on("tap",function(e){t.body.eventListeners.onTap(e)}),this.hammer.on("doubletap",function(e){t.body.eventListeners.onDoubleTap(e)}),this.hammer.on("press",function(e){t.body.eventListeners.onHold(e)}),this.hammer.on("panstart",function(e){t.body.eventListeners.onDragStart(e)}),this.hammer.on("panmove",function(e){t.body.eventListeners.onDrag(e)}),this.hammer.on("panend",function(e){t.body.eventListeners.onDragEnd(e)}),this.hammer.on("pinch",function(e){t.body.eventListeners.onPinch(e)}),this.frame.canvas.addEventListener("mousewheel",function(e){t.body.eventListeners.onMouseWheel(e)}),this.frame.canvas.addEventListener("DOMMouseScroll",function(e){t.body.eventListeners.onMouseWheel(e)}),this.frame.canvas.addEventListener("mousemove",function(e){t.body.eventListeners.onMouseMove(e)}),this.frame.canvas.addEventListener("contextmenu",function(e){t.body.eventListeners.onContext(e)}),this.hammerFrame=new h(this.frame),d.onRelease(this.hammerFrame,function(e){t.body.eventListeners.onRelease(e)})}},{key:"setSize",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.width,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.options.height;t=this._prepareValue(t),e=this._prepareValue(e);var i=!1,o=this.frame.canvas.width,n=this.frame.canvas.height,s=this.pixelRatio;if(this._setPixelRatio(),t!=this.options.width||e!=this.options.height||this.frame.style.width!=t||this.frame.style.height!=e)this._getCameraState(s),this.frame.style.width=t,this.frame.style.height=e,this.frame.canvas.style.width="100%",this.frame.canvas.style.height="100%",this.frame.canvas.width=Math.round(this.frame.canvas.clientWidth*this.pixelRatio),this.frame.canvas.height=Math.round(this.frame.canvas.clientHeight*this.pixelRatio),this.options.width=t,this.options.height=e,this.canvasViewCenter={x:.5*this.frame.clientWidth,y:.5*this.frame.clientHeight},i=!0;else{var r=Math.round(this.frame.canvas.clientWidth*this.pixelRatio),a=Math.round(this.frame.canvas.clientHeight*this.pixelRatio);this.frame.canvas.width===r&&this.frame.canvas.height===a||this._getCameraState(s),
-this.frame.canvas.width!==r&&(this.frame.canvas.width=r,i=!0),this.frame.canvas.height!==a&&(this.frame.canvas.height=a,i=!0)}return!0===i&&(this.body.emitter.emit("resize",{width:Math.round(this.frame.canvas.width/this.pixelRatio),height:Math.round(this.frame.canvas.height/this.pixelRatio),oldWidth:Math.round(o/this.pixelRatio),oldHeight:Math.round(n/this.pixelRatio)}),this._setCameraState()),this.initialized=!0,i}},{key:"getContext",value:function(){return this.frame.canvas.getContext("2d")}},{key:"_determinePixelRatio",value:function(){var t=this.getContext();if(void 0===t)throw new Error("Could not get canvax context");var e=1;return"undefined"!=typeof window&&(e=window.devicePixelRatio||1),e/(t.webkitBackingStorePixelRatio||t.mozBackingStorePixelRatio||t.msBackingStorePixelRatio||t.oBackingStorePixelRatio||t.backingStorePixelRatio||1)}},{key:"_setPixelRatio",value:function(){this.pixelRatio=this._determinePixelRatio()}},{key:"setTransform",value:function(){var t=this.getContext();if(void 0===t)throw new Error("Could not get canvax context");t.setTransform(this.pixelRatio,0,0,this.pixelRatio,0,0)}},{key:"_XconvertDOMtoCanvas",value:function(t){return(t-this.body.view.translation.x)/this.body.view.scale}},{key:"_XconvertCanvasToDOM",value:function(t){return t*this.body.view.scale+this.body.view.translation.x}},{key:"_YconvertDOMtoCanvas",value:function(t){return(t-this.body.view.translation.y)/this.body.view.scale}},{key:"_YconvertCanvasToDOM",value:function(t){return t*this.body.view.scale+this.body.view.translation.y}},{key:"canvasToDOM",value:function(t){return{x:this._XconvertCanvasToDOM(t.x),y:this._YconvertCanvasToDOM(t.y)}}},{key:"DOMtoCanvas",value:function(t){return{x:this._XconvertDOMtoCanvas(t.x),y:this._YconvertDOMtoCanvas(t.y)}}}]),t}();e.default=u},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(2),d=i(76).default,l=function(){function t(e,i){var o=this;(0,s.default)(this,t),this.body=e,this.canvas=i,this.animationSpeed=1/this.renderRefreshRate,this.animationEasingFunction="easeInOutQuint",this.easingTime=0,this.sourceScale=0,this.targetScale=0,this.sourceTranslation=0,this.targetTranslation=0,this.lockedOnNodeId=void 0,this.lockedOnNodeOffset=void 0,this.touchTime=0,this.viewFunction=void 0,this.body.emitter.on("fit",this.fit.bind(this)),this.body.emitter.on("animationFinished",function(){o.body.emitter.emit("_stopRendering")}),this.body.emitter.on("unlockNode",this.releaseNode.bind(this))}return(0,a.default)(t,[{key:"setOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.options=t}},{key:"fit",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{nodes:[]},e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=void 0,o=void 0;if(void 0!==t.nodes&&0!==t.nodes.length||(t.nodes=this.body.nodeIndices),!0===e){var n=0;for(var s in this.body.nodes)if(this.body.nodes.hasOwnProperty(s)){var r=this.body.nodes[s];!0===r.predefinedPosition&&(n+=1)}if(n>.5*this.body.nodeIndices.length)return void this.fit(t,!1);i=d.getRange(this.body.nodes,t.nodes);o=12.662/(this.body.nodeIndices.length+7.4147)+.0964822;o*=Math.min(this.canvas.frame.canvas.clientWidth/600,this.canvas.frame.canvas.clientHeight/600)}else{this.body.emitter.emit("_resizeNodes"),i=d.getRange(this.body.nodes,t.nodes);var a=1.1*Math.abs(i.maxX-i.minX),h=1.1*Math.abs(i.maxY-i.minY),l=this.canvas.frame.canvas.clientWidth/a,u=this.canvas.frame.canvas.clientHeight/h;o=l<=u?l:u}o>1?o=1:0===o&&(o=1);var c=d.findCenter(i),p={position:c,scale:o,animation:t.animation};this.moveTo(p)}},{key:"focus",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(void 0!==this.body.nodes[t]){var i={x:this.body.nodes[t].x,y:this.body.nodes[t].y};e.position=i,e.lockedOnNode=t,this.moveTo(e)}else console.log("Node: "+t+" cannot be found.")}},{key:"moveTo",value:function(t){if(void 0===t)return void(t={});void 0===t.offset&&(t.offset={x:0,y:0}),void 0===t.offset.x&&(t.offset.x=0),void 0===t.offset.y&&(t.offset.y=0),void 0===t.scale&&(t.scale=this.body.view.scale),void 0===t.position&&(t.position=this.getViewPosition()),void 0===t.animation&&(t.animation={duration:0}),!1===t.animation&&(t.animation={duration:0}),!0===t.animation&&(t.animation={}),void 0===t.animation.duration&&(t.animation.duration=1e3),void 0===t.animation.easingFunction&&(t.animation.easingFunction="easeInOutQuad"),this.animateView(t)}},{key:"animateView",value:function(t){if(void 0!==t){this.animationEasingFunction=t.animation.easingFunction,this.releaseNode(),!0===t.locked&&(this.lockedOnNodeId=t.lockedOnNode,this.lockedOnNodeOffset=t.offset),0!=this.easingTime&&this._transitionRedraw(!0),this.sourceScale=this.body.view.scale,this.sourceTranslation=this.body.view.translation,this.targetScale=t.scale,this.body.view.scale=this.targetScale;var e=this.canvas.DOMtoCanvas({x:.5*this.canvas.frame.canvas.clientWidth,y:.5*this.canvas.frame.canvas.clientHeight}),i={x:e.x-t.position.x,y:e.y-t.position.y};this.targetTranslation={x:this.sourceTranslation.x+i.x*this.targetScale+t.offset.x,y:this.sourceTranslation.y+i.y*this.targetScale+t.offset.y},0===t.animation.duration?void 0!=this.lockedOnNodeId?(this.viewFunction=this._lockedRedraw.bind(this),this.body.emitter.on("initRedraw",this.viewFunction)):(this.body.view.scale=this.targetScale,this.body.view.translation=this.targetTranslation,this.body.emitter.emit("_requestRedraw")):(this.animationSpeed=1/(60*t.animation.duration*.001)||1/60,this.animationEasingFunction=t.animation.easingFunction,this.viewFunction=this._transitionRedraw.bind(this),this.body.emitter.on("initRedraw",this.viewFunction),this.body.emitter.emit("_startRendering"))}}},{key:"_lockedRedraw",value:function(){var t={x:this.body.nodes[this.lockedOnNodeId].x,y:this.body.nodes[this.lockedOnNodeId].y},e=this.canvas.DOMtoCanvas({x:.5*this.canvas.frame.canvas.clientWidth,y:.5*this.canvas.frame.canvas.clientHeight}),i={x:e.x-t.x,y:e.y-t.y},o=this.body.view.translation,n={x:o.x+i.x*this.body.view.scale+this.lockedOnNodeOffset.x,y:o.y+i.y*this.body.view.scale+this.lockedOnNodeOffset.y};this.body.view.translation=n}},{key:"releaseNode",value:function(){void 0!==this.lockedOnNodeId&&void 0!==this.viewFunction&&(this.body.emitter.off("initRedraw",this.viewFunction),this.lockedOnNodeId=void 0,this.lockedOnNodeOffset=void 0)}},{key:"_transitionRedraw",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.easingTime+=this.animationSpeed,this.easingTime=!0===t?1:this.easingTime;var e=h.easingFunctions[this.animationEasingFunction](this.easingTime);this.body.view.scale=this.sourceScale+(this.targetScale-this.sourceScale)*e,this.body.view.translation={x:this.sourceTranslation.x+(this.targetTranslation.x-this.sourceTranslation.x)*e,y:this.sourceTranslation.y+(this.targetTranslation.y-this.sourceTranslation.y)*e},this.easingTime>=1&&(this.body.emitter.off("initRedraw",this.viewFunction),this.easingTime=0,void 0!=this.lockedOnNodeId&&(this.viewFunction=this._lockedRedraw.bind(this),this.body.emitter.on("initRedraw",this.viewFunction)),this.body.emitter.emit("animationFinished"))}},{key:"getScale",value:function(){return this.body.view.scale}},{key:"getViewPosition",value:function(){return this.canvas.DOMtoCanvas({x:.5*this.canvas.frame.canvas.clientWidth,y:.5*this.canvas.frame.canvas.clientHeight})}}]),t}();e.default=l},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(2),d=i(233).default,l=i(104).default,u=function(){function t(e,i,o){(0,s.default)(this,t),this.body=e,this.canvas=i,this.selectionHandler=o,this.navigationHandler=new d(e,i),this.body.eventListeners.onTap=this.onTap.bind(this),this.body.eventListeners.onTouch=this.onTouch.bind(this),this.body.eventListeners.onDoubleTap=this.onDoubleTap.bind(this),this.body.eventListeners.onHold=this.onHold.bind(this),this.body.eventListeners.onDragStart=this.onDragStart.bind(this),this.body.eventListeners.onDrag=this.onDrag.bind(this),this.body.eventListeners.onDragEnd=this.onDragEnd.bind(this),this.body.eventListeners.onMouseWheel=this.onMouseWheel.bind(this),this.body.eventListeners.onPinch=this.onPinch.bind(this),this.body.eventListeners.onMouseMove=this.onMouseMove.bind(this),this.body.eventListeners.onRelease=this.onRelease.bind(this),this.body.eventListeners.onContext=this.onContext.bind(this),this.touchTime=0,this.drag={},this.pinch={},this.popup=void 0,this.popupObj=void 0,this.popupTimer=void 0,this.body.functions.getPointer=this.getPointer.bind(this),this.options={},this.defaultOptions={dragNodes:!0,dragView:!0,hover:!1,keyboard:{enabled:!1,speed:{x:10,y:10,zoom:.02},bindToWindow:!0},navigationButtons:!1,tooltipDelay:300,zoomView:!0},h.extend(this.options,this.defaultOptions),this.bindEventListeners()}return(0,a.default)(t,[{key:"bindEventListeners",value:function(){var t=this;this.body.emitter.on("destroy",function(){clearTimeout(t.popupTimer),delete t.body.functions.getPointer})}},{key:"setOptions",value:function(t){if(void 0!==t){var e=["hideEdgesOnDrag","hideNodesOnDrag","keyboard","multiselect","selectable","selectConnectedEdges"];h.selectiveNotDeepExtend(e,this.options,t),h.mergeOptions(this.options,t,"keyboard"),t.tooltip&&(h.extend(this.options.tooltip,t.tooltip),t.tooltip.color&&(this.options.tooltip.color=h.parseColor(t.tooltip.color)))}this.navigationHandler.setOptions(this.options)}},{key:"getPointer",value:function(t){return{x:t.x-h.getAbsoluteLeft(this.canvas.frame.canvas),y:t.y-h.getAbsoluteTop(this.canvas.frame.canvas)}}},{key:"onTouch",value:function(t){(new Date).valueOf()-this.touchTime>50&&(this.drag.pointer=this.getPointer(t.center),this.drag.pinched=!1,this.pinch.scale=this.body.view.scale,this.touchTime=(new Date).valueOf())}},{key:"onTap",value:function(t){var e=this.getPointer(t.center),i=this.selectionHandler.options.multiselect&&(t.changedPointers[0].ctrlKey||t.changedPointers[0].metaKey);this.checkSelectionChanges(e,t,i),this.selectionHandler._generateClickEvent("click",t,e)}},{key:"onDoubleTap",value:function(t){var e=this.getPointer(t.center);this.selectionHandler._generateClickEvent("doubleClick",t,e)}},{key:"onHold",value:function(t){var e=this.getPointer(t.center),i=this.selectionHandler.options.multiselect;this.checkSelectionChanges(e,t,i),this.selectionHandler._generateClickEvent("click",t,e),this.selectionHandler._generateClickEvent("hold",t,e)}},{key:"onRelease",value:function(t){if((new Date).valueOf()-this.touchTime>10){var e=this.getPointer(t.center);this.selectionHandler._generateClickEvent("release",t,e),this.touchTime=(new Date).valueOf()}}},{key:"onContext",value:function(t){var e=this.getPointer({x:t.clientX,y:t.clientY});this.selectionHandler._generateClickEvent("oncontext",t,e)}},{key:"checkSelectionChanges",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=this.selectionHandler.getSelection(),n=!1;n=!0===i?this.selectionHandler.selectAdditionalOnPoint(t):this.selectionHandler.selectOnPoint(t);var s=this.selectionHandler.getSelection(),r=this._determineDifference(o,s),a=this._determineDifference(s,o);r.edges.length>0&&(this.selectionHandler._generateClickEvent("deselectEdge",e,t,o),n=!0),r.nodes.length>0&&(this.selectionHandler._generateClickEvent("deselectNode",e,t,o),n=!0),a.nodes.length>0&&(this.selectionHandler._generateClickEvent("selectNode",e,t),n=!0),a.edges.length>0&&(this.selectionHandler._generateClickEvent("selectEdge",e,t),n=!0),!0===n&&this.selectionHandler._generateClickEvent("select",e,t)}},{key:"_determineDifference",value:function(t,e){var i=function(t,e){for(var i=[],o=0;o<t.length;o++){var n=t[o];-1===e.indexOf(n)&&i.push(n)}return i};return{nodes:i(t.nodes,e.nodes),edges:i(t.edges,e.edges)}}},{key:"onDragStart",value:function(t){void 0===this.drag.pointer&&this.onTouch(t);var e=this.selectionHandler.getNodeAt(this.drag.pointer);if(this.drag.dragging=!0,this.drag.selection=[],this.drag.translation=h.extend({},this.body.view.translation),this.drag.nodeId=void 0,void 0!==e&&!0===this.options.dragNodes){this.drag.nodeId=e.id,!1===e.isSelected()&&(this.selectionHandler.unselectAll(),this.selectionHandler.selectObject(e)),this.selectionHandler._generateClickEvent("dragStart",t,this.drag.pointer);var i=this.selectionHandler.selectionObj.nodes;for(var o in i)if(i.hasOwnProperty(o)){var n=i[o],s={id:n.id,node:n,x:n.x,y:n.y,xFixed:n.options.fixed.x,yFixed:n.options.fixed.y};n.options.fixed.x=!0,n.options.fixed.y=!0,this.drag.selection.push(s)}}else this.selectionHandler._generateClickEvent("dragStart",t,this.drag.pointer,void 0,!0)}},{key:"onDrag",value:function(t){var e=this;if(!0!==this.drag.pinched){this.body.emitter.emit("unlockNode");var i=this.getPointer(t.center),o=this.drag.selection;if(o&&o.length&&!0===this.options.dragNodes){this.selectionHandler._generateClickEvent("dragging",t,i);var n=i.x-this.drag.pointer.x,s=i.y-this.drag.pointer.y;o.forEach(function(t){var i=t.node;!1===t.xFixed&&(i.x=e.canvas._XconvertDOMtoCanvas(e.canvas._XconvertCanvasToDOM(t.x)+n)),!1===t.yFixed&&(i.y=e.canvas._YconvertDOMtoCanvas(e.canvas._YconvertCanvasToDOM(t.y)+s))}),this.body.emitter.emit("startSimulation")}else if(!0===this.options.dragView){if(this.selectionHandler._generateClickEvent("dragging",t,i,void 0,!0),void 0===this.drag.pointer)return void this.onDragStart(t);var r=i.x-this.drag.pointer.x,a=i.y-this.drag.pointer.y;this.body.view.translation={x:this.drag.translation.x+r,y:this.drag.translation.y+a},this.body.emitter.emit("_requestRedraw")}}}},{key:"onDragEnd",value:function(t){this.drag.dragging=!1;var e=this.drag.selection;e&&e.length?(e.forEach(function(t){t.node.options.fixed.x=t.xFixed,t.node.options.fixed.y=t.yFixed}),this.selectionHandler._generateClickEvent("dragEnd",t,this.getPointer(t.center)),this.body.emitter.emit("startSimulation")):(this.selectionHandler._generateClickEvent("dragEnd",t,this.getPointer(t.center),void 0,!0),this.body.emitter.emit("_requestRedraw"))}},{key:"onPinch",value:function(t){var e=this.getPointer(t.center);this.drag.pinched=!0,void 0===this.pinch.scale&&(this.pinch.scale=1);var i=this.pinch.scale*t.scale;this.zoom(i,e)}},{key:"zoom",value:function(t,e){if(!0===this.options.zoomView){var i=this.body.view.scale;t<1e-5&&(t=1e-5),t>10&&(t=10);var o=void 0;void 0!==this.drag&&!0===this.drag.dragging&&(o=this.canvas.DOMtoCanvas(this.drag.pointer));var n=this.body.view.translation,s=t/i,r=(1-s)*e.x+n.x*s,a=(1-s)*e.y+n.y*s;if(this.body.view.scale=t,this.body.view.translation={x:r,y:a},void 0!=o){var h=this.canvas.canvasToDOM(o);this.drag.pointer.x=h.x,this.drag.pointer.y=h.y}this.body.emitter.emit("_requestRedraw"),i<t?this.body.emitter.emit("zoom",{direction:"+",scale:this.body.view.scale,pointer:e}):this.body.emitter.emit("zoom",{direction:"-",scale:this.body.view.scale,pointer:e})}}},{key:"onMouseWheel",value:function(t){if(!0===this.options.zoomView){var e=0;if(t.wheelDelta?e=t.wheelDelta/120:t.detail&&(e=-t.detail/3),0!==e){var i=this.body.view.scale,o=e/10;e<0&&(o/=1-o),i*=1+o;var n=this.getPointer({x:t.clientX,y:t.clientY});this.zoom(i,n)}t.preventDefault()}}},{key:"onMouseMove",value:function(t){var e=this,i=this.getPointer({x:t.clientX,y:t.clientY}),o=!1;void 0!==this.popup&&(!1===this.popup.hidden&&this._checkHidePopup(i),!1===this.popup.hidden&&(o=!0,this.popup.setPosition(i.x+3,i.y-5),this.popup.show())),!1===this.options.keyboard.bindToWindow&&!0===this.options.keyboard.enabled&&this.canvas.frame.focus(),!1===o&&(void 0!==this.popupTimer&&(clearInterval(this.popupTimer),this.popupTimer=void 0),this.drag.dragging||(this.popupTimer=setTimeout(function(){return e._checkShowPopup(i)},this.options.tooltipDelay))),!0===this.options.hover&&this.selectionHandler.hoverObject(t,i)}},{key:"_checkShowPopup",value:function(t){var e=this.canvas._XconvertDOMtoCanvas(t.x),i=this.canvas._YconvertDOMtoCanvas(t.y),o={left:e,top:i,right:e,bottom:i},n=void 0===this.popupObj?void 0:this.popupObj.id,s=!1,r="node";if(void 0===this.popupObj){for(var a=this.body.nodeIndices,h=this.body.nodes,d=void 0,u=[],c=0;c<a.length;c++)d=h[a[c]],!0===d.isOverlappingWith(o)&&void 0!==d.getTitle()&&u.push(a[c]);u.length>0&&(this.popupObj=h[u[u.length-1]],s=!0)}if(void 0===this.popupObj&&!1===s){for(var p=this.body.edgeIndices,f=this.body.edges,m=void 0,v=[],g=0;g<p.length;g++)m=f[p[g]],!0===m.isOverlappingWith(o)&&!0===m.connected&&void 0!==m.getTitle()&&v.push(p[g]);v.length>0&&(this.popupObj=f[v[v.length-1]],r="edge")}void 0!==this.popupObj?this.popupObj.id!==n&&(void 0===this.popup&&(this.popup=new l(this.canvas.frame)),this.popup.popupTargetType=r,this.popup.popupTargetId=this.popupObj.id,this.popup.setPosition(t.x+3,t.y-5),this.popup.setText(this.popupObj.getTitle()),this.popup.show(),this.body.emitter.emit("showPopup",this.popupObj.id)):void 0!==this.popup&&(this.popup.hide(),this.body.emitter.emit("hidePopup"))}},{key:"_checkHidePopup",value:function(t){var e=this.selectionHandler._pointerToPositionObject(t),i=!1;if("node"===this.popup.popupTargetType){if(void 0!==this.body.nodes[this.popup.popupTargetId]&&!0===(i=this.body.nodes[this.popup.popupTargetId].isOverlappingWith(e))){var o=this.selectionHandler.getNodeAt(t);i=void 0!==o&&o.id===this.popup.popupTargetId}}else void 0===this.selectionHandler.getNodeAt(t)&&void 0!==this.body.edges[this.popup.popupTargetId]&&(i=this.body.edges[this.popup.popupTargetId].isOverlappingWith(e));!1===i&&(this.popupObj=void 0,this.popup.hide(),this.body.emitter.emit("hidePopup"))}}]),t}();e.default=u},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(10),d=i(37),l=i(35),u=function(){function t(e,i){var o=this;(0,s.default)(this,t),this.body=e,this.canvas=i,this.iconsCreated=!1,this.navigationHammers=[],this.boundFunctions={},this.touchTime=0,this.activated=!1,this.body.emitter.on("activate",function(){o.activated=!0,o.configureKeyboardBindings()}),this.body.emitter.on("deactivate",function(){o.activated=!1,o.configureKeyboardBindings()}),this.body.emitter.on("destroy",function(){void 0!==o.keycharm&&o.keycharm.destroy()}),this.options={}}return(0,a.default)(t,[{key:"setOptions",value:function(t){void 0!==t&&(this.options=t,this.create())}},{key:"create",value:function(){!0===this.options.navigationButtons?!1===this.iconsCreated&&this.loadNavigationElements():!0===this.iconsCreated&&this.cleanNavigation(),this.configureKeyboardBindings()}},{key:"cleanNavigation",value:function(){if(0!=this.navigationHammers.length){for(var t=0;t<this.navigationHammers.length;t++)this.navigationHammers[t].destroy();this.navigationHammers=[]}this.navigationDOM&&this.navigationDOM.wrapper&&this.navigationDOM.wrapper.parentNode&&this.navigationDOM.wrapper.parentNode.removeChild(this.navigationDOM.wrapper),this.iconsCreated=!1}},{key:"loadNavigationElements",value:function(){var t=this;this.cleanNavigation(),this.navigationDOM={};var e=["up","down","left","right","zoomIn","zoomOut","zoomExtends"],i=["_moveUp","_moveDown","_moveLeft","_moveRight","_zoomIn","_zoomOut","_fit"];this.navigationDOM.wrapper=document.createElement("div"),this.navigationDOM.wrapper.className="vis-navigation",this.canvas.frame.appendChild(this.navigationDOM.wrapper);for(var o=0;o<e.length;o++){this.navigationDOM[e[o]]=document.createElement("div"),this.navigationDOM[e[o]].className="vis-button vis-"+e[o],this.navigationDOM.wrapper.appendChild(this.navigationDOM[e[o]]);var n=new h(this.navigationDOM[e[o]]);"_fit"===i[o]?d.onTouch(n,this._fit.bind(this)):d.onTouch(n,this.bindToRedraw.bind(this,i[o])),this.navigationHammers.push(n)}var s=new h(this.canvas.frame);d.onRelease(s,function(){t._stopMovement()}),this.navigationHammers.push(s),this.iconsCreated=!0}},{key:"bindToRedraw",value:function(t){void 0===this.boundFunctions[t]&&(this.boundFunctions[t]=this[t].bind(this),this.body.emitter.on("initRedraw",this.boundFunctions[t]),this.body.emitter.emit("_startRendering"))}},{key:"unbindFromRedraw",value:function(t){void 0!==this.boundFunctions[t]&&(this.body.emitter.off("initRedraw",this.boundFunctions[t]),this.body.emitter.emit("_stopRendering"),delete this.boundFunctions[t])}},{key:"_fit",value:function(){(new Date).valueOf()-this.touchTime>700&&(this.body.emitter.emit("fit",{duration:700}),this.touchTime=(new Date).valueOf())}},{key:"_stopMovement",value:function(){for(var t in this.boundFunctions)this.boundFunctions.hasOwnProperty(t)&&(this.body.emitter.off("initRedraw",this.boundFunctions[t]),this.body.emitter.emit("_stopRendering"));this.boundFunctions={}}},{key:"_moveUp",value:function(){this.body.view.translation.y+=this.options.keyboard.speed.y}},{key:"_moveDown",value:function(){this.body.view.translation.y-=this.options.keyboard.speed.y}},{key:"_moveLeft",value:function(){this.body.view.translation.x+=this.options.keyboard.speed.x}},{key:"_moveRight",value:function(){this.body.view.translation.x-=this.options.keyboard.speed.x}},{key:"_zoomIn",value:function(){var t=this.body.view.scale,e=this.body.view.scale*(1+this.options.keyboard.speed.zoom),i=this.body.view.translation,o=e/t,n=(1-o)*this.canvas.canvasViewCenter.x+i.x*o,s=(1-o)*this.canvas.canvasViewCenter.y+i.y*o;this.body.view.scale=e,this.body.view.translation={x:n,y:s},this.body.emitter.emit("zoom",{direction:"+",scale:this.body.view.scale,pointer:null})}},{key:"_zoomOut",value:function(){var t=this.body.view.scale,e=this.body.view.scale/(1+this.options.keyboard.speed.zoom),i=this.body.view.translation,o=e/t,n=(1-o)*this.canvas.canvasViewCenter.x+i.x*o,s=(1-o)*this.canvas.canvasViewCenter.y+i.y*o;this.body.view.scale=e,this.body.view.translation={x:n,y:s},this.body.emitter.emit("zoom",{direction:"-",scale:this.body.view.scale,pointer:null})}},{key:"configureKeyboardBindings",value:function(){var t=this;void 0!==this.keycharm&&this.keycharm.destroy(),!0===this.options.keyboard.enabled&&(!0===this.options.keyboard.bindToWindow?this.keycharm=l({container:window,preventDefault:!0}):this.keycharm=l({container:this.canvas.frame,preventDefault:!0}),this.keycharm.reset(),!0===this.activated&&(this.keycharm.bind("up",function(){t.bindToRedraw("_moveUp")},"keydown"),this.keycharm.bind("down",function(){t.bindToRedraw("_moveDown")},"keydown"),this.keycharm.bind("left",function(){t.bindToRedraw("_moveLeft")},"keydown"),this.keycharm.bind("right",function(){t.bindToRedraw("_moveRight")},"keydown"),this.keycharm.bind("=",function(){t.bindToRedraw("_zoomIn")},"keydown"),this.keycharm.bind("num+",function(){t.bindToRedraw("_zoomIn")},"keydown"),this.keycharm.bind("num-",function(){t.bindToRedraw("_zoomOut")},"keydown"),this.keycharm.bind("-",function(){t.bindToRedraw("_zoomOut")},"keydown"),this.keycharm.bind("[",function(){t.bindToRedraw("_zoomOut")},"keydown"),this.keycharm.bind("]",function(){t.bindToRedraw("_zoomIn")},"keydown"),this.keycharm.bind("pageup",function(){t.bindToRedraw("_zoomIn")},"keydown"),this.keycharm.bind("pagedown",function(){t.bindToRedraw("_zoomOut")},"keydown"),this.keycharm.bind("up",function(){t.unbindFromRedraw("_moveUp")},"keyup"),this.keycharm.bind("down",function(){t.unbindFromRedraw("_moveDown")},"keyup"),this.keycharm.bind("left",function(){t.unbindFromRedraw("_moveLeft")},"keyup"),this.keycharm.bind("right",function(){t.unbindFromRedraw("_moveRight")},"keyup"),this.keycharm.bind("=",function(){t.unbindFromRedraw("_zoomIn")},"keyup"),this.keycharm.bind("num+",function(){t.unbindFromRedraw("_zoomIn")},"keyup"),this.keycharm.bind("num-",function(){t.unbindFromRedraw("_zoomOut")},"keyup"),this.keycharm.bind("-",function(){t.unbindFromRedraw("_zoomOut")},"keyup"),this.keycharm.bind("[",function(){t.unbindFromRedraw("_zoomOut")},"keyup"),this.keycharm.bind("]",function(){t.unbindFromRedraw("_zoomIn")},"keyup"),this.keycharm.bind("pageup",function(){t.unbindFromRedraw("_zoomIn")},"keyup"),this.keycharm.bind("pagedown",function(){t.unbindFromRedraw("_zoomOut")},"keyup")))}}]),t}();e.default=u},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=i(47).default,d=i(74).default,l=i(2),u=function(){function t(e,i){var o=this;(0,s.default)(this,t),this.body=e,this.canvas=i,this.selectionObj={nodes:[],edges:[]},this.hoverObj={nodes:{},edges:{}},this.options={},this.defaultOptions={multiselect:!1,selectable:!0,selectConnectedEdges:!0,hoverConnectedEdges:!0},l.extend(this.options,this.defaultOptions),this.body.emitter.on("_dataChanged",function(){o.updateSelection()})}return(0,a.default)(t,[{key:"setOptions",value:function(t){if(void 0!==t){var e=["multiselect","hoverConnectedEdges","selectable","selectConnectedEdges"];l.selectiveDeepExtend(e,this.options,t)}}},{key:"selectOnPoint",value:function(t){var e=!1;if(!0===this.options.selectable){var i=this.getNodeAt(t)||this.getEdgeAt(t);this.unselectAll(),void 0!==i&&(e=this.selectObject(i)),this.body.emitter.emit("_requestRedraw")}return e}},{key:"selectAdditionalOnPoint",value:function(t){var e=!1;if(!0===this.options.selectable){var i=this.getNodeAt(t)||this.getEdgeAt(t);void 0!==i&&(e=!0,!0===i.isSelected()?this.deselectObject(i):this.selectObject(i),this.body.emitter.emit("_requestRedraw"))}return e}},{key:"_initBaseEvent",value:function(t,e){var i={};return i.pointer={DOM:{x:e.x,y:e.y},canvas:this.canvas.DOMtoCanvas(e)},i.event=t,i}},{key:"_generateClickEvent",value:function(t,e,i,o){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=this._initBaseEvent(e,i);if(!0===n)s.nodes=[],s.edges=[];else{var r=this.getSelection();s.nodes=r.nodes,s.edges=r.edges}void 0!==o&&(s.previousSelection=o),"click"==t&&(s.items=this.getClickedItems(i)),this.body.emitter.emit(t,s)}},{key:"selectObject",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.options.selectConnectedEdges;return void 0!==t&&(t instanceof h&&!0===e&&this._selectConnectedEdges(t),t.select(),this._addToSelection(t),!0)}},{key:"deselectObject",value:function(t){!0===t.isSelected()&&(t.selected=!1,this._removeFromSelection(t))}},{key:"_getAllNodesOverlappingWith",value:function(t){for(var e=[],i=this.body.nodes,o=0;o<this.body.nodeIndices.length;o++){var n=this.body.nodeIndices[o];i[n].isOverlappingWith(t)&&e.push(n)}return e}},{key:"_pointerToPositionObject",value:function(t){var e=this.canvas.DOMtoCanvas(t);return{left:e.x-1,top:e.y+1,right:e.x+1,bottom:e.y-1}}},{key:"getNodeAt",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this._pointerToPositionObject(t),o=this._getAllNodesOverlappingWith(i);return o.length>0?!0===e?this.body.nodes[o[o.length-1]]:o[o.length-1]:void 0}},{key:"_getEdgesOverlappingWith",value:function(t,e){for(var i=this.body.edges,o=0;o<this.body.edgeIndices.length;o++){var n=this.body.edgeIndices[o];i[n].isOverlappingWith(t)&&e.push(n)}}},{key:"_getAllEdgesOverlappingWith",value:function(t){var e=[];return this._getEdgesOverlappingWith(t,e),e}},{key:"getEdgeAt",value:function(t){for(var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.canvas.DOMtoCanvas(t),o=10,n=null,s=this.body.edges,r=0;r<this.body.edgeIndices.length;r++){var a=this.body.edgeIndices[r],h=s[a];if(h.connected){var d=h.from.x,l=h.from.y,u=h.to.x,c=h.to.y,p=h.edgeType.getDistanceToEdge(d,l,u,c,i.x,i.y);p<o&&(n=a,o=p)}}return null!==n?!0===e?this.body.edges[n]:n:void 0}},{key:"_addToSelection",value:function(t){t instanceof h?this.selectionObj.nodes[t.id]=t:this.selectionObj.edges[t.id]=t}},{key:"_addToHover",value:function(t){t instanceof h?this.hoverObj.nodes[t.id]=t:this.hoverObj.edges[t.id]=t}},{key:"_removeFromSelection",value:function(t){t instanceof h?(delete this.selectionObj.nodes[t.id],this._unselectConnectedEdges(t)):delete this.selectionObj.edges[t.id]}},{key:"unselectAll",value:function(){for(var t in this.selectionObj.nodes)this.selectionObj.nodes.hasOwnProperty(t)&&this.selectionObj.nodes[t].unselect();for(var e in this.selectionObj.edges)this.selectionObj.edges.hasOwnProperty(e)&&this.selectionObj.edges[e].unselect();this.selectionObj={nodes:{},edges:{}}}},{key:"_getSelectedNodeCount",value:function(){var t=0;for(var e in this.selectionObj.nodes)this.selectionObj.nodes.hasOwnProperty(e)&&(t+=1);return t}},{key:"_getSelectedNode",value:function(){for(var t in this.selectionObj.nodes)if(this.selectionObj.nodes.hasOwnProperty(t))return this.selectionObj.nodes[t]}},{key:"_getSelectedEdge",value:function(){for(var t in this.selectionObj.edges)if(this.selectionObj.edges.hasOwnProperty(t))return this.selectionObj.edges[t]}},{key:"_getSelectedEdgeCount",value:function(){var t=0;for(var e in this.selectionObj.edges)this.selectionObj.edges.hasOwnProperty(e)&&(t+=1);return t}},{key:"_getSelectedObjectCount",value:function(){var t=0;for(var e in this.selectionObj.nodes)this.selectionObj.nodes.hasOwnProperty(e)&&(t+=1);for(var i in this.selectionObj.edges)this.selectionObj.edges.hasOwnProperty(i)&&(t+=1);return t}},{key:"_selectionIsEmpty",value:function(){for(var t in this.selectionObj.nodes)if(this.selectionObj.nodes.hasOwnProperty(t))return!1;for(var e in this.selectionObj.edges)if(this.selectionObj.edges.hasOwnProperty(e))return!1;return!0}},{key:"_clusterInSelection",value:function(){for(var t in this.selectionObj.nodes)if(this.selectionObj.nodes.hasOwnProperty(t)&&this.selectionObj.nodes[t].clusterSize>1)return!0;return!1}},{key:"_selectConnectedEdges",value:function(t){for(var e=0;e<t.edges.length;e++){var i=t.edges[e];i.select(),this._addToSelection(i)}}},{key:"_hoverConnectedEdges",value:function(t){for(var e=0;e<t.edges.length;e++){var i=t.edges[e];i.hover=!0,this._addToHover(i)}}},{key:"_unselectConnectedEdges",value:function(t){for(var e=0;e<t.edges.length;e++){var i=t.edges[e];i.unselect(),this._removeFromSelection(i)}}},{key:"emitBlurEvent",value:function(t,e,i){var o=this._initBaseEvent(t,e);!0===i.hover&&(i.hover=!1,i instanceof h?(o.node=i.id,this.body.emitter.emit("blurNode",o)):(o.edge=i.id,this.body.emitter.emit("blurEdge",o)))}},{key:"emitHoverEvent",value:function(t,e,i){var o=this._initBaseEvent(t,e),n=!1;return!1===i.hover&&(i.hover=!0,this._addToHover(i),n=!0,i instanceof h?(o.node=i.id,this.body.emitter.emit("hoverNode",o)):(o.edge=i.id,this.body.emitter.emit("hoverEdge",o))),n}},{key:"hoverObject",value:function(t,e){var i=this.getNodeAt(e);void 0===i&&(i=this.getEdgeAt(e));var o=!1;for(var n in this.hoverObj.nodes)this.hoverObj.nodes.hasOwnProperty(n)&&(void 0===i||i instanceof h&&i.id!=n||i instanceof d)&&(this.emitBlurEvent(t,e,this.hoverObj.nodes[n]),delete this.hoverObj.nodes[n],o=!0);for(var s in this.hoverObj.edges)this.hoverObj.edges.hasOwnProperty(s)&&(!0===o?(this.hoverObj.edges[s].hover=!1,delete this.hoverObj.edges[s]):(void 0===i||i instanceof d&&i.id!=s||i instanceof h&&!i.hover)&&(this.emitBlurEvent(t,e,this.hoverObj.edges[s]),delete this.hoverObj.edges[s],o=!0));void 0!==i&&(o=o||this.emitHoverEvent(t,e,i),i instanceof h&&!0===this.options.hoverConnectedEdges&&this._hoverConnectedEdges(i)),!0===o&&this.body.emitter.emit("_requestRedraw")}},{key:"getSelection",value:function(){return{nodes:this.getSelectedNodes(),edges:this.getSelectedEdges()}}},{key:"getSelectedNodes",value:function(){var t=[];if(!0===this.options.selectable)for(var e in this.selectionObj.nodes)this.selectionObj.nodes.hasOwnProperty(e)&&t.push(this.selectionObj.nodes[e].id);return t}},{key:"getSelectedEdges",value:function(){var t=[];if(!0===this.options.selectable)for(var e in this.selectionObj.edges)this.selectionObj.edges.hasOwnProperty(e)&&t.push(this.selectionObj.edges[e].id);return t}},{key:"setSelection",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=void 0,o=void 0;if(!t||!t.nodes&&!t.edges)throw"Selection must be an object with nodes and/or edges properties"
-;if((e.unselectAll||void 0===e.unselectAll)&&this.unselectAll(),t.nodes)for(i=0;i<t.nodes.length;i++){o=t.nodes[i];var n=this.body.nodes[o];if(!n)throw new RangeError('Node with id "'+o+'" not found');this.selectObject(n,e.highlightEdges)}if(t.edges)for(i=0;i<t.edges.length;i++){o=t.edges[i];var s=this.body.edges[o];if(!s)throw new RangeError('Edge with id "'+o+'" not found');this.selectObject(s)}this.body.emitter.emit("_requestRedraw")}},{key:"selectNodes",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!t||void 0===t.length)throw"Selection must be an array with ids";this.setSelection({nodes:t},{highlightEdges:e})}},{key:"selectEdges",value:function(t){if(!t||void 0===t.length)throw"Selection must be an array with ids";this.setSelection({edges:t})}},{key:"updateSelection",value:function(){for(var t in this.selectionObj.nodes)this.selectionObj.nodes.hasOwnProperty(t)&&(this.body.nodes.hasOwnProperty(t)||delete this.selectionObj.nodes[t]);for(var e in this.selectionObj.edges)this.selectionObj.edges.hasOwnProperty(e)&&(this.body.edges.hasOwnProperty(e)||delete this.selectionObj.edges[e])}},{key:"getClickedItems",value:function(t){for(var e=this.canvas.DOMtoCanvas(t),i=[],o=this.body.nodeIndices,n=this.body.nodes,s=o.length-1;s>=0;s--){var r=n[o[s]],a=r.getItemsOnPoint(e);i.push.apply(i,a)}for(var h=this.body.edgeIndices,d=this.body.edges,l=h.length-1;l>=0;l--){var u=d[h[l]],c=u.getItemsOnPoint(e);i.push.apply(i,c)}return i}}]),t}();e.default=u},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(30),s=o(n),r=i(6),a=o(r),h=i(8),d=o(h),l=i(0),u=o(l),c=i(1),p=o(c),f=i(2),m=i(76).default,v=i(236),g=v.HorizontalStrategy,y=v.VerticalStrategy,b=function(){function t(){(0,u.default)(this,t),this.childrenReference={},this.parentReference={},this.trees={},this.distributionOrdering={},this.levels={},this.distributionIndex={},this.isTree=!1,this.treeIndex=-1}return(0,p.default)(t,[{key:"addRelation",value:function(t,e){void 0===this.childrenReference[t]&&(this.childrenReference[t]=[]),this.childrenReference[t].push(e),void 0===this.parentReference[e]&&(this.parentReference[e]=[]),this.parentReference[e].push(t)}},{key:"checkIfTree",value:function(){for(var t in this.parentReference)if(this.parentReference[t].length>1)return void(this.isTree=!1);this.isTree=!0}},{key:"numTrees",value:function(){return this.treeIndex+1}},{key:"setTreeIndex",value:function(t,e){void 0!==e&&void 0===this.trees[t.id]&&(this.trees[t.id]=e,this.treeIndex=Math.max(e,this.treeIndex))}},{key:"ensureLevel",value:function(t){void 0===this.levels[t]&&(this.levels[t]=0)}},{key:"getMaxLevel",value:function(t){var e=this,i={};return function t(o){if(void 0!==i[o])return i[o];var n=e.levels[o];if(e.childrenReference[o]){var s=e.childrenReference[o];if(s.length>0)for(var r=0;r<s.length;r++)n=Math.max(n,t(s[r]))}return i[o]=n,n}(t)}},{key:"levelDownstream",value:function(t,e){void 0===this.levels[e.id]&&(void 0===this.levels[t.id]&&(this.levels[t.id]=0),this.levels[e.id]=this.levels[t.id]+1)}},{key:"setMinLevelToZero",value:function(t){var e=1e9;for(var i in t)t.hasOwnProperty(i)&&void 0!==this.levels[i]&&(e=Math.min(this.levels[i],e));for(var o in t)t.hasOwnProperty(o)&&void 0!==this.levels[o]&&(this.levels[o]-=e)}},{key:"getTreeSize",value:function(t,e){var i=1e9,o=-1e9,n=1e9,s=-1e9;for(var r in this.trees)if(this.trees.hasOwnProperty(r)&&this.trees[r]===e){var a=t[r];i=Math.min(a.x,i),o=Math.max(a.x,o),n=Math.min(a.y,n),s=Math.max(a.y,s)}return{min_x:i,max_x:o,min_y:n,max_y:s}}},{key:"hasSameParent",value:function(t,e){var i=this.parentReference[t.id],o=this.parentReference[e.id];if(void 0===i||void 0===o)return!1;for(var n=0;n<i.length;n++)for(var s=0;s<o.length;s++)if(i[n]==o[s])return!0;return!1}},{key:"inSameSubNetwork",value:function(t,e){return this.trees[t.id]===this.trees[e.id]}},{key:"getLevels",value:function(){return(0,d.default)(this.distributionOrdering)}},{key:"addToOrdering",value:function(t,e){void 0===this.distributionOrdering[e]&&(this.distributionOrdering[e]=[]);var i=!1,o=this.distributionOrdering[e];for(var n in o)if(o[n]===t){i=!0;break}i||(this.distributionOrdering[e].push(t),this.distributionIndex[t.id]=this.distributionOrdering[e].length-1)}}]),t}(),_=function(){function t(e){(0,u.default)(this,t),this.body=e,this.initialRandomSeed=Math.round(1e6*Math.random()),this.randomSeed=this.initialRandomSeed,this.setPhysics=!1,this.options={},this.optionsBackup={physics:{}},this.defaultOptions={randomSeed:void 0,improvedLayout:!0,hierarchical:{enabled:!1,levelSeparation:150,nodeSpacing:100,treeSpacing:200,blockShifting:!0,edgeMinimization:!0,parentCentralization:!0,direction:"UD",sortMethod:"hubsize"}},f.extend(this.options,this.defaultOptions),this.bindEventListeners()}return(0,p.default)(t,[{key:"bindEventListeners",value:function(){var t=this;this.body.emitter.on("_dataChanged",function(){t.setupHierarchicalLayout()}),this.body.emitter.on("_dataLoaded",function(){t.layoutNetwork()}),this.body.emitter.on("_resetHierarchicalLayout",function(){t.setupHierarchicalLayout()}),this.body.emitter.on("_adjustEdgesForHierarchicalLayout",function(){if(!0===t.options.hierarchical.enabled){var e=t.direction.curveType();t.body.emitter.emit("_forceDisableDynamicCurves",e,!1)}})}},{key:"setOptions",value:function(t,e){if(void 0!==t){var i=this.options.hierarchical,o=i.enabled;if(f.selectiveDeepExtend(["randomSeed","improvedLayout"],this.options,t),f.mergeOptions(this.options,t,"hierarchical"),void 0!==t.randomSeed&&(this.initialRandomSeed=t.randomSeed),!0===i.enabled)return!0===o&&this.body.emitter.emit("refresh",!0),"RL"===i.direction||"DU"===i.direction?i.levelSeparation>0&&(i.levelSeparation*=-1):i.levelSeparation<0&&(i.levelSeparation*=-1),this.setDirectionStrategy(),this.body.emitter.emit("_resetHierarchicalLayout"),this.adaptAllOptionsForHierarchicalLayout(e);if(!0===o)return this.body.emitter.emit("refresh"),f.deepExtend(e,this.optionsBackup)}return e}},{key:"adaptAllOptionsForHierarchicalLayout",value:function(t){if(!0===this.options.hierarchical.enabled){var e=this.optionsBackup.physics;void 0===t.physics||!0===t.physics?(t.physics={enabled:void 0===e.enabled||e.enabled,solver:"hierarchicalRepulsion"},e.enabled=void 0===e.enabled||e.enabled,e.solver=e.solver||"barnesHut"):"object"===(0,a.default)(t.physics)?(e.enabled=void 0===t.physics.enabled||t.physics.enabled,e.solver=t.physics.solver||"barnesHut",t.physics.solver="hierarchicalRepulsion"):!1!==t.physics&&(e.solver="barnesHut",t.physics={solver:"hierarchicalRepulsion"});var i=this.direction.curveType();if(void 0===t.edges)this.optionsBackup.edges={smooth:{enabled:!0,type:"dynamic"}},t.edges={smooth:!1};else if(void 0===t.edges.smooth)this.optionsBackup.edges={smooth:{enabled:!0,type:"dynamic"}},t.edges.smooth=!1;else if("boolean"==typeof t.edges.smooth)this.optionsBackup.edges={smooth:t.edges.smooth},t.edges.smooth={enabled:t.edges.smooth,type:i};else{var o=t.edges.smooth;void 0!==o.type&&"dynamic"!==o.type&&(i=o.type),this.optionsBackup.edges={smooth:void 0===o.enabled||o.enabled,type:void 0===o.type?"dynamic":o.type,roundness:void 0===o.roundness?.5:o.roundness,forceDirection:void 0!==o.forceDirection&&o.forceDirection},t.edges.smooth={enabled:void 0===o.enabled||o.enabled,type:i,roundness:void 0===o.roundness?.5:o.roundness,forceDirection:void 0!==o.forceDirection&&o.forceDirection}}this.body.emitter.emit("_forceDisableDynamicCurves",i)}return t}},{key:"seededRandom",value:function(){var t=1e4*Math.sin(this.randomSeed++);return t-Math.floor(t)}},{key:"positionInitially",value:function(t){if(!0!==this.options.hierarchical.enabled){this.randomSeed=this.initialRandomSeed;for(var e=t.length+50,i=0;i<t.length;i++){var o=t[i],n=2*Math.PI*this.seededRandom();void 0===o.x&&(o.x=e*Math.cos(n)),void 0===o.y&&(o.y=e*Math.sin(n))}}}},{key:"layoutNetwork",value:function(){if(!0!==this.options.hierarchical.enabled&&!0===this.options.improvedLayout){for(var t=this.body.nodeIndices,e=0,i=0;i<t.length;i++){!0===this.body.nodes[t[i]].predefinedPosition&&(e+=1)}if(e<.5*t.length){var o=0,n={clusterNodeProperties:{shape:"ellipse",label:"",group:"",font:{multi:!1}},clusterEdgeProperties:{label:"",font:{multi:!1},smooth:{enabled:!1}}};if(t.length>150){for(var s=t.length;t.length>150&&o<=10;){o+=1;var r=t.length;o%3==0?this.body.modules.clustering.clusterBridges(n):this.body.modules.clustering.clusterOutliers(n);if(r==t.length&&o%3!=0)return this._declusterAll(),this.body.emitter.emit("_layoutFailed"),void console.info("This network could not be positioned by this version of the improved layout algorithm. Please disable improvedLayout for better performance.")}this.body.modules.kamadaKawai.setOptions({springLength:Math.max(150,2*s)})}o>10&&console.info("The clustering didn't succeed within the amount of interations allowed, progressing with partial result."),this.body.modules.kamadaKawai.solve(t,this.body.edgeIndices,!0),this._shiftToCenter();for(var a=0;a<t.length;a++){var h=this.body.nodes[t[a]];!1===h.predefinedPosition&&(h.x+=70*(.5-this.seededRandom()),h.y+=70*(.5-this.seededRandom()))}this._declusterAll(),this.body.emitter.emit("_repositionBezierNodes")}}}},{key:"_shiftToCenter",value:function(){for(var t=m.getRangeCore(this.body.nodes,this.body.nodeIndices),e=m.findCenter(t),i=0;i<this.body.nodeIndices.length;i++){var o=this.body.nodes[this.body.nodeIndices[i]];o.x-=e.x,o.y-=e.y}}},{key:"_declusterAll",value:function(){for(var t=!0;!0===t;){t=!1;for(var e=0;e<this.body.nodeIndices.length;e++)!0===this.body.nodes[this.body.nodeIndices[e]].isCluster&&(t=!0,this.body.modules.clustering.openCluster(this.body.nodeIndices[e],{},!1));!0===t&&this.body.emitter.emit("_dataChanged")}}},{key:"getSeed",value:function(){return this.initialRandomSeed}},{key:"setupHierarchicalLayout",value:function(){if(!0===this.options.hierarchical.enabled&&this.body.nodeIndices.length>0){var t=void 0,e=void 0,i=!1,o=!1;this.lastNodeOnLevel={},this.hierarchical=new b;for(e in this.body.nodes)this.body.nodes.hasOwnProperty(e)&&(t=this.body.nodes[e],void 0!==t.options.level?(i=!0,this.hierarchical.levels[e]=t.options.level):o=!0);if(!0===o&&!0===i)throw new Error("To use the hierarchical layout, nodes require either no predefined levels or levels have to be defined for all nodes.");if(!0===o){var n=this.options.hierarchical.sortMethod;"hubsize"===n?this._determineLevelsByHubsize():"directed"===n?this._determineLevelsDirected():"custom"===n&&this._determineLevelsCustomCallback()}for(var s in this.body.nodes)this.body.nodes.hasOwnProperty(s)&&this.hierarchical.ensureLevel(s);var r=this._getDistribution();this._generateMap(),this._placeNodesByHierarchy(r),this._condenseHierarchy(),this._shiftToCenter()}}},{key:"_condenseHierarchy",value:function(){var t=this,e=!1,i={},o=function(e,i){var o=t.hierarchical.trees;for(var n in o)o.hasOwnProperty(n)&&o[n]===e&&t.direction.shift(n,i)},n=function(){for(var e=[],i=0;i<t.hierarchical.numTrees();i++)e.push(t.direction.getTreeSize(i));return e},r=function e(i,o){if(!o[i.id]&&(o[i.id]=!0,t.hierarchical.childrenReference[i.id])){var n=t.hierarchical.childrenReference[i.id];if(n.length>0)for(var s=0;s<n.length;s++)e(t.body.nodes[n[s]],o)}},a=function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e9,o=1e9,n=1e9,r=1e9,a=-1e9;for(var h in e)if(e.hasOwnProperty(h)){var d=t.body.nodes[h],l=t.hierarchical.levels[d.id],u=t.direction.getPosition(d),c=t._getSpaceAroundNode(d,e),p=(0,s.default)(c,2),f=p[0],m=p[1];o=Math.min(f,o),n=Math.min(m,n),l<=i&&(r=Math.min(u,r),a=Math.max(u,a))}return[r,a,o,n]},h=function(e,i){var o=t.hierarchical.getMaxLevel(e.id),n=t.hierarchical.getMaxLevel(i.id);return Math.min(o,n)},d=function(e,i,o){for(var n=t.hierarchical,s=0;s<i.length;s++){var r=i[s],a=n.distributionOrdering[r];if(a.length>1)for(var h=0;h<a.length-1;h++){var d=a[h],l=a[h+1];n.hasSameParent(d,l)&&n.inSameSubNetwork(d,l)&&e(d,l,o)}}},l=function(i,o){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],s=t.direction.getPosition(i),d=t.direction.getPosition(o),l=Math.abs(d-s),u=t.options.hierarchical.nodeSpacing;if(l>u){var c={},p={};r(i,c),r(o,p);var f=h(i,o),m=a(c,f),v=a(p,f),g=m[1],y=v[0],b=v[2];if(Math.abs(g-y)>u){var _=g-y+u;_<-b+u&&(_=-b+u),_<0&&(t._shiftBlock(o.id,_),e=!0,!0===n&&t._centerParent(o))}}},u=function(o,n){for(var h=n.id,d=n.edges,l=t.hierarchical.levels[n.id],u=t.options.hierarchical.levelSeparation*t.options.hierarchical.levelSeparation,c={},p=[],f=0;f<d.length;f++){var m=d[f];if(m.toId!=m.fromId){var v=m.toId==h?m.from:m.to;c[d[f].id]=v,t.hierarchical.levels[v.id]<l&&p.push(m)}}var g=function(e,i){for(var o=0,n=0;n<i.length;n++)if(void 0!==c[i[n].id]){var s=t.direction.getPosition(c[i[n].id])-e;o+=s/Math.sqrt(s*s+u)}return o},y=function(e,i){for(var o=0,n=0;n<i.length;n++)if(void 0!==c[i[n].id]){var s=t.direction.getPosition(c[i[n].id])-e;o-=u*Math.pow(s*s+u,-1.5)}return o},b=function(e,i){for(var o=t.direction.getPosition(n),s={},r=0;r<e;r++){var a=g(o,i),h=y(o,i);if(o-=Math.max(-40,Math.min(40,Math.round(a/h))),void 0!==s[o])break;s[o]=r}return o},_=b(o,p);!function(o){var s=t.direction.getPosition(n);if(void 0===i[n.id]){var h={};r(n,h),i[n.id]=h}var d=a(i[n.id]),l=d[2],u=d[3],c=o-s,p=0;c>0?p=Math.min(c,u-t.options.hierarchical.nodeSpacing):c<0&&(p=-Math.min(-c,l-t.options.hierarchical.nodeSpacing)),0!=p&&(t._shiftBlock(n.id,p),e=!0)}(_),_=b(o,d),function(i){var o=t.direction.getPosition(n),r=t._getSpaceAroundNode(n),a=(0,s.default)(r,2),h=a[0],d=a[1],l=i-o,u=o;l>0?u=Math.min(o+(d-t.options.hierarchical.nodeSpacing),i):l<0&&(u=Math.max(o-(h-t.options.hierarchical.nodeSpacing),i)),u!==o&&(t.direction.setPosition(n,u),e=!0)}(_)};!0===this.options.hierarchical.blockShifting&&(function(i){var o=t.hierarchical.getLevels();o=o.reverse();for(var n=0;n<i&&(e=!1,d(l,o,!0),!0===e);n++);}(5),function(){for(var e in t.body.nodes)t.body.nodes.hasOwnProperty(e)&&t._centerParent(t.body.nodes[e])}()),!0===this.options.hierarchical.edgeMinimization&&function(i){var o=t.hierarchical.getLevels();o=o.reverse();for(var n=0;n<i;n++){e=!1;for(var s=0;s<o.length;s++)for(var r=o[s],a=t.hierarchical.distributionOrdering[r],h=0;h<a.length;h++)u(1e3,a[h]);if(!0!==e)break}}(20),!0===this.options.hierarchical.parentCentralization&&function(){var e=t.hierarchical.getLevels();e=e.reverse();for(var i=0;i<e.length;i++)for(var o=e[i],n=t.hierarchical.distributionOrdering[o],s=0;s<n.length;s++)t._centerParent(n[s])}(),function(){for(var e=n(),i=0,s=0;s<e.length-1;s++){i+=e[s].max-e[s+1].min+t.options.hierarchical.treeSpacing,o(s+1,i)}}()}},{key:"_getSpaceAroundNode",value:function(t,e){var i=!0;void 0===e&&(i=!1);var o=this.hierarchical.levels[t.id];if(void 0!==o){var n=this.hierarchical.distributionIndex[t.id],s=this.direction.getPosition(t),r=this.hierarchical.distributionOrdering[o],a=1e9,h=1e9;if(0!==n){var d=r[n-1];if(!0===i&&void 0===e[d.id]||!1===i){a=s-this.direction.getPosition(d)}}if(n!=r.length-1){var l=r[n+1];if(!0===i&&void 0===e[l.id]||!1===i){var u=this.direction.getPosition(l);h=Math.min(h,u-s)}}return[a,h]}return[0,0]}},{key:"_centerParent",value:function(t){if(this.hierarchical.parentReference[t.id])for(var e=this.hierarchical.parentReference[t.id],i=0;i<e.length;i++){var o=e[i],n=this.body.nodes[o],r=this.hierarchical.childrenReference[o];if(void 0!==r){var a=this._getCenterPosition(r),h=this.direction.getPosition(n),d=this._getSpaceAroundNode(n),l=(0,s.default)(d,2),u=l[0],c=l[1],p=h-a;(p<0&&Math.abs(p)<c-this.options.hierarchical.nodeSpacing||p>0&&Math.abs(p)<u-this.options.hierarchical.nodeSpacing)&&this.direction.setPosition(n,a)}}}},{key:"_placeNodesByHierarchy",value:function(t){this.positionedNodes={};for(var e in t)if(t.hasOwnProperty(e)){var i=(0,d.default)(t[e]);i=this._indexArrayToNodes(i),this.direction.sort(i);for(var o=0,n=0;n<i.length;n++){var s=i[n];if(void 0===this.positionedNodes[s.id]){var r=this.options.hierarchical.nodeSpacing,a=r*o;o>0&&(a=this.direction.getPosition(i[n-1])+r),this.direction.setPosition(s,a,e),this._validatePositionAndContinue(s,e,a),o++}}}}},{key:"_placeBranchNodes",value:function(t,e){var i=this.hierarchical.childrenReference[t];if(void 0!==i){for(var o=[],n=0;n<i.length;n++)o.push(this.body.nodes[i[n]]);this.direction.sort(o);for(var s=0;s<o.length;s++){var r=o[s],a=this.hierarchical.levels[r.id];if(!(a>e&&void 0===this.positionedNodes[r.id]))return;var h=this.options.hierarchical.nodeSpacing,d=void 0;d=0===s?this.direction.getPosition(this.body.nodes[t]):this.direction.getPosition(o[s-1])+h,this.direction.setPosition(r,d,a),this._validatePositionAndContinue(r,a,d)}var l=this._getCenterPosition(o);this.direction.setPosition(this.body.nodes[t],l,e)}}},{key:"_validatePositionAndContinue",value:function(t,e,i){if(this.hierarchical.isTree){if(void 0!==this.lastNodeOnLevel[e]){var o=this.direction.getPosition(this.body.nodes[this.lastNodeOnLevel[e]]);if(i-o<this.options.hierarchical.nodeSpacing){var n=o+this.options.hierarchical.nodeSpacing-i,s=this._findCommonParent(this.lastNodeOnLevel[e],t.id);this._shiftBlock(s.withChild,n)}}this.lastNodeOnLevel[e]=t.id,this.positionedNodes[t.id]=!0,this._placeBranchNodes(t.id,e)}}},{key:"_indexArrayToNodes",value:function(t){for(var e=[],i=0;i<t.length;i++)e.push(this.body.nodes[t[i]]);return e}},{key:"_getDistribution",value:function(){var t={},e=void 0,i=void 0;for(e in this.body.nodes)if(this.body.nodes.hasOwnProperty(e)){i=this.body.nodes[e];var o=void 0===this.hierarchical.levels[e]?0:this.hierarchical.levels[e];this.direction.fix(i,o),void 0===t[o]&&(t[o]={}),t[o][e]=i}return t}},{key:"_getActiveEdges",value:function(t){var e=this,i=[];return f.forEach(t.edges,function(t){-1!==e.body.edgeIndices.indexOf(t.id)&&i.push(t)}),i}},{key:"_getHubSizes",value:function(){var t=this,e={},i=this.body.nodeIndices;f.forEach(i,function(i){var o=t.body.nodes[i],n=t._getActiveEdges(o).length;e[n]=!0});var o=[];return f.forEach(e,function(t){o.push(Number(t))}),o.sort(function(t,e){return e-t}),o}},{key:"_determineLevelsByHubsize",value:function(){for(var t=this,e=function(e,i){t.hierarchical.levelDownstream(e,i)},i=this._getHubSizes(),o=0;o<i.length;++o){if("break"===function(o){var n=i[o];if(0===n)return"break";f.forEach(t.body.nodeIndices,function(i){var o=t.body.nodes[i];n===t._getActiveEdges(o).length&&t._crawlNetwork(e,i)})}(o))break}}},{key:"_determineLevelsCustomCallback",value:function(){var t=this,e=function(e,i,o){var n=t.hierarchical.levels[e.id];void 0===n&&(n=t.hierarchical.levels[e.id]=1e5);var s=(m.cloneOptions(e,"node"),m.cloneOptions(i,"node"),void m.cloneOptions(o,"edge"));t.hierarchical.levels[i.id]=n+s};this._crawlNetwork(e),this.hierarchical.setMinLevelToZero(this.body.nodes)}},{key:"_determineLevelsDirected",value:function(){var t=this,e=function(e){return f.forEach(t.body.edges,function(t){if(t.toId===e.fromId&&t.fromId===e.toId)return!0}),!1},i=function(i,o,n){var s=t.hierarchical.levels[i.id],r=t.hierarchical.levels[o.id];e(n)&&void 0!==s&&void 0!==r||(void 0===s&&(s=t.hierarchical.levels[i.id]=1e4),n.toId==o.id?t.hierarchical.levels[o.id]=s+1:t.hierarchical.levels[o.id]=s-1)};this._crawlNetwork(i),this.hierarchical.setMinLevelToZero(this.body.nodes)}},{key:"_generateMap",value:function(){var t=this,e=function(e,i){t.hierarchical.levels[i.id]>t.hierarchical.levels[e.id]&&t.hierarchical.addRelation(e.id,i.id)};this._crawlNetwork(e),this.hierarchical.checkIfTree()}},{key:"_crawlNetwork",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:function(){},i=arguments[1],o={},n=function i(n,s){if(void 0===o[n.id]){t.hierarchical.setTreeIndex(n,s),o[n.id]=!0;for(var r=void 0,a=t._getActiveEdges(n),h=0;h<a.length;h++){var d=a[h];!0===d.connected&&(r=d.toId==n.id?d.from:d.to,n.id!=r.id&&(e(n,r,d),i(r,s)))}}};if(void 0===i)for(var s=0,r=0;r<this.body.nodeIndices.length;r++){var a=this.body.nodeIndices[r];if(void 0===o[a]){var h=this.body.nodes[a];n(h,s),s+=1}}else{var d=this.body.nodes[i];if(void 0===d)return void console.error("Node not found:",i);n(d)}}},{key:"_shiftBlock",value:function(t,e){var i=this,o={};!function t(n){if(!o[n]){o[n]=!0,i.direction.shift(n,e);var s=i.hierarchical.childrenReference[n];if(void 0!==s)for(var r=0;r<s.length;r++)t(s[r])}}(t)}},{key:"_findCommonParent",value:function(t,e){var i=this,o={};return function t(e,o){var n=i.hierarchical.parentReference[o];if(void 0!==n)for(var s=0;s<n.length;s++){var r=n[s];e[r]=!0,t(e,r)}}(o,t),function t(e,o){var n=i.hierarchical.parentReference[o];if(void 0!==n)for(var s=0;s<n.length;s++){var r=n[s];if(void 0!==e[r])return{foundParent:r,withChild:o};var a=t(e,r);if(null!==a.foundParent)return a}return{foundParent:null,withChild:o}}(o,e)}},{key:"setDirectionStrategy",value:function(){var t="UD"===this.options.hierarchical.direction||"DU"===this.options.hierarchical.direction;this.direction=t?new y(this):new g(this)}},{key:"_getCenterPosition",value:function(t){for(var e=1e9,i=-1e9,o=0;o<t.length;o++){var n=void 0;if(void 0!==t[o].id)n=t[o];else{var s=t[o];n=this.body.nodes[s]}var r=this.direction.getPosition(n);e=Math.min(e,r),i=Math.max(i,r)}return.5*(e+i)}}]),t}();e.default=_},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.VerticalStrategy=e.HorizontalStrategy=void 0;var n=i(3),s=o(n),r=i(4),a=o(r),h=i(5),d=o(h),l=i(0),u=o(l),c=i(1),p=o(c),f=function(){function t(){(0,u.default)(this,t)}return(0,p.default)(t,[{key:"abstract",value:function(){throw new Error("Can't instantiate abstract class!")}},{key:"fake_use",value:function(){}},{key:"curveType",value:function(){return this.abstract()}},{key:"getPosition",value:function(t){return this.fake_use(t),this.abstract()}},{key:"setPosition",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;this.fake_use(t,e,i),this.abstract()}},{key:"getTreeSize",value:function(t){return this.fake_use(t),this.abstract()}},{key:"sort",value:function(t){this.fake_use(t),this.abstract()}},{key:"fix",value:function(t,e){this.fake_use(t,e),this.abstract()}},{key:"shift",value:function(t,e){this.fake_use(t,e),this.abstract()}}]),t}(),m=function(t){function e(t){(0,u.default)(this,e);var i=(0,a.default)(this,(e.__proto__||(0,s.default)(e)).call(this));return i.layout=t,i}return(0,d.default)(e,t),(0,p.default)(e,[{key:"curveType",value:function(){return"horizontal"}},{key:"getPosition",value:function(t){return t.x}},{key:"setPosition",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;void 0!==i&&this.layout.hierarchical.addToOrdering(t,i),t.x=e}},{key:"getTreeSize",value:function(t){var e=this.layout.hierarchical.getTreeSize(this.layout.body.nodes,t);return{min:e.min_x,max:e.max_x}}},{key:"sort",value:function(t){t.sort(function(t,e){return void 0===t.x||void 0===e.x?0:t.x-e.x})}},{key:"fix",value:function(t,e){t.y=this.layout.options.hierarchical.levelSeparation*e,t.options.fixed.y=!0}},{key:"shift",value:function(t,e){this.layout.body.nodes[t].x+=e}}]),e}(f),v=function(t){function e(t){(0,u.default)(this,e);var i=(0,a.default)(this,(e.__proto__||(0,s.default)(e)).call(this));return i.layout=t,i}return(0,d.default)(e,t),(0,p.default)(e,[{key:"curveType",value:function(){return"vertical"}},{key:"getPosition",value:function(t){return t.y}},{key:"setPosition",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;void 0!==i&&this.layout.hierarchical.addToOrdering(t,i),t.y=e}},{key:"getTreeSize",value:function(t){var e=this.layout.hierarchical.getTreeSize(this.layout.body.nodes,t);return{min:e.min_y,max:e.max_y}}},{key:"sort",value:function(t){t.sort(function(t,e){return void 0===t.y||void 0===e.y?0:t.y-e.y})}},{key:"fix",value:function(t,e){t.x=this.layout.options.hierarchical.levelSeparation*e,t.options.fixed.x=!0}},{key:"shift",value:function(t,e){this.layout.body.nodes[t].y+=e}}]),e}(f);e.HorizontalStrategy=v,e.VerticalStrategy=m},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(8),s=o(n),r=i(19),a=o(r),h=i(6),d=o(h),l=i(0),u=o(l),c=i(1),p=o(c),f=i(2),m=i(10),v=i(37),g=function(){function t(e,i,o){var n=this;(0,u.default)(this,t),this.body=e,this.canvas=i,this.selectionHandler=o,this.editMode=!1,this.manipulationDiv=void 0,this.editModeDiv=void 0,this.closeDiv=void 0,this.manipulationHammers=[],this.temporaryUIFunctions={},this.temporaryEventFunctions=[],this.touchTime=0,this.temporaryIds={nodes:[],edges:[]},this.guiEnabled=!1,this.inMode=!1,this.selectedControlNode=void 0,this.options={},this.defaultOptions={enabled:!1,initiallyActive:!1,addNode:!0,addEdge:!0,editNode:void 0,editEdge:!0,deleteNode:!0,deleteEdge:!0,controlNodeStyle:{shape:"dot",size:6,color:{background:"#ff0000",border:"#3c3c3c",highlight:{background:"#07f968",border:"#3c3c3c"}},borderWidth:2,borderWidthSelected:2}},f.extend(this.options,this.defaultOptions),this.body.emitter.on("destroy",function(){n._clean()}),this.body.emitter.on("_dataChanged",this._restore.bind(this)),this.body.emitter.on("_resetData",this._restore.bind(this))}return(0,p.default)(t,[{key:"_restore",value:function(){!1!==this.inMode&&(!0===this.options.initiallyActive?this.enableEditMode():this.disableEditMode())}},{key:"setOptions",value:function(t,e,i){void 0!==e&&(void 0!==e.locale?this.options.locale=e.locale:this.options.locale=i.locale,void 0!==e.locales?this.options.locales=e.locales:this.options.locales=i.locales),void 0!==t&&("boolean"==typeof t?this.options.enabled=t:(this.options.enabled=!0,f.deepExtend(this.options,t)),!0===this.options.initiallyActive&&(this.editMode=!0),this._setup())}},{key:"toggleEditMode",value:function(){!0===this.editMode?this.disableEditMode():this.enableEditMode()}},{key:"enableEditMode",value:function(){this.editMode=!0,this._clean(),!0===this.guiEnabled&&(this.manipulationDiv.style.display="block",this.closeDiv.style.display="block",this.editModeDiv.style.display="none",this.showManipulatorToolbar())}},{key:"disableEditMode",value:function(){this.editMode=!1,this._clean(),!0===this.guiEnabled&&(this.manipulationDiv.style.display="none",this.closeDiv.style.display="none",this.editModeDiv.style.display="block",this._createEditButton())}},{key:"showManipulatorToolbar",value:function(){if(this._clean(),this.manipulationDOM={},!0===this.guiEnabled){this.editMode=!0,this.manipulationDiv.style.display="block",this.closeDiv.style.display="block";var t=this.selectionHandler._getSelectedNodeCount(),e=this.selectionHandler._getSelectedEdgeCount(),i=t+e,o=this.options.locales[this.options.locale],n=!1;!1!==this.options.addNode&&(this._createAddNodeButton(o),n=!0),!1!==this.options.addEdge&&(!0===n?this._createSeperator(1):n=!0,this._createAddEdgeButton(o)),1===t&&"function"==typeof this.options.editNode?(!0===n?this._createSeperator(2):n=!0,this._createEditNodeButton(o)):1===e&&0===t&&!1!==this.options.editEdge&&(!0===n?this._createSeperator(3):n=!0,this._createEditEdgeButton(o)),0!==i&&(t>0&&!1!==this.options.deleteNode?(!0===n&&this._createSeperator(4),this._createDeleteButton(o)):0===t&&!1!==this.options.deleteEdge&&(!0===n&&this._createSeperator(4),this._createDeleteButton(o))),this._bindHammerToDiv(this.closeDiv,this.toggleEditMode.bind(this)),this._temporaryBindEvent("select",this.showManipulatorToolbar.bind(this))}this.body.emitter.emit("_redraw")}},{key:"addNodeMode",value:function(){if(!0!==this.editMode&&this.enableEditMode(),this._clean(),this.inMode="addNode",!0===this.guiEnabled){var t=this.options.locales[this.options.locale];this.manipulationDOM={},this._createBackButton(t),this._createSeperator(),this._createDescription(t.addDescription||this.options.locales.en.addDescription),this._bindHammerToDiv(this.closeDiv,this.toggleEditMode.bind(this))}this._temporaryBindEvent("click",this._performAddNode.bind(this))}},{key:"editNode",value:function(){var t=this;!0!==this.editMode&&this.enableEditMode(),this._clean();var e=this.selectionHandler._getSelectedNode();if(void 0!==e){if(this.inMode="editNode","function"!=typeof this.options.editNode)throw new Error("No function has been configured to handle the editing of nodes.");if(!0!==e.isCluster){var i=f.deepExtend({},e.options,!1);if(i.x=e.x,i.y=e.y,2!==this.options.editNode.length)throw new Error("The function for edit does not support two arguments (data, callback)");this.options.editNode(i,function(e){null!==e&&void 0!==e&&"editNode"===t.inMode&&t.body.data.nodes.getDataSet().update(e),t.showManipulatorToolbar()})}else alert(this.options.locales[this.options.locale].editClusterError||this.options.locales.en.editClusterError)}else this.showManipulatorToolbar()}},{key:"addEdgeMode",value:function(){if(!0!==this.editMode&&this.enableEditMode(),this._clean(),this.inMode="addEdge",!0===this.guiEnabled){var t=this.options.locales[this.options.locale];this.manipulationDOM={},this._createBackButton(t),this._createSeperator(),this._createDescription(t.edgeDescription||this.options.locales.en.edgeDescription),this._bindHammerToDiv(this.closeDiv,this.toggleEditMode.bind(this))}this._temporaryBindUI("onTouch",this._handleConnect.bind(this)),this._temporaryBindUI("onDragEnd",this._finishConnect.bind(this)),this._temporaryBindUI("onDrag",this._dragControlNode.bind(this)),this._temporaryBindUI("onRelease",this._finishConnect.bind(this)),this._temporaryBindUI("onDragStart",this._dragStartEdge.bind(this)),this._temporaryBindUI("onHold",function(){})}},{key:"editEdgeMode",value:function(){if(!0!==this.editMode&&this.enableEditMode(),this._clean(),this.inMode="editEdge","object"===(0,d.default)(this.options.editEdge)&&"function"==typeof this.options.editEdge.editWithoutDrag&&(this.edgeBeingEditedId=this.selectionHandler.getSelectedEdges()[0],void 0!==this.edgeBeingEditedId)){var t=this.body.edges[this.edgeBeingEditedId];return void this._performEditEdge(t.from,t.to)}if(!0===this.guiEnabled){var e=this.options.locales[this.options.locale];this.manipulationDOM={},this._createBackButton(e),this._createSeperator(),this._createDescription(e.editEdgeDescription||this.options.locales.en.editEdgeDescription),this._bindHammerToDiv(this.closeDiv,this.toggleEditMode.bind(this))}if(this.edgeBeingEditedId=this.selectionHandler.getSelectedEdges()[0],void 0!==this.edgeBeingEditedId){var i=this.body.edges[this.edgeBeingEditedId],o=this._getNewTargetNode(i.from.x,i.from.y),n=this._getNewTargetNode(i.to.x,i.to.y);this.temporaryIds.nodes.push(o.id),this.temporaryIds.nodes.push(n.id),this.body.nodes[o.id]=o,this.body.nodeIndices.push(o.id),this.body.nodes[n.id]=n,this.body.nodeIndices.push(n.id),this._temporaryBindUI("onTouch",this._controlNodeTouch.bind(this)),this._temporaryBindUI("onTap",function(){}),this._temporaryBindUI("onHold",function(){}),this._temporaryBindUI("onDragStart",this._controlNodeDragStart.bind(this)),this._temporaryBindUI("onDrag",this._controlNodeDrag.bind(this)),this._temporaryBindUI("onDragEnd",this._controlNodeDragEnd.bind(this)),this._temporaryBindUI("onMouseMove",function(){}),this._temporaryBindEvent("beforeDrawing",function(t){var e=i.edgeType.findBorderPositions(t);!1===o.selected&&(o.x=e.from.x,o.y=e.from.y),!1===n.selected&&(n.x=e.to.x,n.y=e.to.y)}),this.body.emitter.emit("_redraw")}else this.showManipulatorToolbar()}},{key:"deleteSelected",value:function(){var t=this;!0!==this.editMode&&this.enableEditMode(),this._clean(),this.inMode="delete";var e=this.selectionHandler.getSelectedNodes(),i=this.selectionHandler.getSelectedEdges(),o=void 0;if(e.length>0){for(var n=0;n<e.length;n++)if(!0===this.body.nodes[e[n]].isCluster)return void alert(this.options.locales[this.options.locale].deleteClusterError||this.options.locales.en.deleteClusterError);"function"==typeof this.options.deleteNode&&(o=this.options.deleteNode)}else i.length>0&&"function"==typeof this.options.deleteEdge&&(o=this.options.deleteEdge);if("function"==typeof o){var s={nodes:e,edges:i}
-;if(2!==o.length)throw new Error("The function for delete does not support two arguments (data, callback)");o(s,function(e){null!==e&&void 0!==e&&"delete"===t.inMode?(t.body.data.edges.getDataSet().remove(e.edges),t.body.data.nodes.getDataSet().remove(e.nodes),t.body.emitter.emit("startSimulation"),t.showManipulatorToolbar()):(t.body.emitter.emit("startSimulation"),t.showManipulatorToolbar())})}else this.body.data.edges.getDataSet().remove(i),this.body.data.nodes.getDataSet().remove(e),this.body.emitter.emit("startSimulation"),this.showManipulatorToolbar()}},{key:"_setup",value:function(){!0===this.options.enabled?(this.guiEnabled=!0,this._createWrappers(),!1===this.editMode?this._createEditButton():this.showManipulatorToolbar()):(this._removeManipulationDOM(),this.guiEnabled=!1)}},{key:"_createWrappers",value:function(){void 0===this.manipulationDiv&&(this.manipulationDiv=document.createElement("div"),this.manipulationDiv.className="vis-manipulation",!0===this.editMode?this.manipulationDiv.style.display="block":this.manipulationDiv.style.display="none",this.canvas.frame.appendChild(this.manipulationDiv)),void 0===this.editModeDiv&&(this.editModeDiv=document.createElement("div"),this.editModeDiv.className="vis-edit-mode",!0===this.editMode?this.editModeDiv.style.display="none":this.editModeDiv.style.display="block",this.canvas.frame.appendChild(this.editModeDiv)),void 0===this.closeDiv&&(this.closeDiv=document.createElement("div"),this.closeDiv.className="vis-close",this.closeDiv.style.display=this.manipulationDiv.style.display,this.canvas.frame.appendChild(this.closeDiv))}},{key:"_getNewTargetNode",value:function(t,e){var i=f.deepExtend({},this.options.controlNodeStyle);i.id="targetNode"+f.randomUUID(),i.hidden=!1,i.physics=!1,i.x=t,i.y=e;var o=this.body.functions.createNode(i);return o.shape.boundingBox={left:t,right:t,top:e,bottom:e},o}},{key:"_createEditButton",value:function(){this._clean(),this.manipulationDOM={},f.recursiveDOMDelete(this.editModeDiv);var t=this.options.locales[this.options.locale],e=this._createButton("editMode","vis-button vis-edit vis-edit-mode",t.edit||this.options.locales.en.edit);this.editModeDiv.appendChild(e),this._bindHammerToDiv(e,this.toggleEditMode.bind(this))}},{key:"_clean",value:function(){this.inMode=!1,!0===this.guiEnabled&&(f.recursiveDOMDelete(this.editModeDiv),f.recursiveDOMDelete(this.manipulationDiv),this._cleanManipulatorHammers()),this._cleanupTemporaryNodesAndEdges(),this._unbindTemporaryUIs(),this._unbindTemporaryEvents(),this.body.emitter.emit("restorePhysics")}},{key:"_cleanManipulatorHammers",value:function(){if(0!=this.manipulationHammers.length){for(var t=0;t<this.manipulationHammers.length;t++)this.manipulationHammers[t].destroy();this.manipulationHammers=[]}}},{key:"_removeManipulationDOM",value:function(){this._clean(),f.recursiveDOMDelete(this.manipulationDiv),f.recursiveDOMDelete(this.editModeDiv),f.recursiveDOMDelete(this.closeDiv),this.manipulationDiv&&this.canvas.frame.removeChild(this.manipulationDiv),this.editModeDiv&&this.canvas.frame.removeChild(this.editModeDiv),this.closeDiv&&this.canvas.frame.removeChild(this.closeDiv),this.manipulationDiv=void 0,this.editModeDiv=void 0,this.closeDiv=void 0}},{key:"_createSeperator",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;this.manipulationDOM["seperatorLineDiv"+t]=document.createElement("div"),this.manipulationDOM["seperatorLineDiv"+t].className="vis-separator-line",this.manipulationDiv.appendChild(this.manipulationDOM["seperatorLineDiv"+t])}},{key:"_createAddNodeButton",value:function(t){var e=this._createButton("addNode","vis-button vis-add",t.addNode||this.options.locales.en.addNode);this.manipulationDiv.appendChild(e),this._bindHammerToDiv(e,this.addNodeMode.bind(this))}},{key:"_createAddEdgeButton",value:function(t){var e=this._createButton("addEdge","vis-button vis-connect",t.addEdge||this.options.locales.en.addEdge);this.manipulationDiv.appendChild(e),this._bindHammerToDiv(e,this.addEdgeMode.bind(this))}},{key:"_createEditNodeButton",value:function(t){var e=this._createButton("editNode","vis-button vis-edit",t.editNode||this.options.locales.en.editNode);this.manipulationDiv.appendChild(e),this._bindHammerToDiv(e,this.editNode.bind(this))}},{key:"_createEditEdgeButton",value:function(t){var e=this._createButton("editEdge","vis-button vis-edit",t.editEdge||this.options.locales.en.editEdge);this.manipulationDiv.appendChild(e),this._bindHammerToDiv(e,this.editEdgeMode.bind(this))}},{key:"_createDeleteButton",value:function(t){var e;e=this.options.rtl?"vis-button vis-delete-rtl":"vis-button vis-delete";var i=this._createButton("delete",e,t.del||this.options.locales.en.del);this.manipulationDiv.appendChild(i),this._bindHammerToDiv(i,this.deleteSelected.bind(this))}},{key:"_createBackButton",value:function(t){var e=this._createButton("back","vis-button vis-back",t.back||this.options.locales.en.back);this.manipulationDiv.appendChild(e),this._bindHammerToDiv(e,this.showManipulatorToolbar.bind(this))}},{key:"_createButton",value:function(t,e,i){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"vis-label";return this.manipulationDOM[t+"Div"]=document.createElement("div"),this.manipulationDOM[t+"Div"].className=e,this.manipulationDOM[t+"Label"]=document.createElement("div"),this.manipulationDOM[t+"Label"].className=o,this.manipulationDOM[t+"Label"].innerHTML=i,this.manipulationDOM[t+"Div"].appendChild(this.manipulationDOM[t+"Label"]),this.manipulationDOM[t+"Div"]}},{key:"_createDescription",value:function(t){this.manipulationDiv.appendChild(this._createButton("description","vis-button vis-none",t))}},{key:"_temporaryBindEvent",value:function(t,e){this.temporaryEventFunctions.push({event:t,boundFunction:e}),this.body.emitter.on(t,e)}},{key:"_temporaryBindUI",value:function(t,e){if(void 0===this.body.eventListeners[t])throw new Error("This UI function does not exist. Typo? You tried: "+t+" possible are: "+(0,a.default)((0,s.default)(this.body.eventListeners)));this.temporaryUIFunctions[t]=this.body.eventListeners[t],this.body.eventListeners[t]=e}},{key:"_unbindTemporaryUIs",value:function(){for(var t in this.temporaryUIFunctions)this.temporaryUIFunctions.hasOwnProperty(t)&&(this.body.eventListeners[t]=this.temporaryUIFunctions[t],delete this.temporaryUIFunctions[t]);this.temporaryUIFunctions={}}},{key:"_unbindTemporaryEvents",value:function(){for(var t=0;t<this.temporaryEventFunctions.length;t++){var e=this.temporaryEventFunctions[t].event,i=this.temporaryEventFunctions[t].boundFunction;this.body.emitter.off(e,i)}this.temporaryEventFunctions=[]}},{key:"_bindHammerToDiv",value:function(t,e){var i=new m(t,{});v.onTouch(i,e),this.manipulationHammers.push(i)}},{key:"_cleanupTemporaryNodesAndEdges",value:function(){for(var t=0;t<this.temporaryIds.edges.length;t++){this.body.edges[this.temporaryIds.edges[t]].disconnect(),delete this.body.edges[this.temporaryIds.edges[t]];var e=this.body.edgeIndices.indexOf(this.temporaryIds.edges[t]);-1!==e&&this.body.edgeIndices.splice(e,1)}for(var i=0;i<this.temporaryIds.nodes.length;i++){delete this.body.nodes[this.temporaryIds.nodes[i]];var o=this.body.nodeIndices.indexOf(this.temporaryIds.nodes[i]);-1!==o&&this.body.nodeIndices.splice(o,1)}this.temporaryIds={nodes:[],edges:[]}}},{key:"_controlNodeTouch",value:function(t){this.selectionHandler.unselectAll(),this.lastTouch=this.body.functions.getPointer(t.center),this.lastTouch.translation=f.extend({},this.body.view.translation)}},{key:"_controlNodeDragStart",value:function(t){var e=this.lastTouch,i=this.selectionHandler._pointerToPositionObject(e),o=this.body.nodes[this.temporaryIds.nodes[0]],n=this.body.nodes[this.temporaryIds.nodes[1]],s=this.body.edges[this.edgeBeingEditedId];this.selectedControlNode=void 0;var r=o.isOverlappingWith(i),a=n.isOverlappingWith(i);!0===r?(this.selectedControlNode=o,s.edgeType.from=o):!0===a&&(this.selectedControlNode=n,s.edgeType.to=n),void 0!==this.selectedControlNode&&this.selectionHandler.selectObject(this.selectedControlNode),this.body.emitter.emit("_redraw")}},{key:"_controlNodeDrag",value:function(t){this.body.emitter.emit("disablePhysics");var e=this.body.functions.getPointer(t.center),i=this.canvas.DOMtoCanvas(e);if(void 0!==this.selectedControlNode)this.selectedControlNode.x=i.x,this.selectedControlNode.y=i.y;else{var o=e.x-this.lastTouch.x,n=e.y-this.lastTouch.y;this.body.view.translation={x:this.lastTouch.translation.x+o,y:this.lastTouch.translation.y+n}}this.body.emitter.emit("_redraw")}},{key:"_controlNodeDragEnd",value:function(t){var e=this.body.functions.getPointer(t.center),i=this.selectionHandler._pointerToPositionObject(e),o=this.body.edges[this.edgeBeingEditedId];if(void 0!==this.selectedControlNode){this.selectionHandler.unselectAll();for(var n=this.selectionHandler._getAllNodesOverlappingWith(i),s=void 0,r=n.length-1;r>=0;r--)if(n[r]!==this.selectedControlNode.id){s=this.body.nodes[n[r]];break}if(void 0!==s&&void 0!==this.selectedControlNode)if(!0===s.isCluster)alert(this.options.locales[this.options.locale].createEdgeError||this.options.locales.en.createEdgeError);else{var a=this.body.nodes[this.temporaryIds.nodes[0]];this.selectedControlNode.id===a.id?this._performEditEdge(s.id,o.to.id):this._performEditEdge(o.from.id,s.id)}else o.updateEdgeType(),this.body.emitter.emit("restorePhysics");this.body.emitter.emit("_redraw")}}},{key:"_handleConnect",value:function(t){if((new Date).valueOf()-this.touchTime>100){this.lastTouch=this.body.functions.getPointer(t.center),this.lastTouch.translation=f.extend({},this.body.view.translation);var e=this.lastTouch,i=this.selectionHandler.getNodeAt(e);if(void 0!==i)if(!0===i.isCluster)alert(this.options.locales[this.options.locale].createEdgeError||this.options.locales.en.createEdgeError);else{var o=this._getNewTargetNode(i.x,i.y);this.body.nodes[o.id]=o,this.body.nodeIndices.push(o.id);var n=this.body.functions.createEdge({id:"connectionEdge"+f.randomUUID(),from:i.id,to:o.id,physics:!1,smooth:{enabled:!0,type:"continuous",roundness:.5}});this.body.edges[n.id]=n,this.body.edgeIndices.push(n.id),this.temporaryIds.nodes.push(o.id),this.temporaryIds.edges.push(n.id)}this.touchTime=(new Date).valueOf()}}},{key:"_dragControlNode",value:function(t){var e=this.body.functions.getPointer(t.center);if(void 0!==this.temporaryIds.nodes[0]){var i=this.body.nodes[this.temporaryIds.nodes[0]];i.x=this.canvas._XconvertDOMtoCanvas(e.x),i.y=this.canvas._YconvertDOMtoCanvas(e.y),this.body.emitter.emit("_redraw")}else{var o=e.x-this.lastTouch.x,n=e.y-this.lastTouch.y;this.body.view.translation={x:this.lastTouch.translation.x+o,y:this.lastTouch.translation.y+n}}}},{key:"_finishConnect",value:function(t){var e=this.body.functions.getPointer(t.center),i=this.selectionHandler._pointerToPositionObject(e),o=void 0;void 0!==this.temporaryIds.edges[0]&&(o=this.body.edges[this.temporaryIds.edges[0]].fromId);for(var n=this.selectionHandler._getAllNodesOverlappingWith(i),s=void 0,r=n.length-1;r>=0;r--)if(-1===this.temporaryIds.nodes.indexOf(n[r])){s=this.body.nodes[n[r]];break}this._cleanupTemporaryNodesAndEdges(),void 0!==s&&(!0===s.isCluster?alert(this.options.locales[this.options.locale].createEdgeError||this.options.locales.en.createEdgeError):void 0!==this.body.nodes[o]&&void 0!==this.body.nodes[s.id]&&this._performAddEdge(o,s.id)),this.body.emitter.emit("_redraw")}},{key:"_dragStartEdge",value:function(t){var e=this.lastTouch;this.selectionHandler._generateClickEvent("dragStart",t,e,void 0,!0)}},{key:"_performAddNode",value:function(t){var e=this,i={id:f.randomUUID(),x:t.pointer.canvas.x,y:t.pointer.canvas.y,label:"new"};if("function"==typeof this.options.addNode){if(2!==this.options.addNode.length)throw this.showManipulatorToolbar(),new Error("The function for add does not support two arguments (data,callback)");this.options.addNode(i,function(t){null!==t&&void 0!==t&&"addNode"===e.inMode&&(e.body.data.nodes.getDataSet().add(t),e.showManipulatorToolbar())})}else this.body.data.nodes.getDataSet().add(i),this.showManipulatorToolbar()}},{key:"_performAddEdge",value:function(t,e){var i=this,o={from:t,to:e};if("function"==typeof this.options.addEdge){if(2!==this.options.addEdge.length)throw new Error("The function for connect does not support two arguments (data,callback)");this.options.addEdge(o,function(t){null!==t&&void 0!==t&&"addEdge"===i.inMode&&(i.body.data.edges.getDataSet().add(t),i.selectionHandler.unselectAll(),i.showManipulatorToolbar())})}else this.body.data.edges.getDataSet().add(o),this.selectionHandler.unselectAll(),this.showManipulatorToolbar()}},{key:"_performEditEdge",value:function(t,e){var i=this,o={id:this.edgeBeingEditedId,from:t,to:e,label:this.body.data.edges._data[this.edgeBeingEditedId].label},n=this.options.editEdge;if("object"===(void 0===n?"undefined":(0,d.default)(n))&&(n=n.editWithoutDrag),"function"==typeof n){if(2!==n.length)throw new Error("The function for edit does not support two arguments (data, callback)");n(o,function(t){null===t||void 0===t||"editEdge"!==i.inMode?(i.body.edges[o.id].updateEdgeType(),i.body.emitter.emit("_redraw"),i.showManipulatorToolbar()):(i.body.data.edges.getDataSet().update(t),i.selectionHandler.unselectAll(),i.showManipulatorToolbar())})}else this.body.data.edges.getDataSet().update(o),this.selectionHandler.unselectAll(),this.showManipulatorToolbar()}}]),t}();e.default=g},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(30),s=o(n),r=i(0),a=o(r),h=i(1),d=o(h),l=i(239),u=o(l),c=function(){function t(e,i,o){(0,a.default)(this,t),this.body=e,this.springLength=i,this.springConstant=o,this.distanceSolver=new u.default}return(0,d.default)(t,[{key:"setOptions",value:function(t){t&&(t.springLength&&(this.springLength=t.springLength),t.springConstant&&(this.springConstant=t.springConstant))}},{key:"solve",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=this.distanceSolver.getDistances(this.body,t,e);this._createL_matrix(o),this._createK_matrix(o),this._createE_matrix();for(var n=0,r=Math.max(1e3,Math.min(10*this.body.nodeIndices.length,6e3)),a=1e9,h=0,d=0,l=0,u=0,c=0;a>.01&&n<r;){n+=1;var p=this._getHighestEnergyNode(i),f=(0,s.default)(p,4);for(h=f[0],a=f[1],d=f[2],l=f[3],u=a,c=0;u>1&&c<5;){c+=1,this._moveNode(h,d,l);var m=this._getEnergy(h),v=(0,s.default)(m,3);u=v[0],d=v[1],l=v[2]}}}},{key:"_getHighestEnergyNode",value:function(t){for(var e=this.body.nodeIndices,i=this.body.nodes,o=0,n=e[0],r=0,a=0,h=0;h<e.length;h++){var d=e[h];if(!1===i[d].predefinedPosition||!0===i[d].isCluster&&!0===t||!0===i[d].options.fixed.x||!0===i[d].options.fixed.y){var l=this._getEnergy(d),u=(0,s.default)(l,3),c=u[0],p=u[1],f=u[2];o<c&&(o=c,n=d,r=p,a=f)}}return[n,o,r,a]}},{key:"_getEnergy",value:function(t){var e=(0,s.default)(this.E_sums[t],2),i=e[0],o=e[1];return[Math.sqrt(Math.pow(i,2)+Math.pow(o,2)),i,o]}},{key:"_moveNode",value:function(t,e,i){for(var o=this.body.nodeIndices,n=this.body.nodes,s=0,r=0,a=0,h=n[t].x,d=n[t].y,l=this.K_matrix[t],u=this.L_matrix[t],c=0;c<o.length;c++){var p=o[c];if(p!==t){var f=n[p].x,m=n[p].y,v=l[p],g=u[p],y=1/Math.pow(Math.pow(h-f,2)+Math.pow(d-m,2),1.5);s+=v*(1-g*Math.pow(d-m,2)*y),r+=v*(g*(h-f)*(d-m)*y),a+=v*(1-g*Math.pow(h-f,2)*y)}}var b=s,_=r,w=e,x=a,k=i,S=(w/b+k/_)/(_/b-x/_),D=-(_*S+w)/b;n[t].x+=D,n[t].y+=S,this._updateE_matrix(t)}},{key:"_createL_matrix",value:function(t){var e=this.body.nodeIndices,i=this.springLength;this.L_matrix=[];for(var o=0;o<e.length;o++){this.L_matrix[e[o]]={};for(var n=0;n<e.length;n++)this.L_matrix[e[o]][e[n]]=i*t[e[o]][e[n]]}}},{key:"_createK_matrix",value:function(t){var e=this.body.nodeIndices,i=this.springConstant;this.K_matrix=[];for(var o=0;o<e.length;o++){this.K_matrix[e[o]]={};for(var n=0;n<e.length;n++)this.K_matrix[e[o]][e[n]]=i*Math.pow(t[e[o]][e[n]],-2)}}},{key:"_createE_matrix",value:function(){var t=this.body.nodeIndices,e=this.body.nodes;this.E_matrix={},this.E_sums={};for(var i=0;i<t.length;i++)this.E_matrix[t[i]]=[];for(var o=0;o<t.length;o++){for(var n=t[o],s=e[n].x,r=e[n].y,a=0,h=0,d=o;d<t.length;d++){var l=t[d];if(l!==n){var u=e[l].x,c=e[l].y,p=1/Math.sqrt(Math.pow(s-u,2)+Math.pow(r-c,2));this.E_matrix[n][d]=[this.K_matrix[n][l]*(s-u-this.L_matrix[n][l]*(s-u)*p),this.K_matrix[n][l]*(r-c-this.L_matrix[n][l]*(r-c)*p)],this.E_matrix[l][o]=this.E_matrix[n][d],a+=this.E_matrix[n][d][0],h+=this.E_matrix[n][d][1]}}this.E_sums[n]=[a,h]}}},{key:"_updateE_matrix",value:function(t){for(var e=this.body.nodeIndices,i=this.body.nodes,o=this.E_matrix[t],n=this.K_matrix[t],s=this.L_matrix[t],r=i[t].x,a=i[t].y,h=0,d=0,l=0;l<e.length;l++){var u=e[l];if(u!==t){var c=o[l],p=c[0],f=c[1],m=i[u].x,v=i[u].y,g=1/Math.sqrt(Math.pow(r-m,2)+Math.pow(a-v,2)),y=n[u]*(r-m-s[u]*(r-m)*g),b=n[u]*(a-v-s[u]*(a-v)*g);o[l]=[y,b],h+=y,d+=b;var _=this.E_sums[u];_[0]+=y-p,_[1]+=b-f}}this.E_sums[t]=[h,d]}}]),t}();e.default=c},function(t,e,i){function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),s=o(n),r=i(1),a=o(r),h=function(){function t(){(0,s.default)(this,t)}return(0,a.default)(t,[{key:"getDistances",value:function(t,e,i){for(var o={},n=t.edges,s=0;s<e.length;s++){var r=e[s],a={};o[r]=a;for(var h=0;h<e.length;h++)a[e[h]]=s==h?0:1e9}for(var d=0;d<i.length;d++){var l=n[i[d]];!0===l.connected&&void 0!==o[l.fromId]&&void 0!==o[l.toId]&&(o[l.fromId][l.toId]=1,o[l.toId][l.fromId]=1)}for(var u=e.length,c=0;c<u;c++)for(var p=e[c],f=o[p],m=0;m<u-1;m++)for(var v=e[m],g=o[v],y=m+1;y<u;y++){var b=e[y],_=o[b],w=Math.min(g[b],g[p]+f[b]);g[b]=w,_[v]=w}return o}}]),t}();e.default=h}])});
\ No newline at end of file
diff --git a/documentation/js/libs/zepto.min.js b/documentation/js/libs/zepto.min.js
deleted file mode 100644
index 4821a1ca..00000000
--- a/documentation/js/libs/zepto.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/* Zepto v1.2.0 - zepto event ajax form ie - zeptojs.com/license */
-!function(t,e){"function"==typeof define&&define.amd?define(function(){return e(t)}):e(t)}(this,function(t){var e=function(){function $(t){return null==t?String(t):S[C.call(t)]||"object"}function F(t){return"function"==$(t)}function k(t){return null!=t&&t==t.window}function M(t){return null!=t&&t.nodeType==t.DOCUMENT_NODE}function R(t){return"object"==$(t)}function Z(t){return R(t)&&!k(t)&&Object.getPrototypeOf(t)==Object.prototype}function z(t){var e=!!t&&"length"in t&&t.length,n=r.type(t);return"function"!=n&&!k(t)&&("array"==n||0===e||"number"==typeof e&&e>0&&e-1 in t)}function q(t){return a.call(t,function(t){return null!=t})}function H(t){return t.length>0?r.fn.concat.apply([],t):t}function I(t){return t.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g,"$1_$2").replace(/_/g,"-").toLowerCase()}function V(t){return t in l?l[t]:l[t]=new RegExp("(^|\\s)"+t+"(\\s|$)")}function _(t,e){return"number"!=typeof e||h[I(t)]?e:e+"px"}function B(t){var e,n;return c[t]||(e=f.createElement(t),f.body.appendChild(e),n=getComputedStyle(e,"").getPropertyValue("display"),e.parentNode.removeChild(e),"none"==n&&(n="block"),c[t]=n),c[t]}function U(t){return"children"in t?u.call(t.children):r.map(t.childNodes,function(t){return 1==t.nodeType?t:void 0})}function X(t,e){var n,r=t?t.length:0;for(n=0;r>n;n++)this[n]=t[n];this.length=r,this.selector=e||""}function J(t,r,i){for(n in r)i&&(Z(r[n])||L(r[n]))?(Z(r[n])&&!Z(t[n])&&(t[n]={}),L(r[n])&&!L(t[n])&&(t[n]=[]),J(t[n],r[n],i)):r[n]!==e&&(t[n]=r[n])}function W(t,e){return null==e?r(t):r(t).filter(e)}function Y(t,e,n,r){return F(e)?e.call(t,n,r):e}function G(t,e,n){null==n?t.removeAttribute(e):t.setAttribute(e,n)}function K(t,n){var r=t.className||"",i=r&&r.baseVal!==e;return n===e?i?r.baseVal:r:void(i?r.baseVal=n:t.className=n)}function Q(t){try{return t?"true"==t||("false"==t?!1:"null"==t?null:+t+""==t?+t:/^[\[\{]/.test(t)?r.parseJSON(t):t):t}catch(e){return t}}function tt(t,e){e(t);for(var n=0,r=t.childNodes.length;r>n;n++)tt(t.childNodes[n],e)}var e,n,r,i,O,P,o=[],s=o.concat,a=o.filter,u=o.slice,f=t.document,c={},l={},h={"column-count":1,columns:1,"font-weight":1,"line-height":1,opacity:1,"z-index":1,zoom:1},p=/^\s*<(\w+|!)[^>]*>/,d=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,m=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,g=/^(?:body|html)$/i,v=/([A-Z])/g,y=["val","css","html","text","data","width","height","offset"],x=["after","prepend","before","append"],b=f.createElement("table"),E=f.createElement("tr"),j={tr:f.createElement("tbody"),tbody:b,thead:b,tfoot:b,td:E,th:E,"*":f.createElement("div")},w=/complete|loaded|interactive/,T=/^[\w-]*$/,S={},C=S.toString,N={},A=f.createElement("div"),D={tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},L=Array.isArray||function(t){return t instanceof Array};return N.matches=function(t,e){if(!e||!t||1!==t.nodeType)return!1;var n=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.matchesSelector;if(n)return n.call(t,e);var r,i=t.parentNode,o=!i;return o&&(i=A).appendChild(t),r=~N.qsa(i,e).indexOf(t),o&&A.removeChild(t),r},O=function(t){return t.replace(/-+(.)?/g,function(t,e){return e?e.toUpperCase():""})},P=function(t){return a.call(t,function(e,n){return t.indexOf(e)==n})},N.fragment=function(t,n,i){var o,s,a;return d.test(t)&&(o=r(f.createElement(RegExp.$1))),o||(t.replace&&(t=t.replace(m,"<$1></$2>")),n===e&&(n=p.test(t)&&RegExp.$1),n in j||(n="*"),a=j[n],a.innerHTML=""+t,o=r.each(u.call(a.childNodes),function(){a.removeChild(this)})),Z(i)&&(s=r(o),r.each(i,function(t,e){y.indexOf(t)>-1?s[t](e):s.attr(t,e)})),o},N.Z=function(t,e){return new X(t,e)},N.isZ=function(t){return t instanceof N.Z},N.init=function(t,n){var i;if(!t)return N.Z();if("string"==typeof t)if(t=t.trim(),"<"==t[0]&&p.test(t))i=N.fragment(t,RegExp.$1,n),t=null;else{if(n!==e)return r(n).find(t);i=N.qsa(f,t)}else{if(F(t))return r(f).ready(t);if(N.isZ(t))return t;if(L(t))i=q(t);else if(R(t))i=[t],t=null;else if(p.test(t))i=N.fragment(t.trim(),RegExp.$1,n),t=null;else{if(n!==e)return r(n).find(t);i=N.qsa(f,t)}}return N.Z(i,t)},r=function(t,e){return N.init(t,e)},r.extend=function(t){var e,n=u.call(arguments,1);return"boolean"==typeof t&&(e=t,t=n.shift()),n.forEach(function(n){J(t,n,e)}),t},N.qsa=function(t,e){var n,r="#"==e[0],i=!r&&"."==e[0],o=r||i?e.slice(1):e,s=T.test(o);return t.getElementById&&s&&r?(n=t.getElementById(o))?[n]:[]:1!==t.nodeType&&9!==t.nodeType&&11!==t.nodeType?[]:u.call(s&&!r&&t.getElementsByClassName?i?t.getElementsByClassName(o):t.getElementsByTagName(e):t.querySelectorAll(e))},r.contains=f.documentElement.contains?function(t,e){return t!==e&&t.contains(e)}:function(t,e){for(;e&&(e=e.parentNode);)if(e===t)return!0;return!1},r.type=$,r.isFunction=F,r.isWindow=k,r.isArray=L,r.isPlainObject=Z,r.isEmptyObject=function(t){var e;for(e in t)return!1;return!0},r.isNumeric=function(t){var e=Number(t),n=typeof t;return null!=t&&"boolean"!=n&&("string"!=n||t.length)&&!isNaN(e)&&isFinite(e)||!1},r.inArray=function(t,e,n){return o.indexOf.call(e,t,n)},r.camelCase=O,r.trim=function(t){return null==t?"":String.prototype.trim.call(t)},r.uuid=0,r.support={},r.expr={},r.noop=function(){},r.map=function(t,e){var n,i,o,r=[];if(z(t))for(i=0;i<t.length;i++)n=e(t[i],i),null!=n&&r.push(n);else for(o in t)n=e(t[o],o),null!=n&&r.push(n);return H(r)},r.each=function(t,e){var n,r;if(z(t)){for(n=0;n<t.length;n++)if(e.call(t[n],n,t[n])===!1)return t}else for(r in t)if(e.call(t[r],r,t[r])===!1)return t;return t},r.grep=function(t,e){return a.call(t,e)},t.JSON&&(r.parseJSON=JSON.parse),r.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(t,e){S["[object "+e+"]"]=e.toLowerCase()}),r.fn={constructor:N.Z,length:0,forEach:o.forEach,reduce:o.reduce,push:o.push,sort:o.sort,splice:o.splice,indexOf:o.indexOf,concat:function(){var t,e,n=[];for(t=0;t<arguments.length;t++)e=arguments[t],n[t]=N.isZ(e)?e.toArray():e;return s.apply(N.isZ(this)?this.toArray():this,n)},map:function(t){return r(r.map(this,function(e,n){return t.call(e,n,e)}))},slice:function(){return r(u.apply(this,arguments))},ready:function(t){return w.test(f.readyState)&&f.body?t(r):f.addEventListener("DOMContentLoaded",function(){t(r)},!1),this},get:function(t){return t===e?u.call(this):this[t>=0?t:t+this.length]},toArray:function(){return this.get()},size:function(){return this.length},remove:function(){return this.each(function(){null!=this.parentNode&&this.parentNode.removeChild(this)})},each:function(t){return o.every.call(this,function(e,n){return t.call(e,n,e)!==!1}),this},filter:function(t){return F(t)?this.not(this.not(t)):r(a.call(this,function(e){return N.matches(e,t)}))},add:function(t,e){return r(P(this.concat(r(t,e))))},is:function(t){return this.length>0&&N.matches(this[0],t)},not:function(t){var n=[];if(F(t)&&t.call!==e)this.each(function(e){t.call(this,e)||n.push(this)});else{var i="string"==typeof t?this.filter(t):z(t)&&F(t.item)?u.call(t):r(t);this.forEach(function(t){i.indexOf(t)<0&&n.push(t)})}return r(n)},has:function(t){return this.filter(function(){return R(t)?r.contains(this,t):r(this).find(t).size()})},eq:function(t){return-1===t?this.slice(t):this.slice(t,+t+1)},first:function(){var t=this[0];return t&&!R(t)?t:r(t)},last:function(){var t=this[this.length-1];return t&&!R(t)?t:r(t)},find:function(t){var e,n=this;return e=t?"object"==typeof t?r(t).filter(function(){var t=this;return o.some.call(n,function(e){return r.contains(e,t)})}):1==this.length?r(N.qsa(this[0],t)):this.map(function(){return N.qsa(this,t)}):r()},closest:function(t,e){var n=[],i="object"==typeof t&&r(t);return this.each(function(r,o){for(;o&&!(i?i.indexOf(o)>=0:N.matches(o,t));)o=o!==e&&!M(o)&&o.parentNode;o&&n.indexOf(o)<0&&n.push(o)}),r(n)},parents:function(t){for(var e=[],n=this;n.length>0;)n=r.map(n,function(t){return(t=t.parentNode)&&!M(t)&&e.indexOf(t)<0?(e.push(t),t):void 0});return W(e,t)},parent:function(t){return W(P(this.pluck("parentNode")),t)},children:function(t){return W(this.map(function(){return U(this)}),t)},contents:function(){return this.map(function(){return this.contentDocument||u.call(this.childNodes)})},siblings:function(t){return W(this.map(function(t,e){return a.call(U(e.parentNode),function(t){return t!==e})}),t)},empty:function(){return this.each(function(){this.innerHTML=""})},pluck:function(t){return r.map(this,function(e){return e[t]})},show:function(){return this.each(function(){"none"==this.style.display&&(this.style.display=""),"none"==getComputedStyle(this,"").getPropertyValue("display")&&(this.style.display=B(this.nodeName))})},replaceWith:function(t){return this.before(t).remove()},wrap:function(t){var e=F(t);if(this[0]&&!e)var n=r(t).get(0),i=n.parentNode||this.length>1;return this.each(function(o){r(this).wrapAll(e?t.call(this,o):i?n.cloneNode(!0):n)})},wrapAll:function(t){if(this[0]){r(this[0]).before(t=r(t));for(var e;(e=t.children()).length;)t=e.first();r(t).append(this)}return this},wrapInner:function(t){var e=F(t);return this.each(function(n){var i=r(this),o=i.contents(),s=e?t.call(this,n):t;o.length?o.wrapAll(s):i.append(s)})},unwrap:function(){return this.parent().each(function(){r(this).replaceWith(r(this).children())}),this},clone:function(){return this.map(function(){return this.cloneNode(!0)})},hide:function(){return this.css("display","none")},toggle:function(t){return this.each(function(){var n=r(this);(t===e?"none"==n.css("display"):t)?n.show():n.hide()})},prev:function(t){return r(this.pluck("previousElementSibling")).filter(t||"*")},next:function(t){return r(this.pluck("nextElementSibling")).filter(t||"*")},html:function(t){return 0 in arguments?this.each(function(e){var n=this.innerHTML;r(this).empty().append(Y(this,t,e,n))}):0 in this?this[0].innerHTML:null},text:function(t){return 0 in arguments?this.each(function(e){var n=Y(this,t,e,this.textContent);this.textContent=null==n?"":""+n}):0 in this?this.pluck("textContent").join(""):null},attr:function(t,r){var i;return"string"!=typeof t||1 in arguments?this.each(function(e){if(1===this.nodeType)if(R(t))for(n in t)G(this,n,t[n]);else G(this,t,Y(this,r,e,this.getAttribute(t)))}):0 in this&&1==this[0].nodeType&&null!=(i=this[0].getAttribute(t))?i:e},removeAttr:function(t){return this.each(function(){1===this.nodeType&&t.split(" ").forEach(function(t){G(this,t)},this)})},prop:function(t,e){return t=D[t]||t,1 in arguments?this.each(function(n){this[t]=Y(this,e,n,this[t])}):this[0]&&this[0][t]},removeProp:function(t){return t=D[t]||t,this.each(function(){delete this[t]})},data:function(t,n){var r="data-"+t.replace(v,"-$1").toLowerCase(),i=1 in arguments?this.attr(r,n):this.attr(r);return null!==i?Q(i):e},val:function(t){return 0 in arguments?(null==t&&(t=""),this.each(function(e){this.value=Y(this,t,e,this.value)})):this[0]&&(this[0].multiple?r(this[0]).find("option").filter(function(){return this.selected}).pluck("value"):this[0].value)},offset:function(e){if(e)return this.each(function(t){var n=r(this),i=Y(this,e,t,n.offset()),o=n.offsetParent().offset(),s={top:i.top-o.top,left:i.left-o.left};"static"==n.css("position")&&(s.position="relative"),n.css(s)});if(!this.length)return null;if(f.documentElement!==this[0]&&!r.contains(f.documentElement,this[0]))return{top:0,left:0};var n=this[0].getBoundingClientRect();return{left:n.left+t.pageXOffset,top:n.top+t.pageYOffset,width:Math.round(n.width),height:Math.round(n.height)}},css:function(t,e){if(arguments.length<2){var i=this[0];if("string"==typeof t){if(!i)return;return i.style[O(t)]||getComputedStyle(i,"").getPropertyValue(t)}if(L(t)){if(!i)return;var o={},s=getComputedStyle(i,"");return r.each(t,function(t,e){o[e]=i.style[O(e)]||s.getPropertyValue(e)}),o}}var a="";if("string"==$(t))e||0===e?a=I(t)+":"+_(t,e):this.each(function(){this.style.removeProperty(I(t))});else for(n in t)t[n]||0===t[n]?a+=I(n)+":"+_(n,t[n])+";":this.each(function(){this.style.removeProperty(I(n))});return this.each(function(){this.style.cssText+=";"+a})},index:function(t){return t?this.indexOf(r(t)[0]):this.parent().children().indexOf(this[0])},hasClass:function(t){return t?o.some.call(this,function(t){return this.test(K(t))},V(t)):!1},addClass:function(t){return t?this.each(function(e){if("className"in this){i=[];var n=K(this),o=Y(this,t,e,n);o.split(/\s+/g).forEach(function(t){r(this).hasClass(t)||i.push(t)},this),i.length&&K(this,n+(n?" ":"")+i.join(" "))}}):this},removeClass:function(t){return this.each(function(n){if("className"in this){if(t===e)return K(this,"");i=K(this),Y(this,t,n,i).split(/\s+/g).forEach(function(t){i=i.replace(V(t)," ")}),K(this,i.trim())}})},toggleClass:function(t,n){return t?this.each(function(i){var o=r(this),s=Y(this,t,i,K(this));s.split(/\s+/g).forEach(function(t){(n===e?!o.hasClass(t):n)?o.addClass(t):o.removeClass(t)})}):this},scrollTop:function(t){if(this.length){var n="scrollTop"in this[0];return t===e?n?this[0].scrollTop:this[0].pageYOffset:this.each(n?function(){this.scrollTop=t}:function(){this.scrollTo(this.scrollX,t)})}},scrollLeft:function(t){if(this.length){var n="scrollLeft"in this[0];return t===e?n?this[0].scrollLeft:this[0].pageXOffset:this.each(n?function(){this.scrollLeft=t}:function(){this.scrollTo(t,this.scrollY)})}},position:function(){if(this.length){var t=this[0],e=this.offsetParent(),n=this.offset(),i=g.test(e[0].nodeName)?{top:0,left:0}:e.offset();return n.top-=parseFloat(r(t).css("margin-top"))||0,n.left-=parseFloat(r(t).css("margin-left"))||0,i.top+=parseFloat(r(e[0]).css("border-top-width"))||0,i.left+=parseFloat(r(e[0]).css("border-left-width"))||0,{top:n.top-i.top,left:n.left-i.left}}},offsetParent:function(){return this.map(function(){for(var t=this.offsetParent||f.body;t&&!g.test(t.nodeName)&&"static"==r(t).css("position");)t=t.offsetParent;return t})}},r.fn.detach=r.fn.remove,["width","height"].forEach(function(t){var n=t.replace(/./,function(t){return t[0].toUpperCase()});r.fn[t]=function(i){var o,s=this[0];return i===e?k(s)?s["inner"+n]:M(s)?s.documentElement["scroll"+n]:(o=this.offset())&&o[t]:this.each(function(e){s=r(this),s.css(t,Y(this,i,e,s[t]()))})}}),x.forEach(function(n,i){var o=i%2;r.fn[n]=function(){var n,a,s=r.map(arguments,function(t){var i=[];return n=$(t),"array"==n?(t.forEach(function(t){return t.nodeType!==e?i.push(t):r.zepto.isZ(t)?i=i.concat(t.get()):void(i=i.concat(N.fragment(t)))}),i):"object"==n||null==t?t:N.fragment(t)}),u=this.length>1;return s.length<1?this:this.each(function(e,n){a=o?n:n.parentNode,n=0==i?n.nextSibling:1==i?n.firstChild:2==i?n:null;var c=r.contains(f.documentElement,a);s.forEach(function(e){if(u)e=e.cloneNode(!0);else if(!a)return r(e).remove();a.insertBefore(e,n),c&&tt(e,function(e){if(!(null==e.nodeName||"SCRIPT"!==e.nodeName.toUpperCase()||e.type&&"text/javascript"!==e.type||e.src)){var n=e.ownerDocument?e.ownerDocument.defaultView:t;n.eval.call(n,e.innerHTML)}})})})},r.fn[o?n+"To":"insert"+(i?"Before":"After")]=function(t){return r(t)[n](this),this}}),N.Z.prototype=X.prototype=r.fn,N.uniq=P,N.deserializeValue=Q,r.zepto=N,r}();return t.Zepto=e,void 0===t.$&&(t.$=e),function(e){function h(t){return t._zid||(t._zid=n++)}function p(t,e,n,r){if(e=d(e),e.ns)var i=m(e.ns);return(a[h(t)]||[]).filter(function(t){return t&&(!e.e||t.e==e.e)&&(!e.ns||i.test(t.ns))&&(!n||h(t.fn)===h(n))&&(!r||t.sel==r)})}function d(t){var e=(""+t).split(".");return{e:e[0],ns:e.slice(1).sort().join(" ")}}function m(t){return new RegExp("(?:^| )"+t.replace(" "," .* ?")+"(?: |$)")}function g(t,e){return t.del&&!f&&t.e in c||!!e}function v(t){return l[t]||f&&c[t]||t}function y(t,n,i,o,s,u,f){var c=h(t),p=a[c]||(a[c]=[]);n.split(/\s/).forEach(function(n){if("ready"==n)return e(document).ready(i);var a=d(n);a.fn=i,a.sel=s,a.e in l&&(i=function(t){var n=t.relatedTarget;return!n||n!==this&&!e.contains(this,n)?a.fn.apply(this,arguments):void 0}),a.del=u;var c=u||i;a.proxy=function(e){if(e=T(e),!e.isImmediatePropagationStopped()){e.data=o;var n=c.apply(t,e._args==r?[e]:[e].concat(e._args));return n===!1&&(e.preventDefault(),e.stopPropagation()),n}},a.i=p.length,p.push(a),"addEventListener"in t&&t.addEventListener(v(a.e),a.proxy,g(a,f))})}function x(t,e,n,r,i){var o=h(t);(e||"").split(/\s/).forEach(function(e){p(t,e,n,r).forEach(function(e){delete a[o][e.i],"removeEventListener"in t&&t.removeEventListener(v(e.e),e.proxy,g(e,i))})})}function T(t,n){return(n||!t.isDefaultPrevented)&&(n||(n=t),e.each(w,function(e,r){var i=n[e];t[e]=function(){return this[r]=b,i&&i.apply(n,arguments)},t[r]=E}),t.timeStamp||(t.timeStamp=Date.now()),(n.defaultPrevented!==r?n.defaultPrevented:"returnValue"in n?n.returnValue===!1:n.getPreventDefault&&n.getPreventDefault())&&(t.isDefaultPrevented=b)),t}function S(t){var e,n={originalEvent:t};for(e in t)j.test(e)||t[e]===r||(n[e]=t[e]);return T(n,t)}var r,n=1,i=Array.prototype.slice,o=e.isFunction,s=function(t){return"string"==typeof t},a={},u={},f="onfocusin"in t,c={focus:"focusin",blur:"focusout"},l={mouseenter:"mouseover",mouseleave:"mouseout"};u.click=u.mousedown=u.mouseup=u.mousemove="MouseEvents",e.event={add:y,remove:x},e.proxy=function(t,n){var r=2 in arguments&&i.call(arguments,2);if(o(t)){var a=function(){return t.apply(n,r?r.concat(i.call(arguments)):arguments)};return a._zid=h(t),a}if(s(n))return r?(r.unshift(t[n],t),e.proxy.apply(null,r)):e.proxy(t[n],t);throw new TypeError("expected function")},e.fn.bind=function(t,e,n){return this.on(t,e,n)},e.fn.unbind=function(t,e){return this.off(t,e)},e.fn.one=function(t,e,n,r){return this.on(t,e,n,r,1)};var b=function(){return!0},E=function(){return!1},j=/^([A-Z]|returnValue$|layer[XY]$|webkitMovement[XY]$)/,w={preventDefault:"isDefaultPrevented",stopImmediatePropagation:"isImmediatePropagationStopped",stopPropagation:"isPropagationStopped"};e.fn.delegate=function(t,e,n){return this.on(e,t,n)},e.fn.undelegate=function(t,e,n){return this.off(e,t,n)},e.fn.live=function(t,n){return e(document.body).delegate(this.selector,t,n),this},e.fn.die=function(t,n){return e(document.body).undelegate(this.selector,t,n),this},e.fn.on=function(t,n,a,u,f){var c,l,h=this;return t&&!s(t)?(e.each(t,function(t,e){h.on(t,n,a,e,f)}),h):(s(n)||o(u)||u===!1||(u=a,a=n,n=r),(u===r||a===!1)&&(u=a,a=r),u===!1&&(u=E),h.each(function(r,o){f&&(c=function(t){return x(o,t.type,u),u.apply(this,arguments)}),n&&(l=function(t){var r,s=e(t.target).closest(n,o).get(0);return s&&s!==o?(r=e.extend(S(t),{currentTarget:s,liveFired:o}),(c||u).apply(s,[r].concat(i.call(arguments,1)))):void 0}),y(o,t,u,a,n,l||c)}))},e.fn.off=function(t,n,i){var a=this;return t&&!s(t)?(e.each(t,function(t,e){a.off(t,n,e)}),a):(s(n)||o(i)||i===!1||(i=n,n=r),i===!1&&(i=E),a.each(function(){x(this,t,i,n)}))},e.fn.trigger=function(t,n){return t=s(t)||e.isPlainObject(t)?e.Event(t):T(t),t._args=n,this.each(function(){t.type in c&&"function"==typeof this[t.type]?this[t.type]():"dispatchEvent"in this?this.dispatchEvent(t):e(this).triggerHandler(t,n)})},e.fn.triggerHandler=function(t,n){var r,i;return this.each(function(o,a){r=S(s(t)?e.Event(t):t),r._args=n,r.target=a,e.each(p(a,t.type||t),function(t,e){return i=e.proxy(r),r.isImmediatePropagationStopped()?!1:void 0})}),i},"focusin focusout focus blur load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select keydown keypress keyup error".split(" ").forEach(function(t){e.fn[t]=function(e){return 0 in arguments?this.bind(t,e):this.trigger(t)}}),e.Event=function(t,e){s(t)||(e=t,t=e.type);var n=document.createEvent(u[t]||"Events"),r=!0;if(e)for(var i in e)"bubbles"==i?r=!!e[i]:n[i]=e[i];return n.initEvent(t,r,!0),T(n)}}(e),function(e){function p(t,n,r){var i=e.Event(n);return e(t).trigger(i,r),!i.isDefaultPrevented()}function d(t,e,n,i){return t.global?p(e||r,n,i):void 0}function m(t){t.global&&0===e.active++&&d(t,null,"ajaxStart")}function g(t){t.global&&!--e.active&&d(t,null,"ajaxStop")}function v(t,e){var n=e.context;return e.beforeSend.call(n,t,e)===!1||d(e,n,"ajaxBeforeSend",[t,e])===!1?!1:void d(e,n,"ajaxSend",[t,e])}function y(t,e,n,r){var i=n.context,o="success";n.success.call(i,t,o,e),r&&r.resolveWith(i,[t,o,e]),d(n,i,"ajaxSuccess",[e,n,t]),b(o,e,n)}function x(t,e,n,r,i){var o=r.context;r.error.call(o,n,e,t),i&&i.rejectWith(o,[n,e,t]),d(r,o,"ajaxError",[n,r,t||e]),b(e,n,r)}function b(t,e,n){var r=n.context;n.complete.call(r,e,t),d(n,r,"ajaxComplete",[e,n]),g(n)}function E(t,e,n){if(n.dataFilter==j)return t;var r=n.context;return n.dataFilter.call(r,t,e)}function j(){}function w(t){return t&&(t=t.split(";",2)[0]),t&&(t==c?"html":t==f?"json":a.test(t)?"script":u.test(t)&&"xml")||"text"}function T(t,e){return""==e?t:(t+"&"+e).replace(/[&?]{1,2}/,"?")}function S(t){t.processData&&t.data&&"string"!=e.type(t.data)&&(t.data=e.param(t.data,t.traditional)),!t.data||t.type&&"GET"!=t.type.toUpperCase()&&"jsonp"!=t.dataType||(t.url=T(t.url,t.data),t.data=void 0)}function C(t,n,r,i){return e.isFunction(n)&&(i=r,r=n,n=void 0),e.isFunction(r)||(i=r,r=void 0),{url:t,data:n,success:r,dataType:i}}function O(t,n,r,i){var o,s=e.isArray(n),a=e.isPlainObject(n);e.each(n,function(n,u){o=e.type(u),i&&(n=r?i:i+"["+(a||"object"==o||"array"==o?n:"")+"]"),!i&&s?t.add(u.name,u.value):"array"==o||!r&&"object"==o?O(t,u,r,n):t.add(n,u)})}var i,o,n=+new Date,r=t.document,s=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,a=/^(?:text|application)\/javascript/i,u=/^(?:text|application)\/xml/i,f="application/json",c="text/html",l=/^\s*$/,h=r.createElement("a");h.href=t.location.href,e.active=0,e.ajaxJSONP=function(i,o){if(!("type"in i))return e.ajax(i);var c,p,s=i.jsonpCallback,a=(e.isFunction(s)?s():s)||"Zepto"+n++,u=r.createElement("script"),f=t[a],l=function(t){e(u).triggerHandler("error",t||"abort")},h={abort:l};return o&&o.promise(h),e(u).on("load error",function(n,r){clearTimeout(p),e(u).off().remove(),"error"!=n.type&&c?y(c[0],h,i,o):x(null,r||"error",h,i,o),t[a]=f,c&&e.isFunction(f)&&f(c[0]),f=c=void 0}),v(h,i)===!1?(l("abort"),h):(t[a]=function(){c=arguments},u.src=i.url.replace(/\?(.+)=\?/,"?$1="+a),r.head.appendChild(u),i.timeout>0&&(p=setTimeout(function(){l("timeout")},i.timeout)),h)},e.ajaxSettings={type:"GET",beforeSend:j,success:j,error:j,complete:j,context:null,global:!0,xhr:function(){return new t.XMLHttpRequest},accepts:{script:"text/javascript, application/javascript, application/x-javascript",json:f,xml:"application/xml, text/xml",html:c,text:"text/plain"},crossDomain:!1,timeout:0,processData:!0,cache:!0,dataFilter:j},e.ajax=function(n){var u,f,s=e.extend({},n||{}),a=e.Deferred&&e.Deferred();for(i in e.ajaxSettings)void 0===s[i]&&(s[i]=e.ajaxSettings[i]);m(s),s.crossDomain||(u=r.createElement("a"),u.href=s.url,u.href=u.href,s.crossDomain=h.protocol+"//"+h.host!=u.protocol+"//"+u.host),s.url||(s.url=t.location.toString()),(f=s.url.indexOf("#"))>-1&&(s.url=s.url.slice(0,f)),S(s);var c=s.dataType,p=/\?.+=\?/.test(s.url);if(p&&(c="jsonp"),s.cache!==!1&&(n&&n.cache===!0||"script"!=c&&"jsonp"!=c)||(s.url=T(s.url,"_="+Date.now())),"jsonp"==c)return p||(s.url=T(s.url,s.jsonp?s.jsonp+"=?":s.jsonp===!1?"":"callback=?")),e.ajaxJSONP(s,a);var P,d=s.accepts[c],g={},b=function(t,e){g[t.toLowerCase()]=[t,e]},C=/^([\w-]+:)\/\//.test(s.url)?RegExp.$1:t.location.protocol,N=s.xhr(),O=N.setRequestHeader;if(a&&a.promise(N),s.crossDomain||b("X-Requested-With","XMLHttpRequest"),b("Accept",d||"*/*"),(d=s.mimeType||d)&&(d.indexOf(",")>-1&&(d=d.split(",",2)[0]),N.overrideMimeType&&N.overrideMimeType(d)),(s.contentType||s.contentType!==!1&&s.data&&"GET"!=s.type.toUpperCase())&&b("Content-Type",s.contentType||"application/x-www-form-urlencoded"),s.headers)for(o in s.headers)b(o,s.headers[o]);if(N.setRequestHeader=b,N.onreadystatechange=function(){if(4==N.readyState){N.onreadystatechange=j,clearTimeout(P);var t,n=!1;if(N.status>=200&&N.status<300||304==N.status||0==N.status&&"file:"==C){if(c=c||w(s.mimeType||N.getResponseHeader("content-type")),"arraybuffer"==N.responseType||"blob"==N.responseType)t=N.response;else{t=N.responseText;try{t=E(t,c,s),"script"==c?(1,eval)(t):"xml"==c?t=N.responseXML:"json"==c&&(t=l.test(t)?null:e.parseJSON(t))}catch(r){n=r}if(n)return x(n,"parsererror",N,s,a)}y(t,N,s,a)}else x(N.statusText||null,N.status?"error":"abort",N,s,a)}},v(N,s)===!1)return N.abort(),x(null,"abort",N,s,a),N;var A="async"in s?s.async:!0;if(N.open(s.type,s.url,A,s.username,s.password),s.xhrFields)for(o in s.xhrFields)N[o]=s.xhrFields[o];for(o in g)O.apply(N,g[o]);return s.timeout>0&&(P=setTimeout(function(){N.onreadystatechange=j,N.abort(),x(null,"timeout",N,s,a)},s.timeout)),N.send(s.data?s.data:null),N},e.get=function(){return e.ajax(C.apply(null,arguments))},e.post=function(){var t=C.apply(null,arguments);return t.type="POST",e.ajax(t)},e.getJSON=function(){var t=C.apply(null,arguments);return t.dataType="json",e.ajax(t)},e.fn.load=function(t,n,r){if(!this.length)return this;var a,i=this,o=t.split(/\s/),u=C(t,n,r),f=u.success;return o.length>1&&(u.url=o[0],a=o[1]),u.success=function(t){i.html(a?e("<div>").html(t.replace(s,"")).find(a):t),f&&f.apply(i,arguments)},e.ajax(u),this};var N=encodeURIComponent;e.param=function(t,n){var r=[];return r.add=function(t,n){e.isFunction(n)&&(n=n()),null==n&&(n=""),this.push(N(t)+"="+N(n))},O(r,t,n),r.join("&").replace(/%20/g,"+")}}(e),function(t){t.fn.serializeArray=function(){var e,n,r=[],i=function(t){return t.forEach?t.forEach(i):void r.push({name:e,value:t})};return this[0]&&t.each(this[0].elements,function(r,o){n=o.type,e=o.name,e&&"fieldset"!=o.nodeName.toLowerCase()&&!o.disabled&&"submit"!=n&&"reset"!=n&&"button"!=n&&"file"!=n&&("radio"!=n&&"checkbox"!=n||o.checked)&&i(t(o).val())}),r},t.fn.serialize=function(){var t=[];return this.serializeArray().forEach(function(e){t.push(encodeURIComponent(e.name)+"="+encodeURIComponent(e.value))}),t.join("&")},t.fn.submit=function(e){if(0 in arguments)this.bind("submit",e);else if(this.length){var n=t.Event("submit");this.eq(0).trigger(n),n.isDefaultPrevented()||this.get(0).submit()}return this}}(e),function(){try{getComputedStyle(void 0)}catch(e){var n=getComputedStyle;t.getComputedStyle=function(t,e){try{return n(t,e)}catch(r){return null}}}}(),e});
\ No newline at end of file
diff --git a/documentation/js/menu-wc.js b/documentation/js/menu-wc.js
deleted file mode 100644
index 0851cf1b..00000000
--- a/documentation/js/menu-wc.js
+++ /dev/null
@@ -1,391 +0,0 @@
-'use strict';
-
-customElements.define('compodoc-menu', class extends HTMLElement {
-    constructor() {
-        super();
-        this.isNormalMode = this.getAttribute('mode') === 'normal';
-    }
-
-    connectedCallback() {
-        this.render(this.isNormalMode);
-    }
-
-    render(isNormalMode) {
-        let tp = lithtml.html(`
-        <nav>
-            <ul class="list">
-                <li class="title">
-                    <a href="index.html" data-type="index-link">ng-gallery-project documentation</a>
-                </li>
-
-                <li class="divider"></li>
-                ${ isNormalMode ? `<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>` : '' }
-                <li class="chapter">
-                    <a data-type="chapter-link" href="index.html"><span class="icon ion-ios-home"></span>Getting started</a>
-                    <ul class="links">
-                        <li class="link">
-                            <a href="overview.html" data-type="chapter-link">
-                                <span class="icon ion-ios-keypad"></span>Overview
-                            </a>
-                        </li>
-                        <li class="link">
-                            <a href="index.html" data-type="chapter-link">
-                                <span class="icon ion-ios-paper"></span>README
-                            </a>
-                        </li>
-                        <li class="link">
-                            <a href="changelog.html"  data-type="chapter-link">
-                                <span class="icon ion-ios-paper"></span>CHANGELOG
-                            </a>
-                        </li>
-                        <li class="link">
-                            <a href="license.html"  data-type="chapter-link">
-                                <span class="icon ion-ios-paper"></span>LICENSE
-                            </a>
-                        </li>
-                                <li class="link">
-                                    <a href="dependencies.html" data-type="chapter-link">
-                                        <span class="icon ion-ios-list"></span>Dependencies
-                                    </a>
-                                </li>
-                    </ul>
-                </li>
-                    <li class="chapter modules">
-                        <a data-type="chapter-link" href="modules.html">
-                            <div class="menu-toggler linked" data-toggle="collapse" ${ isNormalMode ?
-                                'data-target="#modules-links"' : 'data-target="#xs-modules-links"' }>
-                                <span class="icon ion-ios-archive"></span>
-                                <span class="link-name">Modules</span>
-                                <span class="icon ion-ios-arrow-down"></span>
-                            </div>
-                        </a>
-                        <ul class="links collapse " ${ isNormalMode ? 'id="modules-links"' : 'id="xs-modules-links"' }>
-                            <li class="link">
-                                <a href="modules/GalleryModule.html" data-type="entity-link" >GalleryModule</a>
-                                    <li class="chapter inner">
-                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
-                                            'data-target="#components-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' : 'data-target="#xs-components-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' }>
-                                            <span class="icon ion-md-cog"></span>
-                                            <span>Components</span>
-                                            <span class="icon ion-ios-arrow-down"></span>
-                                        </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' :
-                                            'id="xs-components-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' }>
-                                            <li class="link">
-                                                <a href="components/GalleryComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >GalleryComponent</a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                <li class="chapter inner">
-                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
-                                        'data-target="#directives-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' : 'data-target="#xs-directives-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' }>
-                                        <span class="icon ion-md-code-working"></span>
-                                        <span>Directives</span>
-                                        <span class="icon ion-ios-arrow-down"></span>
-                                    </div>
-                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' :
-                                        'id="xs-directives-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' }>
-                                        <li class="link">
-                                            <a href="directives/GalleryBoxDef.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >GalleryBoxDef</a>
-                                        </li>
-                                        <li class="link">
-                                            <a href="directives/GalleryImageDef.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >GalleryImageDef</a>
-                                        </li>
-                                        <li class="link">
-                                            <a href="directives/GalleryItemDef.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >GalleryItemDef</a>
-                                        </li>
-                                        <li class="link">
-                                            <a href="directives/GalleryThumbDef.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >GalleryThumbDef</a>
-                                        </li>
-                                    </ul>
-                                </li>
-                            </li>
-                            <li class="link">
-                                <a href="modules/LightboxModule.html" data-type="entity-link" >LightboxModule</a>
-                                <li class="chapter inner">
-                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
-                                        'data-target="#directives-links-module-LightboxModule-499a1910b09e24ca1178f4c4109853cfd404301e4511b9f542d21e3640dded00d786689815090f72a1afe1c6b6193a0bd7ecca4430e02e317142b0914b106317"' : 'data-target="#xs-directives-links-module-LightboxModule-499a1910b09e24ca1178f4c4109853cfd404301e4511b9f542d21e3640dded00d786689815090f72a1afe1c6b6193a0bd7ecca4430e02e317142b0914b106317"' }>
-                                        <span class="icon ion-md-code-working"></span>
-                                        <span>Directives</span>
-                                        <span class="icon ion-ios-arrow-down"></span>
-                                    </div>
-                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-LightboxModule-499a1910b09e24ca1178f4c4109853cfd404301e4511b9f542d21e3640dded00d786689815090f72a1afe1c6b6193a0bd7ecca4430e02e317142b0914b106317"' :
-                                        'id="xs-directives-links-module-LightboxModule-499a1910b09e24ca1178f4c4109853cfd404301e4511b9f542d21e3640dded00d786689815090f72a1afe1c6b6193a0bd7ecca4430e02e317142b0914b106317"' }>
-                                        <li class="link">
-                                            <a href="directives/GallerizeDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >GallerizeDirective</a>
-                                        </li>
-                                        <li class="link">
-                                            <a href="directives/LightboxDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >LightboxDirective</a>
-                                        </li>
-                                    </ul>
-                                </li>
-                            </li>
-                </ul>
-                </li>
-                    <li class="chapter">
-                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#components-links"' :
-                            'data-target="#xs-components-links"' }>
-                            <span class="icon ion-md-cog"></span>
-                            <span>Components</span>
-                            <span class="icon ion-ios-arrow-down"></span>
-                        </div>
-                        <ul class="links collapse " ${ isNormalMode ? 'id="components-links"' : 'id="xs-components-links"' }>
-                            <li class="link">
-                                <a href="components/CustomTemplateComponent.html" data-type="entity-link" >CustomTemplateComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryComponent.html" data-type="entity-link" >GalleryComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryCoreComponent.html" data-type="entity-link" >GalleryCoreComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryCounterComponent.html" data-type="entity-link" >GalleryCounterComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryDotsComponent.html" data-type="entity-link" >GalleryDotsComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryExampleComponent.html" data-type="entity-link" >GalleryExampleComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryIframeComponent.html" data-type="entity-link" >GalleryIframeComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryImageComponent.html" data-type="entity-link" >GalleryImageComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryItemComponent.html" data-type="entity-link" >GalleryItemComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryNavComponent.html" data-type="entity-link" >GalleryNavComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GallerySliderComponent.html" data-type="entity-link" >GallerySliderComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryThumbComponent.html" data-type="entity-link" >GalleryThumbComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryThumbsComponent.html" data-type="entity-link" >GalleryThumbsComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/GalleryVideoComponent.html" data-type="entity-link" >GalleryVideoComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/LightboxComponent.html" data-type="entity-link" >LightboxComponent</a>
-                            </li>
-                            <li class="link">
-                                <a href="components/LightboxExampleComponent.html" data-type="entity-link" >LightboxExampleComponent</a>
-                            </li>
-                        </ul>
-                    </li>
-                        <li class="chapter">
-                            <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#directives-links"' :
-                                'data-target="#xs-directives-links"' }>
-                                <span class="icon ion-md-code-working"></span>
-                                <span>Directives</span>
-                                <span class="icon ion-ios-arrow-down"></span>
-                            </div>
-                            <ul class="links collapse " ${ isNormalMode ? 'id="directives-links"' : 'id="xs-directives-links"' }>
-                                <li class="link">
-                                    <a href="directives/AutoplayDirective.html" data-type="entity-link" >AutoplayDirective</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/GallerizeDirective.html" data-type="entity-link" >GallerizeDirective</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/GalleryBoxDef.html" data-type="entity-link" >GalleryBoxDef</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/GalleryImageDef.html" data-type="entity-link" >GalleryImageDef</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/GalleryItemDef.html" data-type="entity-link" >GalleryItemDef</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/GalleryThumbDef.html" data-type="entity-link" >GalleryThumbDef</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/HammerSliding.html" data-type="entity-link" >HammerSliding</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/ImgRecognizer.html" data-type="entity-link" >ImgRecognizer</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/ItemIntersectionObserver.html" data-type="entity-link" >ItemIntersectionObserver</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/LightboxDirective.html" data-type="entity-link" >LightboxDirective</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/SliderIntersectionObserver.html" data-type="entity-link" >SliderIntersectionObserver</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/SliderResizeObserver.html" data-type="entity-link" >SliderResizeObserver</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/SmoothScroll.html" data-type="entity-link" >SmoothScroll</a>
-                                </li>
-                                <li class="link">
-                                    <a href="directives/ThumbResizeObserver.html" data-type="entity-link" >ThumbResizeObserver</a>
-                                </li>
-                            </ul>
-                        </li>
-                    <li class="chapter">
-                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#classes-links"' :
-                            'data-target="#xs-classes-links"' }>
-                            <span class="icon ion-ios-paper"></span>
-                            <span>Classes</span>
-                            <span class="icon ion-ios-arrow-down"></span>
-                        </div>
-                        <ul class="links collapse " ${ isNormalMode ? 'id="classes-links"' : 'id="xs-classes-links"' }>
-                            <li class="link">
-                                <a href="classes/ActiveItemObserver.html" data-type="entity-link" >ActiveItemObserver</a>
-                            </li>
-                            <li class="link">
-                                <a href="classes/GalleryRef.html" data-type="entity-link" >GalleryRef</a>
-                            </li>
-                            <li class="link">
-                                <a href="classes/HorizontalAdapter.html" data-type="entity-link" >HorizontalAdapter</a>
-                            </li>
-                            <li class="link">
-                                <a href="classes/IframeItem.html" data-type="entity-link" >IframeItem</a>
-                            </li>
-                            <li class="link">
-                                <a href="classes/ImageItem.html" data-type="entity-link" >ImageItem</a>
-                            </li>
-                            <li class="link">
-                                <a href="classes/SliderAdapter.html" data-type="entity-link" >SliderAdapter</a>
-                            </li>
-                            <li class="link">
-                                <a href="classes/VerticalAdapter.html" data-type="entity-link" >VerticalAdapter</a>
-                            </li>
-                            <li class="link">
-                                <a href="classes/VideoItem.html" data-type="entity-link" >VideoItem</a>
-                            </li>
-                            <li class="link">
-                                <a href="classes/YoutubeItem.html" data-type="entity-link" >YoutubeItem</a>
-                            </li>
-                        </ul>
-                    </li>
-                        <li class="chapter">
-                            <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#injectables-links"' :
-                                'data-target="#xs-injectables-links"' }>
-                                <span class="icon ion-md-arrow-round-down"></span>
-                                <span>Injectables</span>
-                                <span class="icon ion-ios-arrow-down"></span>
-                            </div>
-                            <ul class="links collapse " ${ isNormalMode ? 'id="injectables-links"' : 'id="xs-injectables-links"' }>
-                                <li class="link">
-                                    <a href="injectables/Gallery.html" data-type="entity-link" >Gallery</a>
-                                </li>
-                                <li class="link">
-                                    <a href="injectables/ImgManager.html" data-type="entity-link" >ImgManager</a>
-                                </li>
-                                <li class="link">
-                                    <a href="injectables/Lightbox.html" data-type="entity-link" >Lightbox</a>
-                                </li>
-                                <li class="link">
-                                    <a href="injectables/Pixabay.html" data-type="entity-link" >Pixabay</a>
-                                </li>
-                            </ul>
-                        </li>
-                    <li class="chapter">
-                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#interfaces-links"' :
-                            'data-target="#xs-interfaces-links"' }>
-                            <span class="icon ion-md-information-circle-outline"></span>
-                            <span>Interfaces</span>
-                            <span class="icon ion-ios-arrow-down"></span>
-                        </div>
-                        <ul class="links collapse " ${ isNormalMode ? ' id="interfaces-links"' : 'id="xs-interfaces-links"' }>
-                            <li class="link">
-                                <a href="interfaces/BezierEasingOptions.html" data-type="entity-link" >BezierEasingOptions</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/GalleryConfig.html" data-type="entity-link" >GalleryConfig</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/GalleryError.html" data-type="entity-link" >GalleryError</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/GalleryItem.html" data-type="entity-link" >GalleryItem</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/GalleryItemContext.html" data-type="entity-link" >GalleryItemContext</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/GalleryState.html" data-type="entity-link" >GalleryState</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/GalleryStateContext.html" data-type="entity-link" >GalleryStateContext</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/Hit.html" data-type="entity-link" >Hit</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/Hit2.html" data-type="entity-link" >Hit2</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/ImageRegistry.html" data-type="entity-link" >ImageRegistry</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/LightboxConfig.html" data-type="entity-link" >LightboxConfig</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/PixabayHDModel.html" data-type="entity-link" >PixabayHDModel</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/PixabayModel.html" data-type="entity-link" >PixabayModel</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/SliderState.html" data-type="entity-link" >SliderState</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/SmoothScrollOptions.html" data-type="entity-link" >SmoothScrollOptions</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/SmoothScrollStep.html" data-type="entity-link" >SmoothScrollStep</a>
-                            </li>
-                            <li class="link">
-                                <a href="interfaces/WorkerState.html" data-type="entity-link" >WorkerState</a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="chapter">
-                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#miscellaneous-links"'
-                            : 'data-target="#xs-miscellaneous-links"' }>
-                            <span class="icon ion-ios-cube"></span>
-                            <span>Miscellaneous</span>
-                            <span class="icon ion-ios-arrow-down"></span>
-                        </div>
-                        <ul class="links collapse " ${ isNormalMode ? 'id="miscellaneous-links"' : 'id="xs-miscellaneous-links"' }>
-                            <li class="link">
-                                <a href="miscellaneous/enumerations.html" data-type="entity-link">Enums</a>
-                            </li>
-                            <li class="link">
-                                <a href="miscellaneous/functions.html" data-type="entity-link">Functions</a>
-                            </li>
-                            <li class="link">
-                                <a href="miscellaneous/typealiases.html" data-type="entity-link">Type aliases</a>
-                            </li>
-                            <li class="link">
-                                <a href="miscellaneous/variables.html" data-type="entity-link">Variables</a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="chapter">
-                        <a data-type="chapter-link" href="coverage.html"><span class="icon ion-ios-stats"></span>Documentation coverage</a>
-                    </li>
-                    <li class="divider"></li>
-                    <li class="copyright">
-                        Documentation generated using <a href="https://compodoc.app/" target="_blank">
-                            <img data-src="images/compodoc-vectorise.png" class="img-responsive" data-type="compodoc-logo">
-                        </a>
-                    </li>
-            </ul>
-        </nav>
-        `);
-        this.innerHTML = tp.strings;
-    }
-});
\ No newline at end of file
diff --git a/documentation/js/menu-wc_es5.js b/documentation/js/menu-wc_es5.js
deleted file mode 100644
index 902225ea..00000000
--- a/documentation/js/menu-wc_es5.js
+++ /dev/null
@@ -1,60 +0,0 @@
-'use strict';
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
-
-function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-customElements.define('compodoc-menu', /*#__PURE__*/function (_HTMLElement) {
-  _inherits(_class, _HTMLElement);
-
-  var _super = _createSuper(_class);
-
-  function _class() {
-    var _this;
-
-    _classCallCheck(this, _class);
-
-    _this = _super.call(this);
-    _this.isNormalMode = _this.getAttribute('mode') === 'normal';
-    return _this;
-  }
-
-  _createClass(_class, [{
-    key: "connectedCallback",
-    value: function connectedCallback() {
-      this.render(this.isNormalMode);
-    }
-  }, {
-    key: "render",
-    value: function render(isNormalMode) {
-      var tp = lithtml.html("\n        <nav>\n            <ul class=\"list\">\n                <li class=\"title\">\n                    <a href=\"index.html\" data-type=\"index-link\">ng-gallery-project documentation</a>\n                </li>\n\n                <li class=\"divider\"></li>\n                ".concat(isNormalMode ? "<div id=\"book-search-input\" role=\"search\"><input type=\"text\" placeholder=\"Type to search\"></div>" : '', "\n                <li class=\"chapter\">\n                    <a data-type=\"chapter-link\" href=\"index.html\"><span class=\"icon ion-ios-home\"></span>Getting started</a>\n                    <ul class=\"links\">\n                        <li class=\"link\">\n                            <a href=\"overview.html\" data-type=\"chapter-link\">\n                                <span class=\"icon ion-ios-keypad\"></span>Overview\n                            </a>\n                        </li>\n                        <li class=\"link\">\n                            <a href=\"index.html\" data-type=\"chapter-link\">\n                                <span class=\"icon ion-ios-paper\"></span>README\n                            </a>\n                        </li>\n                        <li class=\"link\">\n                            <a href=\"changelog.html\"  data-type=\"chapter-link\">\n                                <span class=\"icon ion-ios-paper\"></span>CHANGELOG\n                            </a>\n                        </li>\n                        <li class=\"link\">\n                            <a href=\"license.html\"  data-type=\"chapter-link\">\n                                <span class=\"icon ion-ios-paper\"></span>LICENSE\n                            </a>\n                        </li>\n                                <li class=\"link\">\n                                    <a href=\"dependencies.html\" data-type=\"chapter-link\">\n                                        <span class=\"icon ion-ios-list\"></span>Dependencies\n                                    </a>\n                                </li>\n                    </ul>\n                </li>\n                    <li class=\"chapter modules\">\n                        <a data-type=\"chapter-link\" href=\"modules.html\">\n                            <div class=\"menu-toggler linked\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#modules-links"' : 'data-target="#xs-modules-links"', ">\n                                <span class=\"icon ion-ios-archive\"></span>\n                                <span class=\"link-name\">Modules</span>\n                                <span class=\"icon ion-ios-arrow-down\"></span>\n                            </div>\n                        </a>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="modules-links"' : 'id="xs-modules-links"', ">\n                            <li class=\"link\">\n                                <a href=\"modules/GalleryModule.html\" data-type=\"entity-link\" >GalleryModule</a>\n                                    <li class=\"chapter inner\">\n                                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#components-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' : 'data-target="#xs-components-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"', ">\n                                            <span class=\"icon ion-md-cog\"></span>\n                                            <span>Components</span>\n                                            <span class=\"icon ion-ios-arrow-down\"></span>\n                                        </div>\n                                        <ul class=\"links collapse\" ").concat(isNormalMode ? 'id="components-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' : 'id="xs-components-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"', ">\n                                            <li class=\"link\">\n                                                <a href=\"components/GalleryComponent.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >GalleryComponent</a>\n                                            </li>\n                                        </ul>\n                                    </li>\n                                <li class=\"chapter inner\">\n                                    <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#directives-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' : 'data-target="#xs-directives-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"', ">\n                                        <span class=\"icon ion-md-code-working\"></span>\n                                        <span>Directives</span>\n                                        <span class=\"icon ion-ios-arrow-down\"></span>\n                                    </div>\n                                    <ul class=\"links collapse\" ").concat(isNormalMode ? 'id="directives-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"' : 'id="xs-directives-links-module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed"', ">\n                                        <li class=\"link\">\n                                            <a href=\"directives/GalleryBoxDef.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >GalleryBoxDef</a>\n                                        </li>\n                                        <li class=\"link\">\n                                            <a href=\"directives/GalleryImageDef.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >GalleryImageDef</a>\n                                        </li>\n                                        <li class=\"link\">\n                                            <a href=\"directives/GalleryItemDef.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >GalleryItemDef</a>\n                                        </li>\n                                        <li class=\"link\">\n                                            <a href=\"directives/GalleryThumbDef.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >GalleryThumbDef</a>\n                                        </li>\n                                    </ul>\n                                </li>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"modules/LightboxModule.html\" data-type=\"entity-link\" >LightboxModule</a>\n                                <li class=\"chapter inner\">\n                                    <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#directives-links-module-LightboxModule-499a1910b09e24ca1178f4c4109853cfd404301e4511b9f542d21e3640dded00d786689815090f72a1afe1c6b6193a0bd7ecca4430e02e317142b0914b106317"' : 'data-target="#xs-directives-links-module-LightboxModule-499a1910b09e24ca1178f4c4109853cfd404301e4511b9f542d21e3640dded00d786689815090f72a1afe1c6b6193a0bd7ecca4430e02e317142b0914b106317"', ">\n                                        <span class=\"icon ion-md-code-working\"></span>\n                                        <span>Directives</span>\n                                        <span class=\"icon ion-ios-arrow-down\"></span>\n                                    </div>\n                                    <ul class=\"links collapse\" ").concat(isNormalMode ? 'id="directives-links-module-LightboxModule-499a1910b09e24ca1178f4c4109853cfd404301e4511b9f542d21e3640dded00d786689815090f72a1afe1c6b6193a0bd7ecca4430e02e317142b0914b106317"' : 'id="xs-directives-links-module-LightboxModule-499a1910b09e24ca1178f4c4109853cfd404301e4511b9f542d21e3640dded00d786689815090f72a1afe1c6b6193a0bd7ecca4430e02e317142b0914b106317"', ">\n                                        <li class=\"link\">\n                                            <a href=\"directives/GallerizeDirective.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >GallerizeDirective</a>\n                                        </li>\n                                        <li class=\"link\">\n                                            <a href=\"directives/LightboxDirective.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >LightboxDirective</a>\n                                        </li>\n                                    </ul>\n                                </li>\n                            </li>\n                </ul>\n                </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#components-links"' : 'data-target="#xs-components-links"', ">\n                            <span class=\"icon ion-md-cog\"></span>\n                            <span>Components</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="components-links"' : 'id="xs-components-links"', ">\n                            <li class=\"link\">\n                                <a href=\"components/CustomTemplateComponent.html\" data-type=\"entity-link\" >CustomTemplateComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryComponent.html\" data-type=\"entity-link\" >GalleryComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryCoreComponent.html\" data-type=\"entity-link\" >GalleryCoreComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryCounterComponent.html\" data-type=\"entity-link\" >GalleryCounterComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryBulletsComponent.html\" data-type=\"entity-link\" >GalleryBulletsComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryExampleComponent.html\" data-type=\"entity-link\" >GalleryExampleComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryIframeComponent.html\" data-type=\"entity-link\" >GalleryIframeComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryImageComponent.html\" data-type=\"entity-link\" >GalleryImageComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryItemComponent.html\" data-type=\"entity-link\" >GalleryItemComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryNavComponent.html\" data-type=\"entity-link\" >GalleryNavComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GallerySliderComponent.html\" data-type=\"entity-link\" >GallerySliderComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryThumbComponent.html\" data-type=\"entity-link\" >GalleryThumbComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryThumbsComponent.html\" data-type=\"entity-link\" >GalleryThumbsComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/GalleryVideoComponent.html\" data-type=\"entity-link\" >GalleryVideoComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/LightboxComponent.html\" data-type=\"entity-link\" >LightboxComponent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"components/LightboxExampleComponent.html\" data-type=\"entity-link\" >LightboxExampleComponent</a>\n                            </li>\n                        </ul>\n                    </li>\n                        <li class=\"chapter\">\n                            <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#directives-links"' : 'data-target="#xs-directives-links"', ">\n                                <span class=\"icon ion-md-code-working\"></span>\n                                <span>Directives</span>\n                                <span class=\"icon ion-ios-arrow-down\"></span>\n                            </div>\n                            <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="directives-links"' : 'id="xs-directives-links"', ">\n                                <li class=\"link\">\n                                    <a href=\"directives/AutoplayDirective.html\" data-type=\"entity-link\" >AutoplayDirective</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/GallerizeDirective.html\" data-type=\"entity-link\" >GallerizeDirective</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/GalleryBoxDef.html\" data-type=\"entity-link\" >GalleryBoxDef</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/GalleryImageDef.html\" data-type=\"entity-link\" >GalleryImageDef</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/GalleryItemDef.html\" data-type=\"entity-link\" >GalleryItemDef</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/GalleryThumbDef.html\" data-type=\"entity-link\" >GalleryThumbDef</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/HammerSliding.html\" data-type=\"entity-link\" >HammerSliding</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/ImgRecognizer.html\" data-type=\"entity-link\" >ImgRecognizer</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/ItemIntersectionObserver.html\" data-type=\"entity-link\" >ItemIntersectionObserver</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/LightboxDirective.html\" data-type=\"entity-link\" >LightboxDirective</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/SliderIntersectionObserver.html\" data-type=\"entity-link\" >SliderIntersectionObserver</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/SliderResizeObserver.html\" data-type=\"entity-link\" >SliderResizeObserver</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/SmoothScroll.html\" data-type=\"entity-link\" >SmoothScroll</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"directives/ThumbResizeObserver.html\" data-type=\"entity-link\" >ThumbResizeObserver</a>\n                                </li>\n                            </ul>\n                        </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#classes-links"' : 'data-target="#xs-classes-links"', ">\n                            <span class=\"icon ion-ios-paper\"></span>\n                            <span>Classes</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="classes-links"' : 'id="xs-classes-links"', ">\n                            <li class=\"link\">\n                                <a href=\"classes/ActiveItemObserver.html\" data-type=\"entity-link\" >ActiveItemObserver</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/GalleryRef.html\" data-type=\"entity-link\" >GalleryRef</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/HorizontalAdapter.html\" data-type=\"entity-link\" >HorizontalAdapter</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/IframeItem.html\" data-type=\"entity-link\" >IframeItem</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/ImageItem.html\" data-type=\"entity-link\" >ImageItem</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/SliderAdapter.html\" data-type=\"entity-link\" >SliderAdapter</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/VerticalAdapter.html\" data-type=\"entity-link\" >VerticalAdapter</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/VideoItem.html\" data-type=\"entity-link\" >VideoItem</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/YoutubeItem.html\" data-type=\"entity-link\" >YoutubeItem</a>\n                            </li>\n                        </ul>\n                    </li>\n                        <li class=\"chapter\">\n                            <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#injectables-links"' : 'data-target="#xs-injectables-links"', ">\n                                <span class=\"icon ion-md-arrow-round-down\"></span>\n                                <span>Injectables</span>\n                                <span class=\"icon ion-ios-arrow-down\"></span>\n                            </div>\n                            <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="injectables-links"' : 'id="xs-injectables-links"', ">\n                                <li class=\"link\">\n                                    <a href=\"injectables/Gallery.html\" data-type=\"entity-link\" >Gallery</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/ImgManager.html\" data-type=\"entity-link\" >ImgManager</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/Lightbox.html\" data-type=\"entity-link\" >Lightbox</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/Pixabay.html\" data-type=\"entity-link\" >Pixabay</a>\n                                </li>\n                            </ul>\n                        </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#interfaces-links"' : 'data-target="#xs-interfaces-links"', ">\n                            <span class=\"icon ion-md-information-circle-outline\"></span>\n                            <span>Interfaces</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? ' id="interfaces-links"' : 'id="xs-interfaces-links"', ">\n                            <li class=\"link\">\n                                <a href=\"interfaces/BezierEasingOptions.html\" data-type=\"entity-link\" >BezierEasingOptions</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/GalleryConfig.html\" data-type=\"entity-link\" >GalleryConfig</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/GalleryError.html\" data-type=\"entity-link\" >GalleryError</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/GalleryItem.html\" data-type=\"entity-link\" >GalleryItem</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/GalleryItemContext.html\" data-type=\"entity-link\" >GalleryItemContext</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/GalleryState.html\" data-type=\"entity-link\" >GalleryState</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/GalleryStateContext.html\" data-type=\"entity-link\" >GalleryStateContext</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/Hit.html\" data-type=\"entity-link\" >Hit</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/Hit2.html\" data-type=\"entity-link\" >Hit2</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/ImageRegistry.html\" data-type=\"entity-link\" >ImageRegistry</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/LightboxConfig.html\" data-type=\"entity-link\" >LightboxConfig</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/PixabayHDModel.html\" data-type=\"entity-link\" >PixabayHDModel</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/PixabayModel.html\" data-type=\"entity-link\" >PixabayModel</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/SliderState.html\" data-type=\"entity-link\" >SliderState</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/SmoothScrollOptions.html\" data-type=\"entity-link\" >SmoothScrollOptions</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/SmoothScrollStep.html\" data-type=\"entity-link\" >SmoothScrollStep</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/WorkerState.html\" data-type=\"entity-link\" >WorkerState</a>\n                            </li>\n                        </ul>\n                    </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#miscellaneous-links"' : 'data-target="#xs-miscellaneous-links"', ">\n                            <span class=\"icon ion-ios-cube\"></span>\n                            <span>Miscellaneous</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="miscellaneous-links"' : 'id="xs-miscellaneous-links"', ">\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/enumerations.html\" data-type=\"entity-link\">Enums</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/functions.html\" data-type=\"entity-link\">Functions</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/typealiases.html\" data-type=\"entity-link\">Type aliases</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/variables.html\" data-type=\"entity-link\">Variables</a>\n                            </li>\n                        </ul>\n                    </li>\n                    <li class=\"chapter\">\n                        <a data-type=\"chapter-link\" href=\"coverage.html\"><span class=\"icon ion-ios-stats\"></span>Documentation coverage</a>\n                    </li>\n                    <li class=\"divider\"></li>\n                    <li class=\"copyright\">\n                        Documentation generated using <a href=\"https://compodoc.app/\" target=\"_blank\">\n                            <img data-src=\"images/compodoc-vectorise.png\" class=\"img-responsive\" data-type=\"compodoc-logo\">\n                        </a>\n                    </li>\n            </ul>\n        </nav>\n        "));
-      this.innerHTML = tp.strings;
-    }
-  }]);
-
-  return _class;
-}( /*#__PURE__*/_wrapNativeSuper(HTMLElement)));
diff --git a/documentation/js/menu.js b/documentation/js/menu.js
deleted file mode 100644
index 1d2b1def..00000000
--- a/documentation/js/menu.js
+++ /dev/null
@@ -1,319 +0,0 @@
-document.addEventListener('DOMContentLoaded', function () {
-    var menuCollapsed = false,
-        mobileMenu = document.getElementById('mobile-menu');
-
-    var localContextInUrl = '';
-
-    if (COMPODOC_CURRENT_PAGE_CONTEXT !== '') {
-        switch (COMPODOC_CURRENT_PAGE_CONTEXT) {
-            case 'additional-page':
-                localContextInUrl = 'additional-documentation';
-                break;
-            case 'class':
-                localContextInUrl = 'classes';
-                break;
-            case 'miscellaneous-functions':
-            case 'miscellaneous-variables':
-            case 'miscellaneous-typealiases':
-            case 'miscellaneous-enumerations':
-                localContextInUrl = 'miscellaneous';
-            default:
-                break;
-        }
-    }
-
-    function hasClass(el, cls) {
-        return el.className && new RegExp('(\\s|^)' + cls + '(\\s|$)').test(el.className);
-    }
-
-    var processLink = function (link, url) {
-        if (url.charAt(0) !== '.') {
-            var prefix = '';
-            switch (COMPODOC_CURRENT_PAGE_DEPTH) {
-                case 5:
-                    prefix = '../../../../../';
-                    break;
-                case 4:
-                    prefix = '../../../../';
-                    break;
-                case 3:
-                    prefix = '../../../';
-                    break;
-                case 2:
-                    prefix = '../../';
-                    break;
-                case 1:
-                    prefix = '../';
-                    break;
-                case 0:
-                    prefix = './';
-                    break;
-            }
-            link.setAttribute('href', prefix + url);
-        }
-    };
-
-    var processMenuLinks = function (links, dontAddClass) {
-        for (var i = 0; i < links.length; i++) {
-            var link = links[i];
-            var linkHref = link.getAttribute('href');
-            if (linkHref) {
-                var linkHrefFile = linkHref.substr(linkHref.lastIndexOf('/') + 1, linkHref.length);
-                if (
-                    linkHrefFile.toLowerCase() === COMPODOC_CURRENT_PAGE_URL.toLowerCase() &&
-                    link.innerHTML.indexOf('Getting started') == -1 &&
-                    !dontAddClass &&
-                    linkHref.toLowerCase().indexOf(localContextInUrl.toLowerCase()) !== -1
-                ) {
-                    link.classList.add('active');
-                }
-                processLink(link, linkHref);
-            }
-        }
-    };
-    var chapterLinks = document.querySelectorAll('[data-type="chapter-link"]');
-    processMenuLinks(chapterLinks);
-    var entityLinks = document.querySelectorAll('[data-type="entity-link"]');
-    processMenuLinks(entityLinks);
-    var indexLinks = document.querySelectorAll('[data-type="index-link"]');
-    processMenuLinks(indexLinks, true);
-    var entityLogos = document.querySelectorAll('[data-type="compodoc-logo"]');
-    var processLogos = function (entityLogo) {
-        for (var i = 0; i < entityLogos.length; i++) {
-            var entityLogo = entityLogos[i];
-            if (entityLogo) {
-                var url = entityLogo.getAttribute('data-src');
-                // Dark mode + logo
-                let isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
-                if (isDarkMode) {
-                    url = 'images/compodoc-vectorise-inverted.png';
-                }
-                if (url.charAt(0) !== '.') {
-                    var prefix = '';
-                    switch (COMPODOC_CURRENT_PAGE_DEPTH) {
-                        case 5:
-                            prefix = '../../../../../';
-                            break;
-                        case 4:
-                            prefix = '../../../../';
-                            break;
-                        case 3:
-                            prefix = '../../../';
-                            break;
-                        case 2:
-                            prefix = '../../';
-                            break;
-                        case 1:
-                            prefix = '../';
-                            break;
-                        case 0:
-                            prefix = './';
-                            break;
-                    }
-                    entityLogo.src = prefix + url;
-                }
-            }
-        }
-    };
-    processLogos(entityLogos);
-
-    setTimeout(function () {
-        document.getElementById('btn-menu').addEventListener('click', function () {
-            if (menuCollapsed) {
-                mobileMenu.style.display = 'none';
-            } else {
-                mobileMenu.style.display = 'block';
-                document.getElementsByTagName('body')[0].style['overflow-y'] = 'hidden';
-            }
-            menuCollapsed = !menuCollapsed;
-        });
-
-        /**
-         * Native bootstrap doesn't wait DOMContentLoaded event to start his job, re do it here
-         */
-        var Collapses = document.querySelectorAll('[data-toggle="collapse"]');
-        for (var o = 0, cll = Collapses.length; o < cll; o++) {
-            var collapse = Collapses[o],
-                options = {};
-            options.duration = collapse.getAttribute('data-duration');
-            var c = new Collapse(collapse, options);
-        }
-
-        // collapse menu
-        var classnameMenuToggler = document.getElementsByClassName('menu-toggler'),
-            faAngleUpClass = 'ion-ios-arrow-up',
-            faAngleDownClass = 'ion-ios-arrow-down',
-            toggleItemMenu = function (e) {
-                var element = $(e.target),
-                    parent = element[0].parentNode,
-                    parentLink,
-                    elementIconChild;
-                if (parent) {
-                    if (!$(parent).hasClass('linked')) {
-                        e.preventDefault();
-                    } else {
-                        parentLink = parent.parentNode;
-                        if (parentLink && element.hasClass('link-name')) {
-                            $(parentLink).trigger('click');
-                        }
-                    }
-                    elementIconChild = parent.getElementsByClassName(faAngleUpClass)[0];
-                    if (!elementIconChild) {
-                        elementIconChild = parent.getElementsByClassName(faAngleDownClass)[0];
-                    }
-                    if (elementIconChild) {
-                        elementIconChild = $(elementIconChild);
-                        if (elementIconChild.hasClass(faAngleUpClass)) {
-                            elementIconChild.addClass(faAngleDownClass);
-                            elementIconChild.removeClass(faAngleUpClass);
-                        } else {
-                            elementIconChild.addClass(faAngleUpClass);
-                            elementIconChild.removeClass(faAngleDownClass);
-                        }
-                    }
-                }
-            };
-
-        for (var i = 0; i < classnameMenuToggler.length; i++) {
-            classnameMenuToggler[i].addEventListener('click', toggleItemMenu, false);
-        }
-
-        // Scroll to active link
-        var menus = document.querySelectorAll('.menu'),
-            i = 0,
-            len = menus.length,
-            activeMenu,
-            activeMenuClass,
-            activeLink;
-
-        for (i; i < len; i++) {
-            if (getComputedStyle(menus[i]).display != 'none') {
-                activeMenu = menus[i];
-                activeMenuClass = activeMenu.getAttribute('class').split(' ')[0];
-            }
-        }
-
-        if (activeMenu) {
-            activeLink = document.querySelector('.' + activeMenuClass + ' .active');
-            if (activeLink) {
-                var linkType = activeLink.getAttribute('data-type');
-                var linkContext = activeLink.getAttribute('data-context');
-                if (linkType === 'entity-link') {
-                    var parentLi = activeLink.parentNode,
-                        parentUl,
-                        parentChapterMenu;
-                    if (parentLi) {
-                        parentUl = parentLi.parentNode;
-                        if (parentUl) {
-                            parentChapterMenu = parentUl.parentNode;
-                            if (parentChapterMenu) {
-                                var toggler = parentChapterMenu.querySelector('.menu-toggler'),
-                                    elementIconChild =
-                                        toggler.getElementsByClassName(faAngleUpClass)[0];
-                                if (toggler && !elementIconChild) {
-                                    toggler.click();
-                                }
-                            }
-                        }
-                    }
-                    if (linkContext && linkContext === 'sub-entity') {
-                        // Toggle also the master parent menu
-                        var linkContextId = activeLink.getAttribute('data-context-id');
-                        var toggler = activeMenu.querySelector(
-                            '.chapter.' + linkContextId + ' a .menu-toggler'
-                        );
-                        if (toggler) {
-                            toggler.click();
-                        }
-                        if (linkContextId === 'additional') {
-                            var mainToggler = activeMenu.querySelector(
-                                '.chapter.' + linkContextId + ' div.menu-toggler'
-                            );
-                            if (mainToggler) {
-                                mainToggler.click();
-                            }
-                        }
-                    }
-                } else if (linkType === 'chapter-link') {
-                    var linkContextId = activeLink.getAttribute('data-context-id');
-                    var toggler = activeLink.querySelector('.menu-toggler');
-                    if (toggler) {
-                        toggler.click();
-                    }
-                    if (linkContextId === 'additional') {
-                        var mainToggler = activeMenu.querySelector(
-                            '.chapter.' + linkContextId + ' div.menu-toggler'
-                        );
-                        if (mainToggler) {
-                            mainToggler.click();
-                        }
-                    }
-                }
-                setTimeout(function () {
-                    activeMenu.scrollTop = activeLink.offsetTop;
-                    if (
-                        activeLink.innerHTML.toLowerCase().indexOf('readme') != -1 ||
-                        activeLink.innerHTML.toLowerCase().indexOf('overview') != -1
-                    ) {
-                        activeMenu.scrollTop = 0;
-                    }
-                }, 300);
-            }
-        }
-        // Dark mode toggle button
-        var useDark = window.matchMedia('(prefers-color-scheme: dark)');
-        var darkModeState = useDark.matches;
-        var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
-        var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
-        var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
-
-        function checkToggle(check) {
-            for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
-                $darkModeToggleSwitchers[i].checked = check;
-            }
-        }
-
-        function toggleDarkMode(state) {
-            if (window.localStorage) {
-                localStorage.setItem('compodoc_darkmode-state', state);
-            }
-
-            checkToggle(state);
-
-            const hasClass = document.body.classList.contains('dark');
-
-            if (state) {
-                for (var i = 0; i < $darkModeToggles.length; i++) {
-                    $darkModeToggles[i].classList.add('dark');
-                }
-                if (!hasClass) {
-                    document.body.classList.add('dark');
-                }
-            } else {
-                for (var i = 0; i < $darkModeToggles.length; i++) {
-                    $darkModeToggles[i].classList.remove('dark');
-                }
-                if (hasClass) {
-                    document.body.classList.remove('dark');
-                }
-            }
-        }
-
-        useDark.addEventListener('change', function (evt) {
-            toggleDarkMode(evt.matches);
-        });
-        if (darkModeStateLocal) {
-            darkModeState = darkModeStateLocal === 'true';
-        }
-        toggleDarkMode(darkModeState);
-
-        if ($darkModeToggles.length > 0) {
-            for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
-                $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
-                    darkModeState = !darkModeState;
-                    toggleDarkMode(darkModeState);
-                });
-            }
-        }
-    }, 0);
-});
diff --git a/documentation/js/routes.js b/documentation/js/routes.js
deleted file mode 100644
index bfd875cc..00000000
--- a/documentation/js/routes.js
+++ /dev/null
@@ -1,280 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-
-    function htmlEntities(str) {
-        return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-    }
-
-    function foundLazyModuleWithPath(path) {
-        //path is like app/customers/customers.module#CustomersModule
-        var split = path.split('#'),
-            lazyModulePath = split[0],
-            lazyModuleName = split[1];
-        return lazyModuleName;
-    }
-
-    function getBB(selection) {
-        selection.each(function(d){d.bbox = this.getBBox();})
-    }
-
-    var test_cases,
-        test_case,
-        test_case_num,
-        engine;
-
-    var tree = ROUTES_INDEX;
-
-    function cleanStringChildren(obj) {
-        for (var property in obj) {
-            if (obj.hasOwnProperty(property)) {
-                if (property === 'children' && typeof obj[property] === 'object') {
-                    for (var i = obj[property].length - 1; i >= 0 ; i--) {
-                        if (typeof obj[property][i] === 'string') {
-                            obj[property].splice(i, 1);
-                        }
-                    }
-                }
-                if (typeof obj[property] === 'object') {
-                    cleanStringChildren(obj[property]);
-                }
-            }
-        }
-    }
-    cleanStringChildren(tree);
-
-    engine = d3.layout.tree().setNodeSizes(true);
-
-    engine.spacing(function(a, b) {
-      return a.parent == b.parent ?
-        0 : engine.rootXSize();
-    })
-
-    engine.nodeSize(function(d) {
-        return [document.getElementById(d.id).getBBox()["height"] + 70, document.getElementById(d.id).getBBox()["width"] + 30];
-    });
-
-    var nodes = d3.layout.hierarchy()(tree),
-
-        svg = d3.select("#body-routes").append('svg'),
-        svg_g = svg.append("g"),
-        svg_p = svg.append("g"),
-        last_id = 0,
-
-        node = svg_g.selectAll(".node")
-            .data(nodes, function(d) {
-                return d.id || (d.id = ++last_id);
-            })
-            .enter().append("g")
-            .attr("class", "node");
-
-        svg
-           .attr('id', 'main')
-
-        svg_g
-            .attr("transform", "translate(20,0)")
-            .attr('id', 'main-group')
-
-        svg_p
-            .attr("transform", "translate(20,0)")
-            .attr('id', 'paths')
-
-        var infos_group = node.append("g")
-            .attr({
-                "id": function(d) {
-                    return d.id;
-                },
-                dx: 0,
-                dy: 0,
-            })
-
-        //Node icon
-        infos_group.append("text")
-            .attr('font-family', 'Ionicons')
-            .attr("y", 5)
-            .attr("x", 0)
-            .attr('class', function(d) {
-                return d.children || d._children
-                    ? "icon has-children"
-                    : "icon";
-            })
-            .attr('font-size', function(d) {
-                return '15px'
-            }).text(function(d) {
-                return '\uf183'
-            });
-
-        //node infos
-        infos_group.append("svg:text")
-            .attr("x", function(d) {
-                return 0;
-            })
-            .attr("y", function(d) {
-                return 10;
-            })
-            .attr("dy", ".35em")
-            .attr('class', 'text')
-            .attr("text-anchor", function(d) {
-                return "start";
-            }).html(function(d) {
-                // if kind === module name + module
-                // if kind === component component + path
-                var _name = '';
-                if (d.kind === 'module') {
-                    if (d.module) {
-                        _name += '<tspan x="0" dy="1.4em"><a href="./modules/' + d.module + '.html">' + d.module + '</a></tspan>';
-                        if (d.name) {
-                            _name += '<tspan x="0" dy="1.4em">' + d.name + '</tspan>';
-                        }
-                    } else {
-                        _name += '<tspan x="0" dy="1.4em">' + htmlEntities(d.name) + '</tspan>';
-                    }
-                } else if (d.kind === 'component') {
-                    _name += '<tspan x="0" dy="1.4em">' + d.path + '</tspan>'
-                    _name += '<tspan x="0" dy="1.4em"><a href="./components/' + d.component + '.html">' + d.component + '</a></tspan>'
-                    if (d.outlet) {
-                        _name += '<tspan x="0" dy="1.4em">&lt;outlet&gt; : ' + d.outlet + '</tspan>'
-                    }
-                } else {
-                    _name += '<tspan x="0" dy="1.4em">/' + d.path + '</tspan>'
-                    if (d.component) {
-                        _name += '<tspan x="0" dy="1.4em"><a href="./components/' + d.component + '.html">' + d.component + '</a></tspan>'
-                    }
-                    if (d.loadChildren) {
-                        var moduleName = foundLazyModuleWithPath(d.loadChildren);
-                        _name += '<tspan x="0" dy="1.4em"><a href="./modules/' + moduleName + '.html">' + moduleName + '</a></tspan>'
-                    }
-                    if (d.canActivate) {
-                        _name += '<tspan x="0" dy="1.4em">&#10003; canActivate</tspan>'
-                    }
-                    if (d.canDeactivate) {
-                        _name += '<tspan x="0" dy="1.4em">&#215;&nbsp;&nbsp;canDeactivate</tspan>'
-                    }
-                    if (d.canActivateChild) {
-                        _name += '<tspan x="0" dy="1.4em">&#10003; canActivateChild</tspan>'
-                    }
-                    if (d.canLoad) {
-                        _name += '<tspan x="0" dy="1.4em">&#8594; canLoad</tspan>'
-                    }
-                    if (d.redirectTo) {
-                        _name += '<tspan x="0" dy="1.4em">&rarr; ' + d.redirectTo + '</tspan>'
-                    }
-                    if (d.pathMatch) {
-                        _name += '<tspan x="0" dy="1.4em">&gt; ' + d.pathMatch + '</tspan>'
-                    }
-                    if (d.outlet) {
-                        _name += '<tspan x="0" dy="1.4em">&lt;outlet&gt; : ' + d.outlet + '</tspan>'
-                    }
-                }
-                return _name;
-            })
-            .call(getBB);
-
-        //
-        // Node lazy loaded ?
-        //
-        infos_group.append('svg:text')
-            .attr("y", function(d) {
-                return 45;
-            })
-            .attr("x", function(d) {
-                return -18;
-            })
-            .attr('font-family', 'Ionicons')
-            .attr('class', function(d) {
-                return "icon";
-            })
-            .attr('font-size', function(d) {
-                return '15px'
-            }).text(function(d) {
-                var _text = '';
-                if (d.loadChildren) {
-                    _text = '\uf4c1';
-                }
-                if (d.guarded) {
-                    _text = '\uf1b0';
-                }
-                return _text;
-            });
-
-        //Node text background
-        infos_group.insert("rect","text")
-        .attr("width", function(d){
-            return d.bbox.width;
-        })
-        .attr("height", function(d){
-            return d.bbox.height;
-        })
-        .attr("y", function(d) {
-            return 15;
-        })
-        .style("fill", "white")
-        .style("fill-opacity", 0.75);
-
-    nodes = engine.nodes(tree);
-
-    function node_extents(n) {
-        return [n.x - n.x_size / 2, n.y,
-            n.x + n.x_size / 2, n.y + n.y_size
-        ];
-    }
-    var root_extents = node_extents(nodes[0]);
-    var xmin = root_extents[0],
-        ymin = root_extents[1],
-        xmax = root_extents[2],
-        ymax = root_extents[3],
-        area_sum = (xmax - xmin) * (ymax - ymin),
-        x_size_min = nodes[0].x_size,
-        y_size_min = nodes[0].y_size;
-
-    nodes.slice(1).forEach(function(n) {
-        var ne = node_extents(n);
-        xmin = Math.min(xmin, ne[0]);
-        ymin = Math.min(ymin, ne[1]);
-        xmax = Math.max(xmax, ne[2]);
-        ymax = Math.max(ymax, ne[3]);
-        area_sum += (ne[2] - ne[0]) * (ne[3] - ne[1]);
-        x_size_min = Math.min(x_size_min, n.x_size);
-        y_size_min = Math.min(y_size_min, n.y_size);
-    });
-
-    var area_ave = area_sum / nodes.length;
-    var scale = 80 / Math.sqrt(area_ave);
-
-    function svg_x(node_y) {
-        return (node_y - ymin);
-    }
-
-    function svg_y(node_x) {
-        return (node_x - xmin) * scale;
-    }
-
-
-    var nodebox_right_margin = Math.min(x_size_min * scale, 10);
-    var nodebox_vertical_margin = Math.min(y_size_min * scale, 3);
-
-    node.attr("transform", function(d) {
-            return "translate(" + svg_x(d.y) + "," + svg_y(d.x) + ")";
-        })
-
-    var diagonal = d3.svg.diagonal()
-        .projection(function(d) {
-            return [svg_x(d.y), svg_y(d.x)];
-        });
-
-    var links = engine.links(nodes);
-    var links = svg_p.selectAll(".link")
-        .data(links)
-        .enter().append("path")
-        .attr("class", "link")
-        .attr("d", diagonal);
-
-    var _svg = document.getElementById('main'),
-        main_g = _svg.childNodes[0]
-
-    _svg.removeChild(main_g);
-    _svg.appendChild(main_g);
-
-    svg.attr({
-        width: document.getElementById('main-group').getBBox()['width'] + 30,
-        height: document.getElementById('main-group').getBBox()['height'] + 50,
-    });
-});
diff --git a/documentation/js/search/lunr.min.js b/documentation/js/search/lunr.min.js
deleted file mode 100644
index cdc94cd3..00000000
--- a/documentation/js/search/lunr.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.3.9
- * Copyright (C) 2020 Oliver Nightingale
- * @license MIT
- */
-!function(){var e=function(t){var r=new e.Builder;return r.pipeline.add(e.trimmer,e.stopWordFilter,e.stemmer),r.searchPipeline.add(e.stemmer),t.call(r,r),r.build()};e.version="2.3.9",e.utils={},e.utils.warn=function(e){return function(t){e.console&&console.warn&&console.warn(t)}}(this),e.utils.asString=function(e){return void 0===e||null===e?"":e.toString()},e.utils.clone=function(e){if(null===e||void 0===e)return e;for(var t=Object.create(null),r=Object.keys(e),i=0;i<r.length;i++){var n=r[i],s=e[n];if(Array.isArray(s))t[n]=s.slice();else{if("string"!=typeof s&&"number"!=typeof s&&"boolean"!=typeof s)throw new TypeError("clone is not deep and does not support nested objects");t[n]=s}}return t},e.FieldRef=function(e,t,r){this.docRef=e,this.fieldName=t,this._stringValue=r},e.FieldRef.joiner="/",e.FieldRef.fromString=function(t){var r=t.indexOf(e.FieldRef.joiner);if(r===-1)throw"malformed field ref string";var i=t.slice(0,r),n=t.slice(r+1);return new e.FieldRef(n,i,t)},e.FieldRef.prototype.toString=function(){return void 0==this._stringValue&&(this._stringValue=this.fieldName+e.FieldRef.joiner+this.docRef),this._stringValue},e.Set=function(e){if(this.elements=Object.create(null),e){this.length=e.length;for(var t=0;t<this.length;t++)this.elements[e[t]]=!0}else this.length=0},e.Set.complete={intersect:function(e){return e},union:function(){return this},contains:function(){return!0}},e.Set.empty={intersect:function(){return this},union:function(e){return e},contains:function(){return!1}},e.Set.prototype.contains=function(e){return!!this.elements[e]},e.Set.prototype.intersect=function(t){var r,i,n,s=[];if(t===e.Set.complete)return this;if(t===e.Set.empty)return t;this.length<t.length?(r=this,i=t):(r=t,i=this),n=Object.keys(r.elements);for(var o=0;o<n.length;o++){var a=n[o];a in i.elements&&s.push(a)}return new e.Set(s)},e.Set.prototype.union=function(t){return t===e.Set.complete?e.Set.complete:t===e.Set.empty?this:new e.Set(Object.keys(this.elements).concat(Object.keys(t.elements)))},e.idf=function(e,t){var r=0;for(var i in e)"_index"!=i&&(r+=Object.keys(e[i]).length);var n=(t-r+.5)/(r+.5);return Math.log(1+Math.abs(n))},e.Token=function(e,t){this.str=e||"",this.metadata=t||{}},e.Token.prototype.toString=function(){return this.str},e.Token.prototype.update=function(e){return this.str=e(this.str,this.metadata),this},e.Token.prototype.clone=function(t){return t=t||function(e){return e},new e.Token(t(this.str,this.metadata),this.metadata)},e.tokenizer=function(t,r){if(null==t||void 0==t)return[];if(Array.isArray(t))return t.map(function(t){return new e.Token(e.utils.asString(t).toLowerCase(),e.utils.clone(r))});for(var i=t.toString().toLowerCase(),n=i.length,s=[],o=0,a=0;o<=n;o++){var u=i.charAt(o),l=o-a;if(u.match(e.tokenizer.separator)||o==n){if(l>0){var c=e.utils.clone(r)||{};c.position=[a,l],c.index=s.length,s.push(new e.Token(i.slice(a,o),c))}a=o+1}}return s},e.tokenizer.separator=/[\s\-]+/,e.Pipeline=function(){this._stack=[]},e.Pipeline.registeredFunctions=Object.create(null),e.Pipeline.registerFunction=function(t,r){r in this.registeredFunctions&&e.utils.warn("Overwriting existing registered function: "+r),t.label=r,e.Pipeline.registeredFunctions[t.label]=t},e.Pipeline.warnIfFunctionNotRegistered=function(t){var r=t.label&&t.label in this.registeredFunctions;r||e.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",t)},e.Pipeline.load=function(t){var r=new e.Pipeline;return t.forEach(function(t){var i=e.Pipeline.registeredFunctions[t];if(!i)throw new Error("Cannot load unregistered function: "+t);r.add(i)}),r},e.Pipeline.prototype.add=function(){var t=Array.prototype.slice.call(arguments);t.forEach(function(t){e.Pipeline.warnIfFunctionNotRegistered(t),this._stack.push(t)},this)},e.Pipeline.prototype.after=function(t,r){e.Pipeline.warnIfFunctionNotRegistered(r);var i=this._stack.indexOf(t);if(i==-1)throw new Error("Cannot find existingFn");i+=1,this._stack.splice(i,0,r)},e.Pipeline.prototype.before=function(t,r){e.Pipeline.warnIfFunctionNotRegistered(r);var i=this._stack.indexOf(t);if(i==-1)throw new Error("Cannot find existingFn");this._stack.splice(i,0,r)},e.Pipeline.prototype.remove=function(e){var t=this._stack.indexOf(e);t!=-1&&this._stack.splice(t,1)},e.Pipeline.prototype.run=function(e){for(var t=this._stack.length,r=0;r<t;r++){for(var i=this._stack[r],n=[],s=0;s<e.length;s++){var o=i(e[s],s,e);if(null!==o&&void 0!==o&&""!==o)if(Array.isArray(o))for(var a=0;a<o.length;a++)n.push(o[a]);else n.push(o)}e=n}return e},e.Pipeline.prototype.runString=function(t,r){var i=new e.Token(t,r);return this.run([i]).map(function(e){return e.toString()})},e.Pipeline.prototype.reset=function(){this._stack=[]},e.Pipeline.prototype.toJSON=function(){return this._stack.map(function(t){return e.Pipeline.warnIfFunctionNotRegistered(t),t.label})},e.Vector=function(e){this._magnitude=0,this.elements=e||[]},e.Vector.prototype.positionForIndex=function(e){if(0==this.elements.length)return 0;for(var t=0,r=this.elements.length/2,i=r-t,n=Math.floor(i/2),s=this.elements[2*n];i>1&&(s<e&&(t=n),s>e&&(r=n),s!=e);)i=r-t,n=t+Math.floor(i/2),s=this.elements[2*n];return s==e?2*n:s>e?2*n:s<e?2*(n+1):void 0},e.Vector.prototype.insert=function(e,t){this.upsert(e,t,function(){throw"duplicate index"})},e.Vector.prototype.upsert=function(e,t,r){this._magnitude=0;var i=this.positionForIndex(e);this.elements[i]==e?this.elements[i+1]=r(this.elements[i+1],t):this.elements.splice(i,0,e,t)},e.Vector.prototype.magnitude=function(){if(this._magnitude)return this._magnitude;for(var e=0,t=this.elements.length,r=1;r<t;r+=2){var i=this.elements[r];e+=i*i}return this._magnitude=Math.sqrt(e)},e.Vector.prototype.dot=function(e){for(var t=0,r=this.elements,i=e.elements,n=r.length,s=i.length,o=0,a=0,u=0,l=0;u<n&&l<s;)o=r[u],a=i[l],o<a?u+=2:o>a?l+=2:o==a&&(t+=r[u+1]*i[l+1],u+=2,l+=2);return t},e.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},e.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),t=1,r=0;t<this.elements.length;t+=2,r++)e[r]=this.elements[t];return e},e.Vector.prototype.toJSON=function(){return this.elements},e.stemmer=function(){var e={ational:"ate",tional:"tion",enci:"ence",anci:"ance",izer:"ize",bli:"ble",alli:"al",entli:"ent",eli:"e",ousli:"ous",ization:"ize",ation:"ate",ator:"ate",alism:"al",iveness:"ive",fulness:"ful",ousness:"ous",aliti:"al",iviti:"ive",biliti:"ble",logi:"log"},t={icate:"ic",ative:"",alize:"al",iciti:"ic",ical:"ic",ful:"",ness:""},r="[^aeiou]",i="[aeiouy]",n=r+"[^aeiouy]*",s=i+"[aeiou]*",o="^("+n+")?"+s+n,a="^("+n+")?"+s+n+"("+s+")?$",u="^("+n+")?"+s+n+s+n,l="^("+n+")?"+i,c=new RegExp(o),h=new RegExp(u),d=new RegExp(a),f=new RegExp(l),p=/^(.+?)(ss|i)es$/,y=/^(.+?)([^s])s$/,m=/^(.+?)eed$/,v=/^(.+?)(ed|ing)$/,g=/.$/,x=/(at|bl|iz)$/,w=new RegExp("([^aeiouylsz])\\1$"),Q=new RegExp("^"+n+i+"[^aeiouwxy]$"),k=/^(.+?[^aeiou])y$/,S=/^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/,E=/^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/,L=/^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/,b=/^(.+?)(s|t)(ion)$/,P=/^(.+?)e$/,T=/ll$/,O=new RegExp("^"+n+i+"[^aeiouwxy]$"),I=function(r){var i,n,s,o,a,u,l;if(r.length<3)return r;if(s=r.substr(0,1),"y"==s&&(r=s.toUpperCase()+r.substr(1)),o=p,a=y,o.test(r)?r=r.replace(o,"$1$2"):a.test(r)&&(r=r.replace(a,"$1$2")),o=m,a=v,o.test(r)){var I=o.exec(r);o=c,o.test(I[1])&&(o=g,r=r.replace(o,""))}else if(a.test(r)){var I=a.exec(r);i=I[1],a=f,a.test(i)&&(r=i,a=x,u=w,l=Q,a.test(r)?r+="e":u.test(r)?(o=g,r=r.replace(o,"")):l.test(r)&&(r+="e"))}if(o=k,o.test(r)){var I=o.exec(r);i=I[1],r=i+"i"}if(o=S,o.test(r)){var I=o.exec(r);i=I[1],n=I[2],o=c,o.test(i)&&(r=i+e[n])}if(o=E,o.test(r)){var I=o.exec(r);i=I[1],n=I[2],o=c,o.test(i)&&(r=i+t[n])}if(o=L,a=b,o.test(r)){var I=o.exec(r);i=I[1],o=h,o.test(i)&&(r=i)}else if(a.test(r)){var I=a.exec(r);i=I[1]+I[2],a=h,a.test(i)&&(r=i)}if(o=P,o.test(r)){var I=o.exec(r);i=I[1],o=h,a=d,u=O,(o.test(i)||a.test(i)&&!u.test(i))&&(r=i)}return o=T,a=h,o.test(r)&&a.test(r)&&(o=g,r=r.replace(o,"")),"y"==s&&(r=s.toLowerCase()+r.substr(1)),r};return function(e){return e.update(I)}}(),e.Pipeline.registerFunction(e.stemmer,"stemmer"),e.generateStopWordFilter=function(e){var t=e.reduce(function(e,t){return e[t]=t,e},{});return function(e){if(e&&t[e.toString()]!==e.toString())return e}},e.stopWordFilter=e.generateStopWordFilter(["a","able","about","across","after","all","almost","also","am","among","an","and","any","are","as","at","be","because","been","but","by","can","cannot","could","dear","did","do","does","either","else","ever","every","for","from","get","got","had","has","have","he","her","hers","him","his","how","however","i","if","in","into","is","it","its","just","least","let","like","likely","may","me","might","most","must","my","neither","no","nor","not","of","off","often","on","only","or","other","our","own","rather","said","say","says","she","should","since","so","some","than","that","the","their","them","then","there","these","they","this","tis","to","too","twas","us","wants","was","we","were","what","when","where","which","while","who","whom","why","will","with","would","yet","you","your"]),e.Pipeline.registerFunction(e.stopWordFilter,"stopWordFilter"),e.trimmer=function(e){return e.update(function(e){return e.replace(/^\W+/,"").replace(/\W+$/,"")})},e.Pipeline.registerFunction(e.trimmer,"trimmer"),e.TokenSet=function(){this["final"]=!1,this.edges={},this.id=e.TokenSet._nextId,e.TokenSet._nextId+=1},e.TokenSet._nextId=1,e.TokenSet.fromArray=function(t){for(var r=new e.TokenSet.Builder,i=0,n=t.length;i<n;i++)r.insert(t[i]);return r.finish(),r.root},e.TokenSet.fromClause=function(t){return"editDistance"in t?e.TokenSet.fromFuzzyString(t.term,t.editDistance):e.TokenSet.fromString(t.term)},e.TokenSet.fromFuzzyString=function(t,r){for(var i=new e.TokenSet,n=[{node:i,editsRemaining:r,str:t}];n.length;){var s=n.pop();if(s.str.length>0){var o,a=s.str.charAt(0);a in s.node.edges?o=s.node.edges[a]:(o=new e.TokenSet,s.node.edges[a]=o),1==s.str.length&&(o["final"]=!0),n.push({node:o,editsRemaining:s.editsRemaining,str:s.str.slice(1)})}if(0!=s.editsRemaining){if("*"in s.node.edges)var u=s.node.edges["*"];else{var u=new e.TokenSet;s.node.edges["*"]=u}if(0==s.str.length&&(u["final"]=!0),n.push({node:u,editsRemaining:s.editsRemaining-1,str:s.str}),s.str.length>1&&n.push({node:s.node,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)}),1==s.str.length&&(s.node["final"]=!0),s.str.length>=1){if("*"in s.node.edges)var l=s.node.edges["*"];else{var l=new e.TokenSet;s.node.edges["*"]=l}1==s.str.length&&(l["final"]=!0),n.push({node:l,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)})}if(s.str.length>1){var c,h=s.str.charAt(0),d=s.str.charAt(1);d in s.node.edges?c=s.node.edges[d]:(c=new e.TokenSet,s.node.edges[d]=c),1==s.str.length&&(c["final"]=!0),n.push({node:c,editsRemaining:s.editsRemaining-1,str:h+s.str.slice(2)})}}}return i},e.TokenSet.fromString=function(t){for(var r=new e.TokenSet,i=r,n=0,s=t.length;n<s;n++){var o=t[n],a=n==s-1;if("*"==o)r.edges[o]=r,r["final"]=a;else{var u=new e.TokenSet;u["final"]=a,r.edges[o]=u,r=u}}return i},e.TokenSet.prototype.toArray=function(){for(var e=[],t=[{prefix:"",node:this}];t.length;){var r=t.pop(),i=Object.keys(r.node.edges),n=i.length;r.node["final"]&&(r.prefix.charAt(0),e.push(r.prefix));for(var s=0;s<n;s++){var o=i[s];t.push({prefix:r.prefix.concat(o),node:r.node.edges[o]})}}return e},e.TokenSet.prototype.toString=function(){if(this._str)return this._str;for(var e=this["final"]?"1":"0",t=Object.keys(this.edges).sort(),r=t.length,i=0;i<r;i++){var n=t[i],s=this.edges[n];e=e+n+s.id}return e},e.TokenSet.prototype.intersect=function(t){for(var r=new e.TokenSet,i=void 0,n=[{qNode:t,output:r,node:this}];n.length;){i=n.pop();for(var s=Object.keys(i.qNode.edges),o=s.length,a=Object.keys(i.node.edges),u=a.length,l=0;l<o;l++)for(var c=s[l],h=0;h<u;h++){var d=a[h];if(d==c||"*"==c){var f=i.node.edges[d],p=i.qNode.edges[c],y=f["final"]&&p["final"],m=void 0;d in i.output.edges?(m=i.output.edges[d],m["final"]=m["final"]||y):(m=new e.TokenSet,m["final"]=y,i.output.edges[d]=m),n.push({qNode:p,output:m,node:f})}}}return r},e.TokenSet.Builder=function(){this.previousWord="",this.root=new e.TokenSet,this.uncheckedNodes=[],this.minimizedNodes={}},e.TokenSet.Builder.prototype.insert=function(t){var r,i=0;if(t<this.previousWord)throw new Error("Out of order word insertion");for(var n=0;n<t.length&&n<this.previousWord.length&&t[n]==this.previousWord[n];n++)i++;this.minimize(i),r=0==this.uncheckedNodes.length?this.root:this.uncheckedNodes[this.uncheckedNodes.length-1].child;for(var n=i;n<t.length;n++){var s=new e.TokenSet,o=t[n];r.edges[o]=s,this.uncheckedNodes.push({parent:r,"char":o,child:s}),r=s}r["final"]=!0,this.previousWord=t},e.TokenSet.Builder.prototype.finish=function(){this.minimize(0)},e.TokenSet.Builder.prototype.minimize=function(e){for(var t=this.uncheckedNodes.length-1;t>=e;t--){var r=this.uncheckedNodes[t],i=r.child.toString();i in this.minimizedNodes?r.parent.edges[r["char"]]=this.minimizedNodes[i]:(r.child._str=i,this.minimizedNodes[i]=r.child),this.uncheckedNodes.pop()}},e.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},e.Index.prototype.search=function(t){return this.query(function(r){var i=new e.QueryParser(t,r);i.parse()})},e.Index.prototype.query=function(t){for(var r=new e.Query(this.fields),i=Object.create(null),n=Object.create(null),s=Object.create(null),o=Object.create(null),a=Object.create(null),u=0;u<this.fields.length;u++)n[this.fields[u]]=new e.Vector;t.call(r,r);for(var u=0;u<r.clauses.length;u++){var l=r.clauses[u],c=null,h=e.Set.empty;c=l.usePipeline?this.pipeline.runString(l.term,{fields:l.fields}):[l.term];for(var d=0;d<c.length;d++){var f=c[d];l.term=f;var p=e.TokenSet.fromClause(l),y=this.tokenSet.intersect(p).toArray();if(0===y.length&&l.presence===e.Query.presence.REQUIRED){for(var m=0;m<l.fields.length;m++){var v=l.fields[m];o[v]=e.Set.empty}break}for(var g=0;g<y.length;g++)for(var x=y[g],w=this.invertedIndex[x],Q=w._index,m=0;m<l.fields.length;m++){var v=l.fields[m],k=w[v],S=Object.keys(k),E=x+"/"+v,L=new e.Set(S);if(l.presence==e.Query.presence.REQUIRED&&(h=h.union(L),void 0===o[v]&&(o[v]=e.Set.complete)),l.presence!=e.Query.presence.PROHIBITED){if(n[v].upsert(Q,l.boost,function(e,t){return e+t}),!s[E]){for(var b=0;b<S.length;b++){var P,T=S[b],O=new e.FieldRef(T,v),I=k[T];void 0===(P=i[O])?i[O]=new e.MatchData(x,v,I):P.add(x,v,I)}s[E]=!0}}else void 0===a[v]&&(a[v]=e.Set.empty),a[v]=a[v].union(L)}}if(l.presence===e.Query.presence.REQUIRED)for(var m=0;m<l.fields.length;m++){var v=l.fields[m];o[v]=o[v].intersect(h)}}for(var R=e.Set.complete,F=e.Set.empty,u=0;u<this.fields.length;u++){var v=this.fields[u];o[v]&&(R=R.intersect(o[v])),a[v]&&(F=F.union(a[v]))}var C=Object.keys(i),N=[],_=Object.create(null);if(r.isNegated()){C=Object.keys(this.fieldVectors);for(var u=0;u<C.length;u++){var O=C[u],j=e.FieldRef.fromString(O);i[O]=new e.MatchData}}for(var u=0;u<C.length;u++){var j=e.FieldRef.fromString(C[u]),D=j.docRef;if(R.contains(D)&&!F.contains(D)){var A,B=this.fieldVectors[j],V=n[j.fieldName].similarity(B);if(void 0!==(A=_[D]))A.score+=V,A.matchData.combine(i[j]);else{var z={ref:D,score:V,matchData:i[j]};_[D]=z,N.push(z)}}}return N.sort(function(e,t){return t.score-e.score})},e.Index.prototype.toJSON=function(){var t=Object.keys(this.invertedIndex).sort().map(function(e){return[e,this.invertedIndex[e]]},this),r=Object.keys(this.fieldVectors).map(function(e){return[e,this.fieldVectors[e].toJSON()]},this);return{version:e.version,fields:this.fields,fieldVectors:r,invertedIndex:t,pipeline:this.pipeline.toJSON()}},e.Index.load=function(t){var r={},i={},n=t.fieldVectors,s=Object.create(null),o=t.invertedIndex,a=new e.TokenSet.Builder,u=e.Pipeline.load(t.pipeline);t.version!=e.version&&e.utils.warn("Version mismatch when loading serialised index. Current version of lunr '"+e.version+"' does not match serialized index '"+t.version+"'");for(var l=0;l<n.length;l++){var c=n[l],h=c[0],d=c[1];i[h]=new e.Vector(d)}for(var l=0;l<o.length;l++){var c=o[l],f=c[0],p=c[1];a.insert(f),s[f]=p}return a.finish(),r.fields=t.fields,r.fieldVectors=i,r.invertedIndex=s,r.tokenSet=a.root,r.pipeline=u,new e.Index(r)},e.Builder=function(){this._ref="id",this._fields=Object.create(null),this._documents=Object.create(null),this.invertedIndex=Object.create(null),this.fieldTermFrequencies={},this.fieldLengths={},this.tokenizer=e.tokenizer,this.pipeline=new e.Pipeline,this.searchPipeline=new e.Pipeline,this.documentCount=0,this._b=.75,this._k1=1.2,this.termIndex=0,this.metadataWhitelist=[]},e.Builder.prototype.ref=function(e){this._ref=e},e.Builder.prototype.field=function(e,t){if(/\//.test(e))throw new RangeError("Field '"+e+"' contains illegal character '/'");this._fields[e]=t||{}},e.Builder.prototype.b=function(e){e<0?this._b=0:e>1?this._b=1:this._b=e},e.Builder.prototype.k1=function(e){this._k1=e},e.Builder.prototype.add=function(t,r){var i=t[this._ref],n=Object.keys(this._fields);this._documents[i]=r||{},this.documentCount+=1;for(var s=0;s<n.length;s++){var o=n[s],a=this._fields[o].extractor,u=a?a(t):t[o],l=this.tokenizer(u,{fields:[o]}),c=this.pipeline.run(l),h=new e.FieldRef(i,o),d=Object.create(null);this.fieldTermFrequencies[h]=d,this.fieldLengths[h]=0,this.fieldLengths[h]+=c.length;for(var f=0;f<c.length;f++){var p=c[f];if(void 0==d[p]&&(d[p]=0),d[p]+=1,void 0==this.invertedIndex[p]){var y=Object.create(null);y._index=this.termIndex,this.termIndex+=1;for(var m=0;m<n.length;m++)y[n[m]]=Object.create(null);this.invertedIndex[p]=y}void 0==this.invertedIndex[p][o][i]&&(this.invertedIndex[p][o][i]=Object.create(null));for(var v=0;v<this.metadataWhitelist.length;v++){var g=this.metadataWhitelist[v],x=p.metadata[g];void 0==this.invertedIndex[p][o][i][g]&&(this.invertedIndex[p][o][i][g]=[]),this.invertedIndex[p][o][i][g].push(x)}}}},e.Builder.prototype.calculateAverageFieldLengths=function(){for(var t=Object.keys(this.fieldLengths),r=t.length,i={},n={},s=0;s<r;s++){var o=e.FieldRef.fromString(t[s]),a=o.fieldName;n[a]||(n[a]=0),n[a]+=1,i[a]||(i[a]=0),i[a]+=this.fieldLengths[o]}for(var u=Object.keys(this._fields),s=0;s<u.length;s++){var l=u[s];i[l]=i[l]/n[l]}this.averageFieldLength=i},e.Builder.prototype.createFieldVectors=function(){for(var t={},r=Object.keys(this.fieldTermFrequencies),i=r.length,n=Object.create(null),s=0;s<i;s++){for(var o=e.FieldRef.fromString(r[s]),a=o.fieldName,u=this.fieldLengths[o],l=new e.Vector,c=this.fieldTermFrequencies[o],h=Object.keys(c),d=h.length,f=this._fields[a].boost||1,p=this._documents[o.docRef].boost||1,y=0;y<d;y++){var m,v,g,x=h[y],w=c[x],Q=this.invertedIndex[x]._index;void 0===n[x]?(m=e.idf(this.invertedIndex[x],this.documentCount),n[x]=m):m=n[x],v=m*((this._k1+1)*w)/(this._k1*(1-this._b+this._b*(u/this.averageFieldLength[a]))+w),v*=f,v*=p,g=Math.round(1e3*v)/1e3,l.insert(Q,g)}t[o]=l}this.fieldVectors=t},e.Builder.prototype.createTokenSet=function(){this.tokenSet=e.TokenSet.fromArray(Object.keys(this.invertedIndex).sort())},e.Builder.prototype.build=function(){return this.calculateAverageFieldLengths(),this.createFieldVectors(),this.createTokenSet(),new e.Index({invertedIndex:this.invertedIndex,fieldVectors:this.fieldVectors,tokenSet:this.tokenSet,fields:Object.keys(this._fields),pipeline:this.searchPipeline})},e.Builder.prototype.use=function(e){var t=Array.prototype.slice.call(arguments,1);t.unshift(this),e.apply(this,t)},e.MatchData=function(e,t,r){for(var i=Object.create(null),n=Object.keys(r||{}),s=0;s<n.length;s++){var o=n[s];i[o]=r[o].slice()}this.metadata=Object.create(null),void 0!==e&&(this.metadata[e]=Object.create(null),this.metadata[e][t]=i)},e.MatchData.prototype.combine=function(e){for(var t=Object.keys(e.metadata),r=0;r<t.length;r++){var i=t[r],n=Object.keys(e.metadata[i]);void 0==this.metadata[i]&&(this.metadata[i]=Object.create(null));for(var s=0;s<n.length;s++){var o=n[s],a=Object.keys(e.metadata[i][o]);void 0==this.metadata[i][o]&&(this.metadata[i][o]=Object.create(null));for(var u=0;u<a.length;u++){var l=a[u];void 0==this.metadata[i][o][l]?this.metadata[i][o][l]=e.metadata[i][o][l]:this.metadata[i][o][l]=this.metadata[i][o][l].concat(e.metadata[i][o][l])}}}},e.MatchData.prototype.add=function(e,t,r){if(!(e in this.metadata))return this.metadata[e]=Object.create(null),void(this.metadata[e][t]=r);if(!(t in this.metadata[e]))return void(this.metadata[e][t]=r);for(var i=Object.keys(r),n=0;n<i.length;n++){var s=i[n];s in this.metadata[e][t]?this.metadata[e][t][s]=this.metadata[e][t][s].concat(r[s]):this.metadata[e][t][s]=r[s]}},e.Query=function(e){this.clauses=[],this.allFields=e},e.Query.wildcard=new String("*"),e.Query.wildcard.NONE=0,e.Query.wildcard.LEADING=1,e.Query.wildcard.TRAILING=2,e.Query.presence={OPTIONAL:1,REQUIRED:2,PROHIBITED:3},e.Query.prototype.clause=function(t){return"fields"in t||(t.fields=this.allFields),"boost"in t||(t.boost=1),"usePipeline"in t||(t.usePipeline=!0),"wildcard"in t||(t.wildcard=e.Query.wildcard.NONE),t.wildcard&e.Query.wildcard.LEADING&&t.term.charAt(0)!=e.Query.wildcard&&(t.term="*"+t.term),t.wildcard&e.Query.wildcard.TRAILING&&t.term.slice(-1)!=e.Query.wildcard&&(t.term=""+t.term+"*"),"presence"in t||(t.presence=e.Query.presence.OPTIONAL),this.clauses.push(t),this},e.Query.prototype.isNegated=function(){for(var t=0;t<this.clauses.length;t++)if(this.clauses[t].presence!=e.Query.presence.PROHIBITED)return!1;return!0},e.Query.prototype.term=function(t,r){if(Array.isArray(t))return t.forEach(function(t){this.term(t,e.utils.clone(r))},this),this;var i=r||{};return i.term=t.toString(),this.clause(i),this},e.QueryParseError=function(e,t,r){this.name="QueryParseError",this.message=e,this.start=t,this.end=r},e.QueryParseError.prototype=new Error,e.QueryLexer=function(e){this.lexemes=[],this.str=e,this.length=e.length,this.pos=0,this.start=0,this.escapeCharPositions=[]},e.QueryLexer.prototype.run=function(){for(var t=e.QueryLexer.lexText;t;)t=t(this)},e.QueryLexer.prototype.sliceString=function(){for(var e=[],t=this.start,r=this.pos,i=0;i<this.escapeCharPositions.length;i++)r=this.escapeCharPositions[i],e.push(this.str.slice(t,r)),t=r+1;return e.push(this.str.slice(t,this.pos)),this.escapeCharPositions.length=0,e.join("")},e.QueryLexer.prototype.emit=function(e){this.lexemes.push({type:e,str:this.sliceString(),start:this.start,end:this.pos}),this.start=this.pos},e.QueryLexer.prototype.escapeCharacter=function(){this.escapeCharPositions.push(this.pos-1),this.pos+=1},e.QueryLexer.prototype.next=function(){if(this.pos>=this.length)return e.QueryLexer.EOS;var t=this.str.charAt(this.pos);return this.pos+=1,t},e.QueryLexer.prototype.width=function(){return this.pos-this.start},e.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},e.QueryLexer.prototype.backup=function(){this.pos-=1},e.QueryLexer.prototype.acceptDigitRun=function(){var t,r;do t=this.next(),r=t.charCodeAt(0);while(r>47&&r<58);t!=e.QueryLexer.EOS&&this.backup()},e.QueryLexer.prototype.more=function(){return this.pos<this.length},e.QueryLexer.EOS="EOS",e.QueryLexer.FIELD="FIELD",e.QueryLexer.TERM="TERM",e.QueryLexer.EDIT_DISTANCE="EDIT_DISTANCE",e.QueryLexer.BOOST="BOOST",e.QueryLexer.PRESENCE="PRESENCE",e.QueryLexer.lexField=function(t){return t.backup(),t.emit(e.QueryLexer.FIELD),t.ignore(),e.QueryLexer.lexText},e.QueryLexer.lexTerm=function(t){if(t.width()>1&&(t.backup(),t.emit(e.QueryLexer.TERM)),t.ignore(),t.more())return e.QueryLexer.lexText},e.QueryLexer.lexEditDistance=function(t){return t.ignore(),t.acceptDigitRun(),t.emit(e.QueryLexer.EDIT_DISTANCE),e.QueryLexer.lexText},e.QueryLexer.lexBoost=function(t){return t.ignore(),t.acceptDigitRun(),t.emit(e.QueryLexer.BOOST),e.QueryLexer.lexText},e.QueryLexer.lexEOS=function(t){t.width()>0&&t.emit(e.QueryLexer.TERM)},e.QueryLexer.termSeparator=e.tokenizer.separator,e.QueryLexer.lexText=function(t){for(;;){var r=t.next();if(r==e.QueryLexer.EOS)return e.QueryLexer.lexEOS;if(92!=r.charCodeAt(0)){if(":"==r)return e.QueryLexer.lexField;if("~"==r)return t.backup(),t.width()>0&&t.emit(e.QueryLexer.TERM),e.QueryLexer.lexEditDistance;if("^"==r)return t.backup(),t.width()>0&&t.emit(e.QueryLexer.TERM),e.QueryLexer.lexBoost;if("+"==r&&1===t.width())return t.emit(e.QueryLexer.PRESENCE),e.QueryLexer.lexText;if("-"==r&&1===t.width())return t.emit(e.QueryLexer.PRESENCE),e.QueryLexer.lexText;if(r.match(e.QueryLexer.termSeparator))return e.QueryLexer.lexTerm}else t.escapeCharacter()}},e.QueryParser=function(t,r){this.lexer=new e.QueryLexer(t),this.query=r,this.currentClause={},this.lexemeIdx=0},e.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var t=e.QueryParser.parseClause;t;)t=t(this);return this.query},e.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},e.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},e.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},e.QueryParser.parseClause=function(t){var r=t.peekLexeme();if(void 0!=r)switch(r.type){case e.QueryLexer.PRESENCE:return e.QueryParser.parsePresence;case e.QueryLexer.FIELD:return e.QueryParser.parseField;case e.QueryLexer.TERM:return e.QueryParser.parseTerm;default:var i="expected either a field or a term, found "+r.type;throw r.str.length>=1&&(i+=" with value '"+r.str+"'"),new e.QueryParseError(i,r.start,r.end)}},e.QueryParser.parsePresence=function(t){var r=t.consumeLexeme();if(void 0!=r){switch(r.str){case"-":t.currentClause.presence=e.Query.presence.PROHIBITED;break;case"+":t.currentClause.presence=e.Query.presence.REQUIRED;break;default:var i="unrecognised presence operator'"+r.str+"'";throw new e.QueryParseError(i,r.start,r.end)}var n=t.peekLexeme();if(void 0==n){var i="expecting term or field, found nothing";throw new e.QueryParseError(i,r.start,r.end)}switch(n.type){case e.QueryLexer.FIELD:return e.QueryParser.parseField;case e.QueryLexer.TERM:return e.QueryParser.parseTerm;default:var i="expecting term or field, found '"+n.type+"'";throw new e.QueryParseError(i,n.start,n.end)}}},e.QueryParser.parseField=function(t){var r=t.consumeLexeme();if(void 0!=r){if(t.query.allFields.indexOf(r.str)==-1){var i=t.query.allFields.map(function(e){return"'"+e+"'"}).join(", "),n="unrecognised field '"+r.str+"', possible fields: "+i;throw new e.QueryParseError(n,r.start,r.end)}t.currentClause.fields=[r.str];var s=t.peekLexeme();if(void 0==s){var n="expecting term, found nothing";throw new e.QueryParseError(n,r.start,r.end)}switch(s.type){case e.QueryLexer.TERM:return e.QueryParser.parseTerm;default:var n="expecting term, found '"+s.type+"'";throw new e.QueryParseError(n,s.start,s.end)}}},e.QueryParser.parseTerm=function(t){var r=t.consumeLexeme();if(void 0!=r){t.currentClause.term=r.str.toLowerCase(),r.str.indexOf("*")!=-1&&(t.currentClause.usePipeline=!1);var i=t.peekLexeme();if(void 0==i)return void t.nextClause();switch(i.type){case e.QueryLexer.TERM:return t.nextClause(),e.QueryParser.parseTerm;case e.QueryLexer.FIELD:return t.nextClause(),e.QueryParser.parseField;case e.QueryLexer.EDIT_DISTANCE:return e.QueryParser.parseEditDistance;case e.QueryLexer.BOOST:return e.QueryParser.parseBoost;case e.QueryLexer.PRESENCE:return t.nextClause(),e.QueryParser.parsePresence;default:var n="Unexpected lexeme type '"+i.type+"'";throw new e.QueryParseError(n,i.start,i.end)}}},e.QueryParser.parseEditDistance=function(t){var r=t.consumeLexeme();if(void 0!=r){var i=parseInt(r.str,10);if(isNaN(i)){var n="edit distance must be numeric";throw new e.QueryParseError(n,r.start,r.end)}t.currentClause.editDistance=i;var s=t.peekLexeme();if(void 0==s)return void t.nextClause();switch(s.type){case e.QueryLexer.TERM:return t.nextClause(),e.QueryParser.parseTerm;case e.QueryLexer.FIELD:return t.nextClause(),e.QueryParser.parseField;case e.QueryLexer.EDIT_DISTANCE:return e.QueryParser.parseEditDistance;case e.QueryLexer.BOOST:return e.QueryParser.parseBoost;case e.QueryLexer.PRESENCE:return t.nextClause(),e.QueryParser.parsePresence;default:var n="Unexpected lexeme type '"+s.type+"'";throw new e.QueryParseError(n,s.start,s.end)}}},e.QueryParser.parseBoost=function(t){var r=t.consumeLexeme();if(void 0!=r){var i=parseInt(r.str,10);if(isNaN(i)){var n="boost must be numeric";throw new e.QueryParseError(n,r.start,r.end)}t.currentClause.boost=i;var s=t.peekLexeme();if(void 0==s)return void t.nextClause();switch(s.type){case e.QueryLexer.TERM:return t.nextClause(),e.QueryParser.parseTerm;case e.QueryLexer.FIELD:return t.nextClause(),e.QueryParser.parseField;case e.QueryLexer.EDIT_DISTANCE:return e.QueryParser.parseEditDistance;case e.QueryLexer.BOOST:return e.QueryParser.parseBoost;case e.QueryLexer.PRESENCE:return t.nextClause(),e.QueryParser.parsePresence;default:var n="Unexpected lexeme type '"+s.type+"'";throw new e.QueryParseError(n,s.start,s.end)}}},function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t():e.lunr=t()}(this,function(){return e})}();
diff --git a/documentation/js/search/search-lunr.js b/documentation/js/search/search-lunr.js
deleted file mode 100644
index 35e7dde1..00000000
--- a/documentation/js/search/search-lunr.js
+++ /dev/null
@@ -1,67 +0,0 @@
-(function(compodoc) {
-
-    function LunrSearchEngine() {
-        this.index = undefined;
-        this.store = {};
-        this.name = 'LunrSearchEngine';
-    }
-
-    LunrSearchEngine.prototype.init = function() {
-        var that = this,
-            d = new promise.Promise();
-
-        that.index = lunr.Index.load(COMPODOC_SEARCH_INDEX.index);
-        that.store = COMPODOC_SEARCH_INDEX.store;
-        d.done();
-
-        return d;
-    };
-
-    LunrSearchEngine.prototype.search = function(q, offset, length) {
-        var that = this,
-            results = [],
-            d = new promise.Promise();
-
-        if (this.index) {
-            results = $.map(this.index.search('*' + q + '*'), function(result) {
-                var doc = that.store[result.ref];
-
-                return {
-                    title: doc.title,
-                    url: doc.url,
-                    body: doc.summary || doc.body
-                };
-            });
-        }
-
-        d.done({
-            query: q,
-            results: length === 0 ? results : results.slice(0, length),
-            count: results.length
-        });
-
-        return d;
-    };
-
-    compodoc.addEventListener(compodoc.EVENTS.READY, function(event) {
-        var engine = new LunrSearchEngine(),
-            initialized = false;
-
-        function query(q, offset, length) {
-            if (!initialized) throw new Error('Search has not been initialized');
-            return engine.search(q, offset, length);
-        }
-
-        compodoc.search = {
-            query: query
-        };
-
-        engine.init()
-        .then(function() {
-            initialized = true;
-            compodoc.dispatchEvent({
-                type: compodoc.EVENTS.SEARCH_READY
-            });
-        });
-    });
-})(compodoc);
diff --git a/documentation/js/search/search.js b/documentation/js/search/search.js
deleted file mode 100644
index 6451d3d7..00000000
--- a/documentation/js/search/search.js
+++ /dev/null
@@ -1,268 +0,0 @@
-(function(compodoc) {
-    var usePushState = (typeof history.pushState !== 'undefined'),
-
-    // DOM Elements
-        $body = $('body'),
-        $searchResults,
-        $searchInput,
-        $searchList,
-        $searchTitle,
-        $searchResultsCount,
-        $searchQuery,
-        $mainContainer,
-        $xsMenu;
-
-    // Throttle search
-    function throttle(fn, wait) {
-        var timeout;
-
-        return function() {
-            var ctx = this, args = arguments;
-            if (!timeout) {
-                timeout = setTimeout(function() {
-                    timeout = undefined;
-                    fn.apply(ctx, args);
-                }, wait);
-            }
-        };
-    }
-
-    function displayResults(res) {
-        var noResults = res.count == 0;
-        var groups = {};
-        $searchResults.toggleClass('no-results', noResults);
-
-        // Clear old results
-        $searchList.empty();
-
-        // Display title for research
-        $searchResultsCount.text(res.count);
-        $searchQuery.text(res.query);
-
-        // Group result by context
-        res.results.forEach(function(res) {
-            var context = res.title.split(' - ')[0];
-            if (typeof groups[context] === 'undefined') {
-                groups[context] = {
-                    results: [res]
-                }
-            } else {
-                groups[context].results.push(res)
-            }
-        });
-
-        var sortedGroups = Object.keys(groups).sort();
-
-        for (var i = 0; i < sortedGroups.length; i++) {
-            var property = sortedGroups[i];
-            
-            var $li = $('<li>', {
-                'class': 'search-results-group'
-            });
-            var finalPropertyLabel = '';
-            var propertyLabels = property.split('-');
-            
-            if (propertyLabels.length === 2 && propertyLabels[0] !== 'miscellaneous' && propertyLabels[0] !== 'additional') {
-                finalPropertyLabel = propertyLabels[0].charAt(0).toUpperCase() + propertyLabels[0].substring(1) + ' - ' + propertyLabels[1].charAt(0).toUpperCase() + propertyLabels[1].substring(1) + ' (' + groups[property].results.length + ')';
-            } else if (propertyLabels[0] === 'additional') {
-                finalPropertyLabel = 'Additional pages' + ' (' + groups[property].results.length + ')'
-            } else {
-                finalPropertyLabel = propertyLabels[0].charAt(0).toUpperCase() + propertyLabels[0].substring(1) + ' (' + groups[property].results.length + ')'
-            }
-            var $groupTitle = $('<h3>', {
-                'text': finalPropertyLabel
-            });
-            $groupTitle.appendTo($li);
-
-            var $ulResults = $('<ul>', {
-                'class': 'search-results-list'
-            })
-
-            groups[property].results.forEach(function(res) {
-                var link = '';
-                var $liResult = $('<li>', {
-                    'class': 'search-results-item'
-                });
-                switch (COMPODOC_CURRENT_PAGE_DEPTH) {
-                    case 0:
-                        link = './';
-                        break;
-                    case 1:
-                    case 2:
-                    case 3:
-                    case 4:
-                    case 5:
-                        link = '../'.repeat(COMPODOC_CURRENT_PAGE_DEPTH);
-                        break;
-                };
-                var finalResLabel = res.title.split(' - ')[1].charAt(0).toUpperCase() + res.title.split(' - ')[1].substring(1);
-                var $link = $('<a>', {
-                    'href': link + res.url,
-                    'text': finalResLabel
-                });
-                $link.appendTo($liResult);
-                $liResult.appendTo($ulResults);
-            });
-            $ulResults.appendTo($li);
-
-            $li.appendTo($searchList);
-        }
-    }
-
-    function launchSearch(q) {
-        $body.addClass('with-search');
-
-        if ($xsMenu.css('display') === 'block') {
-            $mainContainer.css('height', 'calc(100% - 100px)');
-            $mainContainer.css('margin-top', '100px');
-        }
-
-        throttle(compodoc.search.query(q, 0, MAX_SEARCH_RESULTS)
-        .then(function(results) {
-            displayResults(results);
-        }), 1000);
-    }
-
-    function closeSearch() {
-        $body.removeClass('with-search');
-        if ($xsMenu.css('display') === 'block') {
-            $mainContainer.css('height', 'calc(100% - 50px)');
-            $mainContainer.css('margin-top', '50px');
-        }
-    }
-
-    function bindMenuButton() {
-        document.getElementById('btn-menu').addEventListener('click', function() {
-            if ($xsMenu.css('display') === 'none') {
-                $body.removeClass('with-search');
-                $mainContainer.css('height', 'calc(100% - 50px)');
-                $mainContainer.css('margin-top', '50px');
-            }
-            $.each($searchInputs, function(index, item){
-                var item = $(item);
-                item.val('');
-            });
-        });
-    }
-
-    function bindSearch() {
-        // Bind DOM
-        $searchInputs        = $('#book-search-input input');
-
-        $searchResults = $('.search-results');
-        $searchList         = $searchResults.find('.search-results-list');
-        $searchTitle        = $searchResults.find('.search-results-title');
-        $searchResultsCount = $searchTitle.find('.search-results-count');
-        $searchQuery        = $searchTitle.find('.search-query');
-        $mainContainer      = $('.container-fluid');
-        $xsMenu             = $('.xs-menu');
-
-        // Launch query based on input content
-        function handleUpdate(item) {
-            var q = item.val();
-
-            if (q.length == 0) {
-                closeSearch();
-                window.location.href = window.location.href.replace(window.location.search, '');
-            } else {
-                launchSearch(q);
-            }
-        }
-
-        // Detect true content change in search input
-        var propertyChangeUnbound = false;
-
-        $.each($searchInputs, function(index, item){
-            var item = $(item);
-            // HTML5 (IE9 & others)
-            item.on('input', function(e) {
-                // Unbind propertychange event for IE9+
-                if (!propertyChangeUnbound) {
-                    $(this).unbind('propertychange');
-                    propertyChangeUnbound = true;
-                }
-
-                handleUpdate($(this));
-            });
-            // Workaround for IE < 9
-            item.on('propertychange', function(e) {
-                if (e.originalEvent.propertyName == 'value') {
-                    handleUpdate($(this));
-                }
-            });
-            // Push to history on blur
-            item.on('blur', function(e) {
-                // Update history state
-                if (usePushState) {
-                    var uri = updateQueryString('q', $(this).val());
-                    if ($(this).val() !== '') {
-                        history.pushState({ path: uri }, null, uri);
-                    }
-                }
-            });
-        });
-    }
-
-    function launchSearchFromQueryString() {
-        var q = getParameterByName('q');
-        if (q && q.length > 0) {
-            // Update search inputs
-            $.each($searchInputs, function(index, item){
-                var item = $(item);
-                item.val(q)
-            });
-            // Launch search
-            launchSearch(q);
-        }
-    }
-
-    compodoc.addEventListener(compodoc.EVENTS.SEARCH_READY, function(event) {
-        bindSearch();
-
-        bindMenuButton();
-
-        launchSearchFromQueryString();
-    });
-
-    function getParameterByName(name) {
-        var url = window.location.href;
-        name = name.replace(/[\[\]]/g, '\\$&');
-        var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)', 'i'),
-            results = regex.exec(url);
-        if (!results) return null;
-        if (!results[2]) return '';
-        return decodeURIComponent(results[2].replace(/\+/g, ' '));
-    }
-
-    function updateQueryString(key, value) {
-        value = encodeURIComponent(value);
-
-        var url = window.location.href;
-        var re = new RegExp('([?&])' + key + '=.*?(&|#|$)(.*)', 'gi'),
-            hash;
-
-        if (re.test(url)) {
-            if (typeof value !== 'undefined' && value !== null)
-                return url.replace(re, '$1' + key + '=' + value + '$2$3');
-            else {
-                hash = url.split('#');
-                url = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, '');
-                if (typeof hash[1] !== 'undefined' && hash[1] !== null)
-                    url += '#' + hash[1];
-                return url;
-            }
-        }
-        else {
-            if (typeof value !== 'undefined' && value !== null) {
-                var separator = url.indexOf('?') !== -1 ? '&' : '?';
-                hash = url.split('#');
-                url = hash[0] + separator + key + '=' + value;
-                if (typeof hash[1] !== 'undefined' && hash[1] !== null)
-                    url += '#' + hash[1];
-                return url;
-            }
-            else
-                return url;
-        }
-    }
-})(compodoc);
diff --git a/documentation/js/search/search_index.js b/documentation/js/search/search_index.js
deleted file mode 100644
index 1b8a4ffd..00000000
--- a/documentation/js/search/search_index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-var COMPODOC_SEARCH_INDEX = {
-    "index": {"version":"2.3.9","fields":["title","body"],"fieldVectors":[["title/classes/ActiveItemObserver.html",[0,0.212,1,2.629]],["body/classes/ActiveItemObserver.html",[0,0.28,1,4.304,2,2.477,3,0.213,4,0.213,5,0.213,6,0.158,7,5.061,8,2.049,9,4.084,10,0.184,11,1.384,12,5.061,13,6.479,14,2.502,15,4.42,16,4.7,17,1.19,18,0.681,19,5.228,20,0.65,21,0.015,22,0.62,23,0.17,24,0.479,25,3.785,26,1.033,27,3.046,28,0.376,29,5.624,30,5.228,31,2.735,32,2.735,33,1.571,34,0.213,35,1.744,36,5.624,37,5.228,38,5.228,39,7.041,40,5.228,41,5.228,42,4.64,43,5.228,44,5.228,45,2.285,46,5.228,47,0.777,48,2.477,49,1.493,50,5.228,51,1.35,52,7.041,53,6.479,54,5.228,55,5.228,56,6.479,57,5.228,58,5.228,59,5.228,60,4.538,61,5.228,62,0.012,63,0.012]],["title/directives/AutoplayDirective.html",[64,0.404,65,1.389]],["body/directives/AutoplayDirective.html",[0,0.242,3,0.183,4,0.183,5,0.183,6,0.193,10,0.128,11,1.258,17,0.953,18,1.018,20,0.56,21,0.015,22,0.534,23,0.235,24,0.413,26,1.429,28,0.543,33,1.353,34,0.183,35,1.358,62,0.011,63,0.011,64,0.601,65,2.068,66,0.999,67,3.91,68,1.704,69,3.436,70,3.436,71,3.266,72,0.89,73,1.211,74,1.355,75,5.892,76,0.452,77,2.689,78,5.129,79,6.567,80,4.989,81,4.989,82,3.644,83,3.464,84,3.464,85,1.704,86,1.899,87,3.624,88,0.759,89,3.91,90,5.7,91,4.07,92,5.892,93,3.915,94,1.973,95,4.504,96,4.504,97,2.097,98,4.504,99,4.504,100,4.504,101,4.504,102,3.624,103,4.504,104,3.436,105,4.504,106,1.899,107,0.586,108,4.504,109,3.442,110,3.442,111,3.66,112,3.518,113,3.518,114,2.992,115,3.91,116,2.798,117,1.84,118,1.646,119,1.52,120,0.925,121,0.699,122,1.787,123,5.892,124,3.91,125,3.226,126,4.504,127,4.504,128,4.504,129,4.22,130,3.518,131,4.504,132,3.518,133,4.504,134,4.504,135,4.504,136,4.504,137,4.504,138,2.798,139,3.518]],["title/interfaces/BezierEasingOptions.html",[140,0.695,141,2.459]],["body/interfaces/BezierEasingOptions.html",[3,0.221,4,0.221,5,0.221,6,0.133,10,0.155,14,1.698,21,0.015,23,0.248,28,0.477,34,0.312,47,1.235,49,1.253,51,1.404,62,0.012,63,0.012,76,0.509,107,0.708,140,1.257,141,4.451,142,1.909,143,3.001,144,3.177,145,3.378,146,4.635,147,4.635,148,4.635,149,4.635,150,4.41,151,5.185,152,5.185,153,3.895,154,3.378,155,3.895,156,2.845,157,4.41,158,3.663,159,3.663,160,3.378,161,3.895,162,3.895,163,3.895,164,3.895,165,2.845,166,3.177,167,4.248,168,4.248,169,4.248]],["title/components/CustomTemplateComponent.html",[170,0.723,171,1.389]],["body/components/CustomTemplateComponent.html",[0,0.207,3,0.157,4,0.157,5,0.157,6,0.148,8,1.909,10,0.109,18,0.69,20,0.479,21,0.015,22,0.775,23,0.172,24,0.353,27,2.512,28,0.493,31,3.174,33,1.157,34,0.157,62,0.01,63,0.01,64,0.393,65,1.352,66,0.855,72,0.761,73,1.686,74,1.432,76,0.407,88,0.649,107,0.501,120,0.791,121,0.597,170,1.108,171,2.295,172,1.938,173,2.744,174,1.466,175,1.528,176,4.345,177,5.267,178,3.343,179,2.559,180,4.604,181,4.604,182,4.604,183,2.594,184,1.891,185,4.604,186,6.421,187,4.604,188,2.104,189,2.104,190,2.309,191,2.217,192,2.217,193,2.309,194,3.174,195,2.217,196,2.589,197,2.309,198,2.875,199,3.769,200,6.067,201,2.407,202,3.205,203,3.174,204,3.174,205,4.739,206,4.345,207,5.267,208,6.067,209,3.545,210,3.769,211,6.067,212,6.067,213,3.769,214,4.739,215,5.267,216,4.345,217,4.739,218,4.345,219,5.267,220,3.174,221,6.067,222,3.017,223,5.267,224,4.031,225,4.031,226,4.739,227,6.067,228,1.969,229,1.823,230,4.143,231,4.259,232,5.304,233,1.528,234,2.513,235,1.352,236,2.928,237,1.466,238,1.594,239,3.009,240,1.407,241,2.559,242,3.343,243,1.528,244,2.104,245,1.656,246,2.594,247,1.528,248,2.104,249,1.202,250,1.528,251,1.407,252,1.528,253,1.407,254,1.528,255,1.407,256,1.528,257,1.407,258,1.407,259,1.528,260,1.407,261,1.528,262,1.202,263,1.528,264,1.407,265,1.528,266,1.407,267,1.528,268,1.352,269,1.528,270,1.407,271,1.528,272,1.407,273,1.528,274,1.352,275,1.528,276,1.352,277,1.114,278,1.528,279,1.25,280,1.528,281,1.157,282,1.528,283,1.202,284,1.528,285,1.157,286,1.528,287,1.202,288,1.528,289,1.352,290,1.528,291,1.352,292,1.528,293,1.352,294,1.528,295,1.25,296,1.528,297,1.352,298,1.528,299,1.352,300,1.528,301,1.352,302,1.528,303,1.862,304,1.528]],["title/directives/GallerizeDirective.html",[64,0.404,279,1.284]],["body/directives/GallerizeDirective.html",[0,0.157,3,0.119,4,0.119,5,0.119,6,0.183,8,1.214,10,0.083,11,0.931,12,2.288,14,1.925,15,3.775,17,1.045,18,0.967,20,0.647,21,0.015,22,0.617,23,0.238,24,0.565,26,1.14,28,0.443,32,1.532,33,0.88,34,0.119,35,1.329,45,0.95,47,0.648,49,1.2,51,1.668,62,0.008,63,0.008,64,0.683,66,0.65,68,1.261,69,2.724,71,2.589,72,0.579,73,1.375,74,1.42,76,0.334,77,2.696,83,2.868,84,2.868,85,1.261,88,0.493,93,3.458,97,1.844,102,3.402,104,3.742,106,1.506,107,0.381,109,2.546,110,1.711,111,2.708,116,1.819,117,1.361,120,0.602,121,0.807,122,1.162,138,1.819,170,1.053,183,2.788,220,3.017,228,1.689,229,0.88,235,1.028,237,1.659,238,1.212,245,2.017,249,2.017,277,2.125,279,1.414,305,2.288,306,6.379,307,5.206,308,5.206,309,5.206,310,5.206,311,5.206,312,5.206,313,4.358,314,4.358,315,2.288,316,3.182,317,3.041,318,2.194,319,4.519,320,3.728,321,5.766,322,4.358,323,2.546,324,2.929,325,2.355,326,4.358,327,2.732,328,1.668,329,1.169,330,3.369,331,4.925,332,5.206,333,4.446,334,4.358,335,2.929,336,4.504,337,5.809,338,5.005,339,4.358,340,4.519,341,5.005,342,3.566,343,3.601,344,4.13,345,5.766,346,4.358,347,2.929,348,2.929,349,2.929,350,3.182,351,2.929,352,3.214,353,2.868,354,4.358,355,2.929,356,2.929,357,2.929,358,2.708,359,4.519,360,2.929,361,4.519,362,2.929,363,4.358,364,3.405,365,3.122,366,1.819,367,3.405,368,3.214,369,2.097,370,1.388,371,3.783,372,2.288,373,2.542,374,2.406,375,2.542,376,3.783,377,2.288,378,2.542,379,3.831,380,3.405,381,2.896,382,2.542,383,5.206,384,5.206,385,5.206,386,1.711,387,5.766,388,2.929,389,2.929,390,2.896,391,3.582,392,2.929,393,3.122,394,2.929,395,2.929,396,2.929,397,2.929,398,2.929,399,2.929,400,1.946,401,2.929,402,2.929,403,4.358,404,2.929,405,2.929,406,2.929,407,2.929,408,2.929,409,2.929,410,2.065,411,4.358,412,2.929,413,2.929,414,2.929,415,2.929,416,2.097,417,2.929,418,1.532,419,2.929,420,1.819,421,1.388,422,2.542,423,2.097,424,2.251,425,2.542,426,4.358,427,4.358,428,1.53,429,4.358,430,2.542,431,1.456,432,2.929,433,2.929,434,1.946,435,2.929,436,2.929,437,2.929,438,2.929,439,2.542,440,2.929,441,1.532,442,2.929,443,2.929,444,2.929,445,2.929,446,2.929]],["title/injectables/Gallery.html",[74,0.723,447,1.968]],["body/injectables/Gallery.html",[0,0.228,3,0.173,4,0.173,5,0.173,6,0.187,10,0.121,11,1.21,17,1.147,18,0.985,20,0.846,21,0.015,22,0.807,23,0.23,24,0.65,25,3.727,26,1.401,28,0.49,32,2.965,34,0.173,35,1.47,48,2.685,49,1.47,51,1.096,62,0.01,63,0.01,74,1.444,76,0.435,77,2.461,86,2.318,88,0.716,94,2.302,97,1.901,104,3.958,107,0.553,116,3.963,119,1.433,228,2.07,327,3.36,328,1.639,329,1.52,344,4.059,366,2.638,400,3.765,447,2.819,448,2.821,449,3.686,450,6.379,451,5.667,452,4.919,453,6.806,454,6.806,455,3.317,456,5.667,457,5.667,458,4.246,459,5.667,460,5.667,461,1.685,462,5.667,463,4.246,464,4.919,465,4.246,466,4.427,467,5.698,468,5.667,469,4.246,470,4.919,471,3.041,472,4.246,473,2.965,474,4.246,475,5.667,476,4.427,477,3.041,478,4.568,479,3.686,480,3.041,481,3.317,482,4.246,483,4.568,484,4.427,485,5.667,486,4.246,487,4.246,488,4.246,489,4.246,490,5.667,491,4.246,492,4.246,493,3.041,494,4.246,495,4.246]],["title/directives/GalleryBoxDef.html",[64,0.404,281,1.189]],["body/directives/GalleryBoxDef.html",[0,0.285,3,0.217,4,0.217,5,0.217,6,0.181,10,0.151,11,1.399,18,0.924,20,0.814,21,0.015,22,0.776,23,0.24,24,0.6,26,1.051,28,0.51,34,0.267,35,1.226,62,0.012,63,0.012,64,0.776,66,1.18,72,1.051,73,1.346,76,0.502,86,1.539,88,0.896,94,1.968,107,0.693,117,2.045,118,1.944,119,1.795,120,1.093,121,1.016,140,0.934,184,1.894,281,2.357,496,4.326,497,4.326,498,3.108,499,3.615,500,4.96,501,3.712,502,4.408,503,3.81,504,4.618,505,3.81,506,4.196,507,5.32,508,5.082,509,5.32,510,2.646,511,3.108,512,3.305,513,3.305,514,3.305,515,3.108,516,3.305,517,1.726]],["title/components/GalleryCoreComponent.html",[170,0.723,251,1.446]],["body/components/GalleryCoreComponent.html",[0,0.092,3,0.07,4,0.07,5,0.07,6,0.187,8,1.901,10,0.146,11,0.61,17,0.462,18,0.993,20,0.355,21,0.015,22,0.563,23,0.237,24,0.262,26,1.29,28,0.439,34,0.07,35,1.504,42,2.045,45,1.542,49,0.846,62,0.005,63,0.005,64,0.175,65,0.602,66,0.381,68,0.826,70,1.919,72,0.339,73,1.557,74,1.462,82,1.494,85,0.826,86,1.061,87,2.025,88,0.289,94,1.102,97,0.766,106,1.237,107,0.223,117,1.145,118,0.627,119,0.579,120,0.353,121,0.266,122,0.681,165,0.898,166,1.002,170,0.67,171,0.602,172,1.043,173,0.776,174,0.653,175,0.681,183,2.157,184,1.061,188,1.133,189,1.133,190,0.653,191,0.627,192,0.627,193,2.765,194,2.485,195,2.494,196,2.077,197,2.069,198,1.738,199,2.279,201,2.54,202,3.157,203,3.415,204,1.919,205,1.34,206,2.628,213,2.279,217,2.231,220,2.485,222,1.825,224,3.928,225,3.156,229,0.515,233,0.681,234,1.353,235,0.602,238,1.771,240,0.627,243,0.681,244,1.133,245,0.892,246,2.42,247,0.681,248,1.133,249,0.536,250,0.681,251,1.563,252,0.681,253,1.34,254,0.681,255,1.34,256,0.681,257,0.627,258,0.627,259,0.681,260,0.627,261,0.681,262,0.536,263,0.681,264,1.34,265,0.681,266,1.34,267,0.681,268,0.602,269,0.681,270,1.34,271,0.681,272,0.627,273,0.681,274,0.602,275,0.681,276,0.602,277,0.496,278,0.681,279,0.557,280,0.681,281,0.515,282,0.681,283,0.536,284,0.681,285,0.515,286,0.681,287,0.536,288,0.681,289,0.602,290,0.681,291,0.602,292,0.681,293,0.602,294,0.681,295,0.557,296,0.681,297,0.602,298,0.681,299,0.602,300,0.681,301,0.602,302,0.681,303,1.003,304,0.681,318,1.628,325,3.439,328,0.496,368,0.853,377,2.866,379,1.14,381,3.612,410,2.89,418,0.898,421,1.353,428,2.533,441,0.898,493,1.229,497,2.499,517,1.191,518,4.002,519,1.489,520,2.231,521,1.42,522,1.716,523,3.669,524,3.669,525,3.669,526,1.235,527,1.586,528,2.628,529,2.628,530,2.045,531,2.856,532,2.856,533,2.856,534,2.856,535,2.856,536,2.856,537,2.856,538,2.856,539,2.856,540,2.856,541,2.856,542,2.856,543,2.856,544,1.003,545,2.628,546,2.437,547,2.866,548,1.919,549,2.628,550,2.437,551,2.437,552,2.628,553,2.628,554,3.407,555,3.673,556,3.673,557,4.448,558,1.229,559,1.716,560,1.716,561,1.716,562,1.716,563,2.637,564,1.716,565,1.716,566,1.716,567,1.651,568,2.856,569,3.936,570,4.253,571,2.952,572,2.856,573,4.24,574,2.856,575,2.856,576,2.279,577,3.186,578,2.856,579,3.538,580,3.673,581,3.186,582,2.856,583,2.027,584,2.856,585,2.628,586,2.628,587,2.856,588,3.612,589,3.473,590,2.856,591,2.856,592,2.856,593,2.856,594,2.856,595,1.897,596,2.842,597,1.716,598,1.716,599,1.716,600,1.716,601,1.716,602,1.716,603,1.716,604,1.716,605,1.716,606,1.716,607,1.716,608,1.716,609,1.716,610,1.716,611,1.771,612,1.229,613,1.716,614,1.716,615,1.716,616,1.716,617,1.716,618,1.716,619,1.716,620,0.898,621,2.856,622,2.856,623,1.716,624,1.34,625,1.716,626,1.34,627,1.716,628,1.716,629,1.716,630,1.716,631,1.716,632,1.716,633,1.716,634,1.716,635,1.716,636,1.716,637,1.716,638,1.716,639,1.716,640,1.716,641,1.716,642,1.229,643,1.716,644,1.489,645,1.716,646,1.716,647,1.716,648,1.229,649,1.716,650,1.716,651,2.856,652,3.497,653,1.716,654,1.716,655,1.716,656,3.502,657,1.716,658,1.669,659,3.563,660,3.263,661,2.94,662,3.718,663,2.045,664,1.716,665,1.34,666,3.669,667,3.402,668,2.856,669,3.341,670,2.856,671,2.856,672,3.669,673,1.716,674,3.711,675,4.124,676,2.437,677,5.637,678,1.716,679,1.716,680,2.866,681,1.716,682,1.716,683,2.856,684,1.576,685,1.716,686,1.716,687,1.659,688,2.143,689,2.856,690,2.231,691,2.856,692,1.716,693,3.669,694,1.716,695,2.479,696,1.716,697,1.716,698,3.341,699,1.716,700,1.34,701,2.363,702,1.774,703,1.716,704,2.842,705,3.341,706,3.064,707,1.716,708,1.34,709,2.951,710,3.185,711,2.856,712,3.669,713,1.489,714,2.479,715,1.716,716,3.185,717,1.716,718,3.402,719,1.716,720,2.479,721,1.716,722,1.716,723,1.716,724,1.716,725,1.489,726,1.716,727,1.716,728,1.489,729,1.716,730,1.489,731,0.681,732,1.229,733,2.231,734,2.856,735,2.856,736,2.479,737,1.716,738,1.774,739,2.856,740,4.277,741,2.856,742,2.856,743,1.716]],["title/components/GalleryCounterComponent.html",[170,0.723,253,1.446]],["body/components/GalleryCounterComponent.html",[0,0.233,3,0.177,4,0.177,5,0.177,6,0.14,10,0.163,18,0.564,21,0.015,22,0.764,23,0.141,28,0.413,34,0.177,45,2.091,62,0.01,63,0.01,64,0.442,65,1.522,66,0.962,72,0.857,73,1.699,74,1.477,85,1.662,106,1.662,107,0.564,117,2.012,118,1.584,120,0.891,121,0.672,170,1.177,171,1.522,172,2.099,173,1.961,174,1.65,175,1.72,184,1.662,188,2.28,189,2.28,190,1.65,191,1.584,192,1.584,193,1.65,194,2.268,195,2.099,197,1.65,206,3.105,220,2.268,222,3.413,224,3.817,225,3.817,233,1.72,243,1.72,244,2.28,245,1.794,246,3.082,247,1.72,248,2.28,249,1.354,250,1.72,251,1.584,252,1.72,253,2.507,254,1.72,255,1.584,256,1.72,257,1.584,258,1.584,259,1.72,260,1.584,261,1.72,262,1.354,263,1.72,264,1.584,265,1.72,266,1.584,267,1.72,268,1.522,269,1.72,270,1.584,271,1.72,272,1.584,273,1.72,274,1.522,275,1.72,276,1.522,277,1.254,278,1.72,279,1.407,280,1.72,281,1.303,282,1.72,283,1.354,284,1.72,285,1.303,286,1.72,287,1.354,288,1.72,289,1.522,290,1.72,291,1.522,292,1.72,293,1.522,294,1.72,295,1.407,296,1.72,297,1.522,298,1.72,299,1.522,300,1.72,301,1.522,302,1.72,303,2.017,304,1.72,497,3.357,517,2.091,518,3.006,521,2.858,571,2.599,573,4.558,583,2.054,652,3.104,698,3.386,701,2.156,720,3.763,731,1.72,733,5.034,744,3.763,745,6.445,746,6.445,747,5.594,748,4.335,749,4.335,750,4.335,751,2.268,752,3.386,753,3.557,754,3.386,755,2.156,756,2.88,757,3.105,758,4.616,759,2.693,760,3.763,761,3.763,762,4.335,763,2.693,764,4.488,765,3.105,766,3.763]],["title/components/GalleryBulletsComponent.html",[170,0.723,255,1.446]],["body/components/GalleryBulletsComponent.html",[0,0.217,3,0.165,4,0.165,5,0.165,6,0.176,10,0.177,17,0.887,18,0.908,20,0.503,21,0.015,22,0.791,23,0.226,24,0.371,28,0.502,34,0.165,45,1.78,62,0.01,63,0.01,64,0.413,65,1.42,66,0.898,72,0.8,73,1.692,74,1.495,76,0.421,85,1.587,86,1.8,87,3.435,88,0.682,94,1.87,106,1.93,107,0.527,114,2.688,117,1.943,118,1.478,119,1.365,120,0.831,121,0.627,170,1.137,171,1.42,172,2.004,173,1.83,174,1.54,175,1.605,184,1.587,188,2.176,189,2.176,190,1.54,191,1.478,192,1.478,193,1.54,194,2.117,195,2.004,197,1.54,202,1.83,203,2.87,209,2.364,210,2.513,220,2.117,222,2.728,224,2.688,225,2.688,229,1.216,233,1.605,234,2.599,235,1.42,240,1.478,243,1.605,244,2.176,245,1.713,246,2.918,247,1.605,248,2.176,249,1.263,250,1.605,251,1.478,252,1.605,253,1.478,254,1.605,255,2.438,256,1.605,257,1.478,258,1.478,259,1.605,260,1.478,261,1.605,262,1.263,263,1.605,264,1.478,265,1.605,266,1.478,267,1.605,268,1.42,269,1.605,270,1.478,271,1.605,272,1.478,273,1.605,274,1.42,275,1.605,276,1.42,277,1.17,278,1.605,279,1.313,280,1.605,281,1.216,282,1.605,283,1.263,284,1.605,285,1.216,286,1.605,287,1.263,288,1.605,289,1.42,290,1.605,291,1.42,292,1.605,293,1.42,294,1.605,295,1.313,296,1.605,297,1.42,298,1.605,299,1.42,300,1.605,301,1.42,302,1.605,303,1.926,304,1.605,368,2.728,410,1.917,418,2.117,499,3.028,510,2.012,517,2.02,518,3.763,521,2.728,571,2.481,579,4.145,652,3.385,656,1.917,661,2.728,662,3.028,663,2.898,684,2.233,701,2.728,736,3.512,753,3.683,755,2.012,756,2.688,757,2.898,758,4.458,759,2.513,760,3.512,763,2.513,765,2.898,767,3.512,768,6.224,769,3.512,770,5.486,771,4.046,772,4.046,773,4.046,774,4.046,775,7.355,776,6.673,777,3.205,778,3.512,779,1.749,780,4.046]],["title/interfaces/GalleryError.html",[140,0.695,620,2.071]],["body/interfaces/GalleryError.html",[3,0.236,4,0.236,5,0.236,6,0.142,10,0.165,21,0.015,23,0.239,28,0.496,34,0.3,47,1.133,62,0.012,63,0.012,76,0.529,117,1.81,140,1.293,142,2.035,229,1.742,237,2.626,461,2.3,527,3.296,567,1.698,620,3.61,781,4.153,782,5.955,783,5.753,784,4.584,785,3.121,786,4.529,787,3.269,788,2.747,789,3.602,790,2.884,791,2.623,792,3.388,793,3.852,794,3.852,795,3.852]],["title/components/GalleryExampleComponent.html",[170,0.723,257,1.446]],["body/components/GalleryExampleComponent.html",[0,0.144,3,0.11,4,0.11,5,0.11,6,0.197,10,0.076,18,1.046,20,0.334,21,0.015,22,0.655,23,0.261,24,0.246,27,2.047,28,0.45,33,0.808,34,0.11,45,1.327,47,1.072,62,0.007,63,0.007,64,0.275,65,0.944,66,0.597,72,0.532,73,1.639,74,1.37,76,0.314,85,1.183,88,0.453,106,2.32,107,0.35,120,0.553,121,0.417,141,3.073,146,2.54,147,2.54,148,2.54,149,2.54,170,0.903,171,0.944,172,1.494,174,1.024,175,1.067,179,3.286,184,1.183,188,1.622,189,1.622,190,1.024,191,0.983,192,1.807,195,2.287,196,1.793,197,1.556,198,1.938,201,2.192,228,1.605,229,1.486,230,3.194,231,3.692,233,1.067,234,1.938,235,0.944,236,2.257,237,1.024,238,1.114,239,2.101,240,0.983,241,1.787,243,1.067,244,1.622,245,1.277,246,2.192,247,1.067,248,1.622,249,0.84,250,1.067,251,0.983,252,1.067,253,0.983,254,1.067,255,0.983,256,1.067,257,2.019,258,0.983,259,1.067,260,0.983,261,1.067,262,0.84,263,1.067,264,0.983,265,1.067,266,0.983,267,1.067,268,0.944,269,1.067,270,0.983,271,1.067,272,0.983,273,1.067,274,0.944,275,1.067,276,0.944,277,0.778,278,1.067,279,0.873,280,1.067,281,0.808,282,1.067,283,0.84,284,1.067,285,0.808,286,1.067,287,0.84,288,1.067,289,0.944,290,1.067,291,0.944,292,1.067,293,0.944,294,1.067,295,0.873,296,1.067,297,0.944,298,1.067,299,0.944,300,1.067,301,0.944,302,1.067,303,1.435,304,1.067,328,2.243,329,2.038,428,1.736,545,3.542,546,3.671,547,3.864,548,2.891,549,3.542,550,3.671,551,3.671,552,3.542,553,3.542,554,3.286,555,3.542,556,3.542,557,3.864,567,1.839,571,2.83,573,3.073,579,3.073,580,3.957,581,3.888,585,2.929,586,2.929,687,1.217,791,2.237,796,6.984,797,2.101,798,3.549,799,4.089,800,4.089,801,2.588,802,3.864,803,3.432,804,3.671,805,2.588,806,3.864,807,3.542,808,3.864,809,3.864,810,3.864,811,3.864,812,3.864,813,3.864,814,4.293,815,4.293,816,3.864,817,4.293,818,4.089,819,2.69,820,4.089,821,2.69,822,2.69,823,3.549,824,2.69,825,2.69,826,2.69,827,2.69,828,3.549,829,2.69,830,2.929,831,2.69,832,3.549,833,2.69,834,2.69,835,2.929,836,3.671,837,3.549,838,2.69,839,2.389,840,3.549,841,2.69,842,2.69,843,2.69,844,2.69,845,3.916,846,2.69,847,3.549,848,2.69,849,2.69,850,2.69,851,3.194,852,2.69,853,2.69,854,2.929,855,2.69,856,3.194,857,3.194,858,2.69,859,2.69,860,2.69,861,2.69,862,3.549,863,2.69,864,3.549,865,2.69,866,2.69,867,3.194,868,2.69,869,2.69,870,3.549,871,3.549,872,2.69,873,2.69,874,2.101,875,2.101,876,2.69,877,2.69]],["title/components/GalleryIframeComponent.html",[170,0.723,258,1.446]],["body/components/GalleryIframeComponent.html",[0,0.215,3,0.164,4,0.164,5,0.164,6,0.189,10,0.114,17,1.161,18,0.997,20,0.771,21,0.015,22,0.851,23,0.249,24,0.568,26,1.079,28,0.446,34,0.164,51,1.037,62,0.01,63,0.01,64,0.41,65,1.41,66,0.891,72,0.794,73,1.691,74,1.448,76,0.419,85,1.579,88,0.677,97,1.464,106,1.794,107,0.523,120,0.825,121,0.623,122,1.594,170,1.133,171,1.41,172,1.995,174,1.529,175,1.594,184,1.579,188,2.166,189,2.166,190,1.529,191,1.468,192,1.468,233,1.594,235,1.41,240,1.468,243,1.594,244,2.166,245,1.704,246,2.64,247,1.594,248,2.166,249,1.254,250,1.594,251,1.468,252,1.594,253,1.468,254,1.594,255,1.468,256,1.594,257,1.468,258,2.431,259,1.594,260,1.468,261,1.594,262,1.254,263,1.594,264,1.468,265,1.594,266,1.468,267,1.594,268,1.41,269,1.594,270,1.468,271,1.594,272,1.468,273,1.594,274,1.41,275,1.594,276,1.41,277,1.162,278,1.594,279,1.303,280,1.594,281,1.207,282,1.594,283,1.254,284,1.594,285,1.207,286,1.594,287,1.254,288,1.594,289,1.41,290,1.594,291,1.41,292,1.594,293,1.41,294,1.594,295,1.303,296,1.594,297,1.41,298,1.594,299,1.41,300,1.594,301,1.41,302,1.594,303,1.916,304,1.594,318,2.36,325,2.469,424,3.103,434,2.669,544,1.916,567,1.654,801,3.244,803,3.852,835,3.91,836,3.627,878,5.536,879,3.487,880,4.458,881,6.201,882,6.201,883,4.264,884,4.739,885,3.487,886,4.765,887,5.459,888,3.91,889,4.017,890,4.017,891,5.459,892,5.459,893,2.495,894,5.459,895,6.201,896,4.017,897,4.017,898,4.017,899,3.487,900,4.739,901,2.877,902,4.264,903,2.495,904,2.217,905,4.017,906,4.017,907,5.459,908,5.459,909,4.017,910,3.487,911,3.487,912,4.017,913,4.017,914,4.017,915,4.017,916,4.017,917,4.017]],["title/components/GalleryImageComponent.html",[170,0.723,260,1.446]],["body/components/GalleryImageComponent.html",[0,0.144,3,0.109,4,0.201,5,0.109,6,0.186,8,0.748,10,0.178,11,0.872,17,1.166,18,0.983,20,0.334,21,0.015,22,0.654,23,0.241,24,0.246,26,0.531,28,0.468,34,0.109,35,0.619,45,1.603,47,0.607,49,0.619,62,0.007,63,0.007,64,0.274,65,0.942,66,0.596,68,1.181,69,2.585,72,0.531,73,1.639,74,1.403,76,0.313,84,2.745,85,1.181,88,0.452,97,0.72,106,1.984,107,0.349,112,2.097,120,0.552,121,0.416,122,1.065,170,0.902,171,0.942,172,1.492,173,1.214,174,1.022,175,1.065,183,2.951,184,2.024,188,1.62,189,1.62,190,2.611,191,0.981,192,0.981,193,2.101,194,2.585,195,1.805,196,2.466,197,2.101,198,2.341,199,3.069,202,3.165,203,3.818,204,2.888,209,2.385,210,1.668,220,2.585,222,3.331,229,0.807,233,1.065,235,0.942,238,2.045,240,0.981,243,1.065,244,1.62,245,1.275,246,2.481,247,1.065,248,1.62,249,0.838,250,1.065,251,0.981,252,1.065,253,0.981,254,1.065,255,0.981,256,1.065,257,0.981,258,0.981,259,1.065,260,2.017,261,1.065,262,0.838,263,1.065,264,0.981,265,1.065,266,0.981,267,1.065,268,0.942,269,1.065,270,0.981,271,1.065,272,0.981,273,1.065,274,0.942,275,1.065,276,0.942,277,0.777,278,1.065,279,0.871,280,1.065,281,0.807,282,1.065,283,0.838,284,1.065,285,0.807,286,1.065,287,0.838,288,1.065,289,0.942,290,1.065,291,1.734,292,1.065,293,0.942,294,1.065,295,0.871,296,1.065,297,0.942,298,1.065,299,0.942,300,1.065,301,0.942,302,1.065,303,1.433,304,1.065,328,1.596,329,1.095,352,2.03,353,2.03,358,1.668,367,2.097,368,1.335,410,1.934,418,1.405,424,2.136,428,2.084,431,2.03,517,1.603,521,2.03,526,1.765,527,3.118,530,2.924,544,1.433,563,2.387,567,0.941,570,3.282,571,2.234,583,1.934,589,1.405,611,1.69,612,1.923,652,2.828,656,3.251,658,1.569,659,1.569,660,1.482,661,2.03,662,2.726,667,1.923,674,3.189,676,2.712,701,2.03,702,1.668,704,1.784,709,1.668,731,1.065,732,1.923,733,3.189,753,3.277,755,2.457,756,2.712,758,4.797,759,3.069,777,2.886,779,1.161,803,3.069,835,2.924,836,2.712,878,5.443,885,2.331,886,3.953,888,2.924,902,3.189,903,1.668,904,1.482,918,2.331,919,4.94,920,3.859,921,3.282,922,4.94,923,4.94,924,4.94,925,3.469,926,4.94,927,4.94,928,4.288,929,3.859,930,4.083,931,4.94,932,2.685,933,2.685,934,3.859,935,2.685,936,2.685,937,2.685,938,3.859,939,2.685,940,3.412,941,3.544,942,2.685,943,2.685,944,4.791,945,2.685,946,2.685,947,2.536,948,4.083,949,2.685,950,5.077,951,2.685,952,2.685,953,5.519,954,2.685,955,2.457,956,2.685,957,2.685,958,4.083,959,4.083,960,2.331,961,2.097,962,2.097,963,2.536,964,2.685,965,2.331,966,2.685,967,2.331,968,2.685,969,1.668,970,2.685,971,2.331,972,2.685,973,2.331,974,2.685,975,2.685,976,2.685,977,2.685,978,2.685,979,2.685,980,2.685,981,2.685,982,2.685,983,2.685,984,2.331,985,2.685,986,2.331,987,2.685,988,4.083,989,4.083,990,2.685,991,2.685,992,4.083,993,4.083,994,2.685,995,2.685,996,2.685,997,2.685,998,4.083,999,4.083,1000,2.331,1001,4.083,1002,2.685,1003,2.685,1004,2.685,1005,2.685,1006,2.097,1007,4.083,1008,2.685,1009,2.331,1010,2.685,1011,4.94,1012,2.685,1013,2.685,1014,2.097,1015,2.685,1016,2.685,1017,2.685]],["title/directives/GalleryImageDef.html",[64,0.404,283,1.236]],["body/directives/GalleryImageDef.html",[0,0.288,3,0.219,4,0.219,5,0.219,6,0.182,8,1.496,10,0.153,11,1.407,18,0.928,20,0.819,21,0.015,22,0.781,23,0.241,24,0.604,26,1.062,28,0.513,34,0.219,35,1.238,62,0.012,63,0.012,64,0.778,66,1.192,72,1.062,73,1.354,74,0.981,76,0.505,88,0.905,107,0.699,120,1.104,121,1.022,183,2.947,184,1.905,283,2.454,496,4.34,498,3.138,499,3.636,500,4.967,501,3.728,502,4.427,503,3.847,505,3.847,506,4.208,510,2.671,511,3.138,512,3.337,513,3.337,514,3.337,515,3.138,516,3.337,788,2.545,1018,4.195,1019,5.371,1020,3.933,1021,4.662,1022,2.671,1023,3.568]],["title/interfaces/GalleryItem.html",[140,0.695,237,1.506]],["body/interfaces/GalleryItem.html",[3,0.235,4,0.235,5,0.235,6,0.141,10,0.164,21,0.015,23,0.256,24,0.697,28,0.495,34,0.299,47,1.022,62,0.012,63,0.012,76,0.527,117,1.8,140,1.289,142,2.023,229,1.732,237,2.796,461,3.019,527,2.493,567,1.693,620,3.016,781,4.128,782,4.503,783,4.503,784,4.568,785,3.441,786,4.503,787,3.605,788,2.731,789,3.581,790,2.867,791,2.607,792,3.368,793,3.83,794,3.83,795,3.83]],["title/components/GalleryItemComponent.html",[170,0.723,262,1.236]],["body/components/GalleryItemComponent.html",[0,0.129,3,0.098,4,0.098,5,0.098,6,0.19,8,2.048,10,0.2,11,0.803,14,0.753,15,1.409,17,0.608,18,1.01,20,0.3,21,0.015,22,0.618,23,0.248,24,0.221,26,0.477,28,0.489,33,0.725,34,0.098,35,1.643,42,1.727,45,1.944,47,1.01,49,1.303,51,0.623,62,0.007,63,0.007,64,0.471,65,0.847,66,0.535,68,1.087,72,0.477,73,1.622,74,1.422,76,0.288,85,1.087,86,1.635,88,0.406,94,1.388,97,1.008,106,1.809,107,0.314,110,1.409,119,0.814,120,0.496,121,0.877,122,0.957,170,0.844,171,0.847,172,1.373,173,1.091,174,0.918,175,0.957,183,2.696,184,1.635,188,1.491,189,1.491,190,1.758,191,0.881,192,0.881,193,1.431,194,1.262,195,0.881,196,2.313,197,0.918,198,1.143,201,0.957,202,3.006,203,2.417,204,2.417,209,2.196,210,1.498,218,1.727,222,1.869,228,1.944,229,1.388,233,0.957,234,1.781,235,0.847,238,0.998,240,0.881,243,0.957,244,1.491,245,1.174,246,2.828,247,0.957,248,1.491,249,0.753,250,0.957,251,0.881,252,0.957,253,0.881,254,0.957,255,0.881,256,0.957,257,0.881,258,1.688,259,0.957,260,1.688,261,0.957,262,1.628,263,0.957,264,0.881,265,0.957,266,0.881,267,0.957,268,0.847,269,0.957,270,0.881,271,0.957,272,1.688,273,0.957,274,0.847,275,0.957,276,0.847,277,0.698,278,0.957,279,0.783,280,0.957,281,0.725,282,0.957,283,0.753,284,0.957,285,0.725,286,0.957,287,0.753,288,0.957,289,0.847,290,0.957,291,0.847,292,0.957,293,0.847,294,0.957,295,0.783,296,0.957,297,0.847,298,0.957,299,0.847,300,0.957,301,0.847,302,0.957,303,1.319,304,0.957,318,1.985,325,2.089,328,1.336,329,1.008,330,2.196,331,2.692,342,1.331,352,2.594,353,1.869,368,1.199,390,1.602,391,2.335,410,2.189,421,1.781,424,1.625,431,1.869,461,2.481,517,1.693,518,4.074,521,1.869,526,1.625,527,2.445,530,2.692,544,1.319,554,1.602,558,1.727,563,2.255,567,1.381,569,2.594,571,1.091,576,1.498,581,1.498,583,1.781,589,1.967,611,1.556,612,1.727,652,2.829,656,3.333,658,1.409,659,1.409,660,1.331,661,2.594,662,3.121,667,2.692,676,2.497,684,2.075,687,1.091,688,1.409,701,1.869,702,2.335,704,1.602,731,1.491,732,1.727,751,2.729,752,1.884,777,2.699,779,2.445,785,2.089,787,2.189,792,2.699,801,2.417,804,1.602,880,2.869,921,3.069,947,2.335,955,2.979,965,3.263,1020,2.549,1022,1.869,1023,1.602,1024,2.093,1025,3.608,1026,4.619,1027,4.619,1028,5.654,1029,4.074,1030,4.049,1031,3.263,1032,3.759,1033,3.263,1034,3.608,1035,4.01,1036,4.01,1037,4.619,1038,3.608,1039,4.619,1040,4.619,1041,4.619,1042,4.619,1043,2.412,1044,2.412,1045,2.412,1046,2.075,1047,2.412,1048,1.967,1049,2.412,1050,5.199,1051,3.263,1052,3.263,1053,2.936,1054,2.936,1055,2.412,1056,2.412,1057,2.297,1058,2.497,1059,2.412,1060,3.759,1061,3.759,1062,3.759,1063,2.412,1064,2.412,1065,3.759,1066,4.528,1067,3.308,1068,3.759,1069,2.412,1070,3.759,1071,3.608,1072,2.699,1073,2.412,1074,2.093,1075,2.093,1076,2.412,1077,2.093,1078,2.412,1079,2.412,1080,2.412,1081,2.093,1082,2.412,1083,2.412,1084,2.412,1085,2.412,1086,2.412,1087,2.412,1088,2.412,1089,2.412,1090,2.412,1091,2.412,1092,2.412,1093,1.884,1094,4.01,1095,2.412,1096,2.412,1097,2.093,1098,1.143,1099,2.196,1100,1.409,1101,2.093,1102,2.093,1103,6.105,1104,4.908,1105,2.093,1106,2.412,1107,2.412,1108,2.692,1109,2.412,1110,3.512,1111,4.528,1112,4.528,1113,1.967,1114,2.497,1115,3.512,1116,1.884,1117,1.602,1118,2.497,1119,2.412,1120,2.412,1121,2.412,1122,2.412,1123,2.412,1124,2.412,1125,2.412,1126,2.412,1127,2.412,1128,2.412,1129,2.412,1130,1.884,1131,2.412,1132,2.093,1133,2.412,1134,2.412,1135,2.093,1136,1.602,1137,1.884,1138,2.692,1139,1.884,1140,2.412,1141,1.884,1142,2.093,1143,2.412]],["title/interfaces/GalleryItemContext.html",[140,0.695,1020,2.184]],["body/interfaces/GalleryItemContext.html",[0,0.259,3,0.196,4,0.196,5,0.196,6,0.118,8,2.217,10,0.218,21,0.015,23,0.262,24,0.74,28,0.488,34,0.251,35,1.112,47,1.155,62,0.011,63,0.011,64,0.73,73,0.991,76,0.473,107,0.628,120,0.991,121,1.205,140,0.847,142,1.693,184,1.782,229,1.851,285,2.039,461,2.444,496,2.819,498,2.819,500,4.215,501,2.524,502,2.997,506,3.745,510,2.399,511,2.819,512,2.997,513,2.997,514,2.997,515,2.819,516,2.997,567,1.809,669,4.811,779,3.266,785,3.233,787,2.286,788,2.286,1020,3.745,1030,5.12,1046,3.4,1098,2.286,1108,5.12,1113,3.952,1114,5.018,1144,5.3,1145,5.347,1146,5.347,1147,4.811,1148,4.412]],["title/directives/GalleryItemDef.html",[64,0.404,285,1.189]],["body/directives/GalleryItemDef.html",[0,0.269,3,0.204,4,0.204,5,0.204,6,0.177,8,2.2,10,0.196,11,1.347,18,0.899,20,0.784,21,0.015,22,0.748,23,0.247,24,0.578,26,0.99,28,0.497,34,0.257,35,1.154,47,1.026,62,0.011,63,0.011,64,0.762,66,1.111,72,0.99,73,1.296,76,0.484,88,0.844,107,0.652,120,1.029,121,1.159,140,0.879,184,1.824,229,1.505,285,2.326,461,1.987,496,4.234,498,2.926,499,3.481,500,4.909,501,3.612,502,4.289,503,3.587,504,4.348,505,3.587,506,4.123,510,2.491,511,2.926,512,3.111,513,3.111,514,3.111,515,2.926,516,3.111,567,1.591,669,3.912,779,2.728,785,2.853,787,2.373,788,2.373,1018,3.912,1020,3.811,1030,3.587,1046,2.764,1098,2.373,1108,3.587,1113,3.3,1114,4.191,1144,3.912,1145,4.348,1146,4.348,1147,3.912,1148,3.587,1149,4.348]],["title/modules/GalleryModule.html",[236,2.184,1150,2.834]],["body/modules/GalleryModule.html",[0,0.279,3,0.211,4,0.211,5,0.211,6,0.127,8,1.446,21,0.015,28,0.554,34,0.211,62,0.012,63,0.012,107,0.676,183,2.061,236,4.547,240,2.358,249,2.524,281,2.429,283,2.524,285,2.429,287,2.524,428,1.823,473,2.717,497,3.034,1023,4.878,1093,5.735,1151,3.451,1152,4.008,1153,4.508,1154,4.508,1155,4.508,1156,5.04,1157,3.72,1158,5.194,1159,5.601,1160,5.04,1161,5.194]],["title/components/GalleryNavComponent.html",[170,0.723,264,1.446]],["body/components/GalleryNavComponent.html",[0,0.202,3,0.153,4,0.153,5,0.153,6,0.18,10,0.148,11,1.115,17,0.845,18,0.939,20,0.468,21,0.015,22,0.768,23,0.228,24,0.345,26,0.744,28,0.506,31,1.971,34,0.153,45,1.946,62,0.009,63,0.009,64,0.384,65,1.322,66,0.836,68,1.511,69,3.137,72,0.744,73,1.684,74,1.486,76,0.401,77,1.271,84,3.22,85,1.511,86,1.734,87,3.309,88,0.635,94,1.802,97,1.01,106,1.873,107,0.49,114,2.503,117,1.872,118,1.376,119,1.271,120,0.774,121,0.584,170,1.095,171,1.322,172,1.909,173,1.704,174,1.434,175,1.494,184,1.511,188,2.072,189,2.072,190,1.434,191,1.376,192,1.376,193,1.434,194,1.971,195,1.376,197,2.464,198,3.068,202,2.363,204,1.971,206,2.698,214,2.942,226,2.942,233,1.494,234,2.475,235,1.322,238,1.559,240,1.376,243,1.494,244,2.072,245,1.631,246,2.698,247,1.494,248,2.072,249,1.176,250,1.494,251,1.376,252,1.494,253,1.376,254,1.494,255,1.376,256,1.494,257,1.376,258,1.376,259,1.494,260,1.376,261,1.494,262,1.176,263,1.494,264,2.366,265,1.494,266,1.376,267,1.494,268,1.322,269,1.494,270,1.376,271,1.494,272,1.376,273,1.494,274,1.322,275,1.494,276,1.322,277,1.089,278,1.494,279,1.222,280,1.494,281,1.132,282,1.494,283,1.176,284,1.494,285,1.132,286,1.494,287,1.176,288,1.494,289,1.322,290,1.494,291,1.322,292,1.494,293,1.322,294,1.494,295,1.222,296,1.494,297,1.322,298,1.494,299,1.322,300,1.494,301,1.322,302,1.494,303,1.834,304,1.494,418,1.971,499,2.883,510,1.873,517,1.946,518,3.849,521,2.598,652,3.264,656,1.785,661,1.873,662,2.079,684,2.079,701,1.873,704,2.503,753,3.309,754,2.942,755,1.873,756,3.984,757,4.295,758,4.295,759,3.245,761,4.534,764,2.942,765,4.295,769,3.27,807,5.35,886,4.638,888,4.295,903,2.34,904,2.079,950,4.684,963,2.34,1000,3.27,1162,3.27,1163,5.996,1164,4.684,1165,5.223,1166,3.767,1167,3.767,1168,3.767,1169,3.767,1170,3.767,1171,3.767,1172,3.767,1173,5.205,1174,5.205,1175,3.767,1176,3.767,1177,5.223,1178,3.767,1179,5.223,1180,5.223,1181,5.223,1182,3.767,1183,3.767,1184,3.27,1185,3.27,1186,3.27,1187,2.698,1188,3.27,1189,5.223]],["title/classes/GalleryRef.html",[0,0.212,104,2.071]],["body/classes/GalleryRef.html",[0,0.118,2,1.044,3,0.09,4,0.09,5,0.09,6,0.191,8,2.158,10,0.099,11,0.748,17,0.356,18,1.012,20,0.879,21,0.015,22,0.838,23,0.238,24,0.648,26,1.472,27,2.889,28,0.415,31,1.153,33,0.662,34,0.09,35,1.445,45,2.096,47,0.96,48,1.044,49,1.445,51,1.281,62,0.006,63,0.006,74,1.406,76,0.269,77,2.234,86,1.989,88,0.371,94,1.884,97,2.106,104,1.832,117,1.887,118,0.805,119,0.744,121,0.84,183,1.389,196,1.136,228,2.432,229,2.097,237,2.459,325,2.922,328,1.667,329,1.546,342,2.739,350,3.335,352,3.748,353,3.748,358,1.369,365,3.554,370,1.044,416,4.924,439,1.913,452,3.782,455,2.735,461,1.969,466,4.503,471,4.129,473,3.281,479,1.913,483,1.578,517,2.344,527,2.341,528,3.12,529,3.12,544,1.229,567,1.727,620,1.153,747,1.913,779,3.275,784,1.464,788,1.044,789,3.581,790,3.292,791,2.922,792,2.545,793,2.894,794,2.326,795,2.326,805,3.281,809,1.721,880,2.175,920,1.721,921,3.297,938,2.735,947,2.175,973,1.913,1022,2.468,1048,1.832,1057,1.741,1058,2.326,1067,3.878,1071,2.735,1098,1.044,1099,2.899,1100,2.899,1173,4.308,1174,4.308,1190,6.09,1191,1.721,1192,3.782,1193,4.357,1194,3.501,1195,3.501,1196,3.501,1197,3.501,1198,2.508,1199,4.308,1200,3.039,1201,3.501,1202,5.444,1203,3.782,1204,3.782,1205,3.12,1206,3.782,1207,3.782,1208,4.357,1209,2.204,1210,2.204,1211,2.204,1212,2.204,1213,2.204,1214,2.204,1215,2.204,1216,2.204,1217,3.501,1218,2.204,1219,3.501,1220,3.083,1221,2.204,1222,3.501,1223,2.204,1224,3.501,1225,2.204,1226,3.501,1227,2.204,1228,2.204,1229,3.501,1230,2.204,1231,3.039,1232,2.204,1233,5.764,1234,3.501,1235,2.204,1236,2.351,1237,5.004,1238,4.357,1239,3.039,1240,2.204,1241,3.501,1242,2.204,1243,2.204,1244,2.735,1245,3.501,1246,2.204,1247,3.039,1248,2.204,1249,3.501,1250,2.204,1251,2.204,1252,2.204,1253,2.204,1254,2.204,1255,2.204,1256,2.204,1257,2.204,1258,3.501,1259,2.204,1260,2.204,1261,3.039,1262,3.039,1263,2.204,1264,2.204,1265,2.204,1266,2.204,1267,1.721,1268,1.216,1269,1.216,1270,1.216,1271,1.721,1272,1.913,1273,1.464,1274,1.913,1275,2.204,1276,3.501,1277,2.204,1278,2.204,1279,2.204,1280,2.204,1281,3.501,1282,2.204,1283,2.204,1284,1.913,1285,2.204,1286,2.204,1287,2.204,1288,2.204,1289,3.501,1290,2.204,1291,2.204,1292,5.764,1293,4.357,1294,4.357,1295,3.501,1296,4.963,1297,2.204,1298,2.204,1299,2.204,1300,2.204,1301,2.204,1302,1.832,1303,2.204,1304,2.204,1305,1.913,1306,1.913,1307,2.204,1308,2.204,1309,2.204,1310,3.501,1311,3.501,1312,2.204,1313,2.204,1314,2.204,1315,2.204,1316,2.204,1317,2.204,1318,2.204,1319,2.204,1320,2.204,1321,2.204,1322,2.204]],["title/components/GallerySliderComponent.html",[170,0.723,266,1.446]],["body/components/GallerySliderComponent.html",[0,0.131,3,0.099,4,0.099,5,0.099,6,0.186,8,1.748,10,0.184,11,0.809,14,1.183,17,0.613,18,0.986,20,0.706,21,0.015,22,0.77,23,0.246,24,0.52,26,1.123,27,1.924,28,0.52,32,1.982,33,0.732,34,0.099,35,0.873,45,1.508,47,0.991,49,1.496,51,0.978,62,0.007,63,0.007,64,0.249,65,0.855,66,0.54,68,1.096,70,2.432,72,0.481,73,1.623,74,1.436,76,0.291,77,1.568,82,1.982,85,1.096,86,1.643,87,2.565,88,0.41,89,2.114,93,2.517,94,1.397,97,1.74,106,1.517,107,0.317,114,1.618,117,1.451,118,0.89,119,0.822,120,0.5,121,0.721,122,0.966,156,1.982,170,0.849,171,0.855,172,1.916,173,1.102,174,0.927,175,0.966,184,1.096,188,1.503,189,1.503,190,0.927,191,0.89,192,0.89,193,2.47,196,1.952,201,1.844,202,2.839,203,3.146,204,1.982,209,2.716,210,1.513,213,1.513,228,1.508,229,2.048,233,0.966,234,1.795,235,0.855,240,0.89,241,1.618,243,0.966,244,1.503,245,1.183,246,2.897,247,0.966,248,1.503,249,0.76,250,0.966,251,0.89,252,0.966,253,0.89,254,0.966,255,0.89,256,0.966,257,0.89,258,0.89,259,0.966,260,0.89,261,0.966,262,1.451,263,0.966,264,0.89,265,0.966,266,1.916,267,0.966,268,0.855,269,0.966,270,0.89,271,0.966,272,0.89,273,0.966,274,0.855,275,0.966,276,0.855,277,0.704,278,0.966,279,0.79,280,0.966,281,0.732,282,0.966,283,0.76,284,0.966,285,0.732,286,0.966,287,0.76,288,0.966,289,1.632,290,0.966,291,0.855,292,0.966,293,1.632,294,0.966,295,0.79,296,0.966,297,1.632,298,0.966,299,1.632,300,0.966,301,1.632,302,0.966,303,1.33,304,0.966,318,2.162,327,1.795,328,1.096,329,1.016,342,1.344,350,3.135,352,3.316,353,3.228,358,1.513,368,1.211,390,1.618,391,2.353,393,2.713,410,2.85,418,1.274,421,1.795,441,1.982,473,1.274,483,2.713,501,1.982,517,1.843,518,3.982,521,1.884,526,1.638,527,2.456,528,3.329,544,1.33,546,1.618,563,2.715,567,1.386,569,3.851,576,1.513,583,1.795,588,3.774,589,2.972,595,2.517,596,3.484,611,1.924,620,1.274,626,1.902,648,1.744,652,2.72,656,2.975,658,1.423,659,2.716,660,1.344,661,2.608,662,3.831,663,1.744,665,2.959,677,2.959,687,2.569,688,2.213,700,1.902,705,3.631,706,3.756,709,2.353,731,1.844,738,2.353,755,1.884,777,3.064,779,1.053,790,2.608,791,2.102,845,2.716,851,1.902,893,2.353,901,1.744,947,2.353,1025,3.631,1029,4.096,1048,1.274,1098,1.154,1113,1.274,1136,2.517,1138,1.744,1205,2.713,1236,1.795,1323,2.114,1324,4.648,1325,2.825,1326,4.648,1327,4.648,1328,4.648,1329,4.035,1330,3.288,1331,3.288,1332,3.288,1333,2.436,1334,2.436,1335,2.436,1336,2.436,1337,2.436,1338,2.436,1339,2.959,1340,2.436,1341,2.436,1342,3.288,1343,2.436,1344,3.788,1345,2.436,1346,3.288,1347,2.436,1348,2.01,1349,2.436,1350,2.436,1351,2.436,1352,2.436,1353,4.931,1354,3.788,1355,2.436,1356,2.436,1357,2.959,1358,3.288,1359,2.436,1360,3.288,1361,2.436,1362,2.114,1363,2.436,1364,2.114,1365,2.114,1366,1.513,1367,1.513,1368,2.114,1369,2.114,1370,2.114,1371,3.788,1372,4.035,1373,2.436,1374,1.618,1375,1.513,1376,2.114,1377,2.436,1378,2.436,1379,2.713,1380,2.114,1381,2.436,1382,2.114,1383,1.902,1384,2.114,1385,2.114,1386,2.713,1387,4.035,1388,2.114,1389,2.436,1390,2.114,1391,2.114,1392,2.436,1393,2.114,1394,2.114,1395,1.902,1396,2.114,1397,1.744,1398,2.114,1399,2.114,1400,2.114,1401,2.114,1402,2.436,1403,2.436,1404,2.114,1405,2.114,1406,2.114,1407,2.436,1408,2.114,1409,2.959,1410,2.114,1411,1.744,1412,2.114,1413,1.744,1414,2.114,1415,2.713,1416,1.618]],["title/interfaces/GalleryState.html",[117,1.236,140,0.695]],["body/interfaces/GalleryState.html",[3,0.22,4,0.22,5,0.22,6,0.132,10,0.154,21,0.015,23,0.258,24,0.75,28,0.476,34,0.291,47,1.107,62,0.012,63,0.012,76,0.507,117,2.065,140,1.254,142,1.898,229,2.237,237,2.834,461,2.145,527,2.338,567,1.845,620,2.829,781,3.873,782,4.224,783,4.224,784,4.947,785,2.992,786,4.224,787,3.135,788,2.562,789,4.626,790,3.703,791,3.233,792,4.351,793,4.947,794,4.947,795,4.947]],["title/interfaces/GalleryStateContext.html",[140,0.695,508,2.834]],["body/interfaces/GalleryStateContext.html",[0,0.3,3,0.228,4,0.228,5,0.228,6,0.137,10,0.159,21,0.015,23,0.235,24,0.69,28,0.522,34,0.275,35,1.291,62,0.012,63,0.012,64,0.769,73,1.151,76,0.518,86,2.18,94,2.264,107,0.729,117,2.353,118,2.046,119,1.89,120,1.151,121,1.048,140,0.983,142,1.966,184,1.954,281,2.18,496,3.272,497,3.272,498,3.272,500,4.508,501,2.93,502,3.479,506,4.005,508,5.197,510,2.785,511,3.272,512,3.479,513,3.479,514,3.479,515,3.272,516,3.479,517,2.445]],["title/components/GalleryThumbComponent.html",[170,0.723,268,1.389]],["body/components/GalleryThumbComponent.html",[0,0.173,3,0.131,4,0.131,5,0.131,6,0.188,8,0.898,10,0.208,14,1.006,15,1.883,18,0.992,20,0.401,21,0.015,22,0.716,23,0.251,24,0.295,28,0.496,34,0.131,35,1.392,42,2.309,45,1.518,47,1.087,49,0.743,62,0.008,63,0.008,64,0.329,65,1.132,66,0.715,72,0.637,73,1.665,74,1.448,85,1.353,86,1.592,88,0.543,94,1.654,106,1.995,107,0.42,110,1.883,119,1.088,120,0.662,121,0.5,122,1.279,170,1.005,171,1.132,172,1.709,173,1.458,174,1.227,175,1.279,183,1.856,184,1.592,188,1.856,189,1.856,190,1.227,191,1.178,192,1.178,193,1.78,194,1.687,195,1.178,196,2.374,197,1.227,198,1.528,201,1.279,202,2.731,204,2.447,209,3.216,210,2.003,218,2.309,220,1.687,222,2.326,223,2.798,229,1.654,233,1.279,234,2.216,235,1.132,240,1.178,243,1.279,244,1.856,245,1.46,246,2.858,247,1.279,248,1.856,249,1.006,250,1.279,251,1.178,252,1.279,253,1.178,254,1.279,255,1.178,256,1.279,257,1.178,258,1.178,259,1.279,260,2.011,261,1.279,262,1.006,263,1.279,264,1.178,265,1.279,266,1.178,267,1.279,268,2.12,269,1.279,270,1.178,271,1.279,272,1.178,273,1.279,274,1.132,275,1.279,276,1.132,277,0.932,278,1.279,279,1.046,280,1.279,281,0.969,282,1.279,283,1.006,284,1.279,285,0.969,286,1.279,287,1.006,288,1.279,289,1.132,290,1.279,291,1.132,292,1.279,293,1.132,294,1.279,295,1.046,296,1.279,297,1.132,298,1.279,299,1.132,300,1.279,301,1.132,302,1.279,303,1.642,304,1.279,318,2.298,342,1.779,367,2.518,368,1.603,410,2.608,421,2.216,424,2.022,428,2.654,461,2.737,518,4.016,521,2.326,526,2.022,527,2.38,530,3.35,544,1.642,558,2.309,563,2.611,567,0.743,571,1.458,576,2.003,589,2.447,611,1.936,612,2.309,652,3.258,656,2.861,658,1.883,659,1.883,660,1.779,661,3.003,662,3.539,667,3.35,676,3.107,684,2.581,687,1.458,688,1.883,701,1.603,702,2.003,731,1.856,732,2.309,751,2.447,752,2.518,753,2.581,777,3.528,779,2.772,785,2.49,792,3.216,880,2.905,986,2.798,1020,2.581,1022,2.737,1023,2.142,1030,4.325,1031,4.06,1033,4.06,1034,4.299,1035,4.778,1036,4.778,1038,4.299,1046,2.581,1048,2.447,1050,5.804,1051,4.06,1052,4.06,1053,3.653,1054,3.653,1057,2.326,1058,3.107,1074,2.798,1075,2.798,1077,2.798,1081,2.798,1093,2.518,1094,2.798,1097,2.798,1098,1.528,1101,2.798,1102,2.798,1103,5.565,1104,2.798,1105,2.798,1108,2.309,1110,2.003,1111,2.798,1112,4.06,1113,1.687,1114,2.142,1115,2.003,1116,2.518,1135,2.798,1136,2.142,1137,2.518,1138,3.35,1139,2.518,1417,2.798,1418,5.504,1419,3.224,1420,3.224,1421,3.224,1422,3.224,1423,3.224,1424,3.224,1425,3.224,1426,3.224,1427,4.677,1428,4.677,1429,3.224,1430,3.224]],["title/directives/GalleryThumbDef.html",[64,0.404,287,1.236]],["body/directives/GalleryThumbDef.html",[0,0.288,3,0.219,4,0.219,5,0.219,6,0.182,8,1.496,10,0.153,11,1.407,18,0.928,20,0.819,21,0.015,22,0.781,23,0.241,24,0.604,26,1.062,28,0.513,34,0.219,35,1.238,62,0.012,63,0.012,64,0.778,66,1.192,72,1.062,73,1.354,74,0.981,76,0.505,88,0.905,107,0.699,120,1.104,121,1.022,184,1.905,287,2.454,428,2.608,496,4.34,498,3.138,499,3.636,500,4.967,501,3.728,502,4.427,503,3.847,505,3.847,506,4.208,510,2.671,511,3.138,512,3.337,513,3.337,514,3.337,515,3.138,516,3.337,788,2.545,1018,4.195,1020,3.933,1021,4.662,1022,2.671,1023,3.568,1149,4.662]],["title/components/GalleryThumbsComponent.html",[170,0.723,270,1.446]],["body/components/GalleryThumbsComponent.html",[0,0.135,3,0.102,4,0.102,5,0.102,6,0.184,8,1.485,10,0.18,11,0.829,14,1.212,17,0.628,18,0.972,20,0.663,21,0.015,22,0.753,23,0.241,24,0.489,26,1.139,27,1.964,28,0.503,32,2.032,33,0.756,34,0.102,35,0.895,45,0.816,47,1.001,49,1.512,51,1.003,62,0.007,63,0.007,64,0.257,65,0.883,66,0.558,68,1.123,70,2.482,72,0.497,73,1.628,74,1.429,76,0.298,82,2.032,85,1.123,86,1.667,87,2.618,94,1.425,97,1.759,106,1.543,107,0.327,117,1.481,118,0.919,119,0.849,120,0.517,121,0.736,156,2.032,170,0.866,171,0.883,172,1.949,173,1.138,174,0.957,175,0.998,184,1.123,188,1.541,189,1.541,190,0.957,191,0.919,192,0.919,193,2.417,195,1.419,196,1.977,197,1.478,201,1.882,202,2.608,203,3.016,204,2.482,209,2.269,213,1.562,228,1.977,229,2.023,233,0.998,234,1.84,235,0.883,240,0.919,241,1.671,243,0.998,244,1.541,245,1.212,246,2.915,247,0.998,248,1.541,249,0.785,250,0.998,251,0.919,252,0.998,253,0.919,254,0.998,255,0.919,256,0.998,257,0.919,258,0.919,259,0.998,260,0.919,261,0.998,262,0.785,263,0.998,264,0.919,265,0.998,266,0.919,267,0.998,268,1.665,269,0.998,270,1.949,271,0.998,272,0.919,273,0.998,274,0.883,275,0.998,276,0.883,277,0.727,278,0.998,279,0.816,280,0.998,281,0.756,282,0.998,283,0.785,284,0.998,285,0.756,286,0.998,287,0.785,288,0.998,289,1.665,290,0.998,291,0.883,292,0.998,293,0.883,294,0.998,295,0.816,296,0.998,297,0.883,298,0.998,299,0.883,300,0.998,301,1.665,302,0.998,303,1.872,304,0.998,318,2.194,327,1.84,328,1.372,329,1.43,342,2.143,350,3.182,352,3.348,353,3.262,358,1.562,368,1.251,378,3.371,390,1.671,391,3.314,393,2.781,410,2.248,418,1.316,421,1.84,428,2.526,441,2.482,473,1.316,483,2.781,501,2.032,517,1.871,518,3.934,521,1.931,526,1.679,527,2.493,529,3.397,544,1.363,563,2.746,569,3.821,576,2.412,577,2.412,583,1.84,588,3.151,589,3.188,595,2.58,596,3.544,611,1.964,620,1.316,624,1.964,648,1.801,652,2.608,656,2.732,659,2.269,661,2.653,662,3.715,663,1.801,665,1.964,680,3.033,687,2.413,688,2.269,701,1.251,709,2.412,718,1.801,731,1.882,755,1.931,777,2.269,779,1.088,790,2.653,791,2.145,845,3.117,867,1.964,874,1.964,875,4.76,893,2.412,901,1.801,947,2.412,1025,3.705,1029,4.167,1048,1.316,1098,1.192,1113,1.316,1136,3.544,1138,1.801,1205,2.781,1236,1.84,1325,2.867,1329,4.117,1330,3.371,1331,3.371,1332,3.371,1339,3.033,1342,3.371,1346,3.371,1348,2.051,1353,5.004,1357,3.033,1358,3.371,1360,3.371,1362,2.183,1364,2.183,1365,2.183,1366,1.562,1367,1.562,1368,2.183,1369,2.183,1370,2.183,1372,2.183,1375,1.562,1376,2.183,1379,2.781,1380,2.183,1382,2.183,1383,1.964,1384,2.183,1385,2.183,1386,2.781,1387,4.117,1388,2.183,1390,2.183,1391,2.183,1393,2.183,1394,2.183,1395,1.964,1396,2.183,1397,1.801,1398,2.183,1399,2.183,1400,2.183,1401,2.183,1405,2.183,1406,2.183,1408,2.183,1409,3.033,1410,3.371,1411,2.781,1412,3.371,1413,2.781,1414,2.183,1415,2.781,1416,1.671,1431,2.183,1432,4.743,1433,2.515,1434,2.515,1435,2.515,1436,2.515,1437,2.515,1438,2.515,1439,2.515,1440,2.515,1441,3.883,1442,2.515,1443,2.515,1444,2.515,1445,3.883,1446,2.515,1447,2.515,1448,2.515,1449,2.515,1450,2.515,1451,3.883,1452,2.515,1453,2.183,1454,2.515,1455,2.183,1456,2.515,1457,2.515,1458,2.515,1459,2.515,1460,2.515,1461,2.515,1462,2.515,1463,2.183,1464,2.515,1465,2.515,1466,2.515]],["title/components/GalleryVideoComponent.html",[170,0.723,272,1.446]],["body/components/GalleryVideoComponent.html",[0,0.19,3,0.145,4,0.145,5,0.145,6,0.192,10,0.101,11,1.07,17,1.172,18,1.019,20,0.623,21,0.015,22,0.789,23,0.257,24,0.459,26,1.148,28,0.36,34,0.145,49,0.818,51,1.294,62,0.009,63,0.009,64,0.362,65,1.246,66,0.788,68,1.449,69,3.038,72,0.702,73,1.677,74,1.423,76,0.384,84,3.138,85,1.449,97,1.557,106,2.132,107,0.462,120,0.729,121,0.901,170,1.061,171,1.246,172,1.831,174,1.351,175,1.408,184,1.449,188,1.988,189,1.988,190,1.351,191,1.297,192,1.297,233,1.408,235,1.246,240,1.297,243,1.408,244,1.988,245,1.564,246,2.503,247,1.408,248,1.988,249,1.108,250,1.408,251,1.297,252,1.408,253,1.297,254,1.408,255,1.297,256,1.408,257,1.297,258,1.297,259,1.408,260,1.297,261,1.408,262,1.108,263,1.408,264,1.297,265,1.408,266,1.297,267,1.408,268,1.246,269,1.408,270,1.297,271,1.408,272,2.305,273,1.408,274,1.246,275,1.408,276,1.246,277,1.027,278,1.408,279,1.152,280,1.408,281,1.066,282,1.408,283,1.108,284,1.408,285,1.066,286,1.408,287,1.108,288,1.408,289,1.246,290,1.408,291,1.246,292,1.408,293,1.246,294,1.408,295,1.152,296,1.408,297,1.246,298,1.408,299,1.246,300,1.408,301,1.246,302,1.408,303,1.759,304,1.408,318,2.21,325,2.266,352,2.492,353,2.492,422,3.081,424,2.511,431,2.888,501,2.621,526,2.167,527,2.877,544,1.759,563,2.511,567,1.821,611,2.074,805,3.038,878,5.636,883,3.914,884,4.349,893,2.205,899,3.081,900,4.349,901,2.542,902,3.914,910,3.081,911,3.081,947,3.113,1057,3.605,1198,3.589,1467,3.081,1468,5.807,1469,3.393,1470,3.858,1471,3.858,1472,3.858,1473,3.858,1474,3.608,1475,5.011,1476,3.549,1477,3.329,1478,3.329,1479,3.329,1480,3.549,1481,3.549,1482,3.549,1483,3.549,1484,3.549,1485,5.011,1486,5.011,1487,3.549,1488,3.914,1489,3.549,1490,3.549,1491,3.549,1492,5.011,1493,3.549,1494,3.549,1495,3.549,1496,5.011,1497,5.011,1498,6.309,1499,5.011,1500,3.549,1501,3.549,1502,3.549,1503,3.549,1504,3.549,1505,5.807,1506,3.549,1507,2.773,1508,3.081,1509,5.011]],["title/directives/HammerSliding.html",[64,0.404,289,1.389]],["body/directives/HammerSliding.html",[0,0.174,3,0.132,4,0.132,5,0.132,6,0.19,8,1.791,10,0.157,11,1.004,14,1.014,15,2.747,17,0.76,18,1.007,20,0.687,21,0.015,22,0.655,23,0.243,24,0.506,26,1.325,28,0.509,34,0.132,35,1.545,45,1.794,47,0.996,48,1.539,49,1.274,51,1.828,62,0.008,63,0.008,64,0.48,66,0.721,68,1.36,70,2.892,71,2.749,72,0.642,73,0.966,74,0.859,76,0.361,77,2.648,80,4.34,81,4.34,82,2.46,83,3.013,85,1.36,86,1.599,87,3.051,88,0.547,94,1.661,97,1.899,106,1.939,107,0.423,117,1.726,118,1.187,119,1.096,120,0.667,121,0.504,125,3.368,129,3.959,193,1.79,196,1.054,201,1.288,219,2.819,229,1.661,235,1.14,245,2.253,262,1.726,268,1.94,289,2.127,316,3.344,317,3.229,318,2.306,320,3.368,323,3.229,325,1.469,343,1.897,366,2.017,369,4.605,374,2.595,386,1.897,400,3.124,420,2.921,434,2.158,441,1.699,473,1.699,517,1.794,526,2.033,544,1.651,563,2.99,569,2.339,588,3.672,589,2.46,595,3.124,596,4.025,611,2.288,648,2.326,658,1.897,687,1.469,688,1.897,731,1.288,777,3.54,1048,1.699,1236,1.539,1325,2.749,1348,2.39,1374,2.158,1413,3.368,1453,2.819,1510,6.073,1511,2.537,1512,4.798,1513,6.059,1514,4.702,1515,4.318,1516,5.527,1517,3.672,1518,2.537,1519,5.527,1520,6.059,1521,4.702,1522,3.248,1523,3.248,1524,3.248,1525,3.248,1526,3.248,1527,3.248,1528,3.248,1529,3.248,1530,3.248,1531,4.702,1532,3.248,1533,4.34,1534,3.248,1535,3.248,1536,3.248,1537,3.368,1538,2.158,1539,3.248,1540,2.819,1541,2.017,1542,3.368,1543,2.326,1544,2.747,1545,2.326,1546,2.819,1547,3.248,1548,3.248,1549,3.248,1550,3.248,1551,3.248,1552,3.248,1553,3.248,1554,3.248,1555,2.326,1556,2.537,1557,2.819,1558,2.819,1559,3.248,1560,2.819,1561,2.819,1562,2.819,1563,4.082,1564,3.248,1565,3.248,1566,2.819,1567,3.248,1568,3.248,1569,2.819,1570,2.537,1571,3.248,1572,3.248,1573,3.248,1574,3.248,1575,2.819,1576,3.248,1577,3.248,1578,2.537,1579,3.248,1580,3.959,1581,3.248,1582,4.702,1583,4.702,1584,4.082,1585,4.702,1586,3.248,1587,4.702,1588,5.527,1589,3.248,1590,3.248,1591,3.248,1592,5.527,1593,3.248,1594,3.248,1595,4.702,1596,3.248,1597,3.248,1598,3.248,1599,3.248,1600,3.248,1601,3.248,1602,3.248,1603,3.248,1604,3.248,1605,3.248,1606,3.248,1607,3.248,1608,3.248,1609,3.248,1610,3.248]],["title/interfaces/Hit.html",[140,0.695,1611,2.459]],["body/interfaces/Hit.html",[3,0.184,4,0.184,5,0.184,6,0.11,10,0.128,17,1.338,21,0.015,23,0.267,34,0.284,47,1.245,62,0.011,63,0.011,76,0.453,140,1.223,142,1.585,327,3.303,548,3.785,751,3.785,1046,3.257,1611,4.084,1612,2.999,1613,4.993,1614,4.993,1615,4.993,1616,5.181,1617,5.181,1618,4.993,1619,4.993,1620,5.181,1621,5.181,1622,5.181,1623,4.632,1624,5.181,1625,5.181,1626,4.993,1627,5.181,1628,5.181,1629,5.181,1630,2.804,1631,4.226,1632,4.226,1633,2.638,1634,3.448,1635,3.233,1636,3.233,1637,3.233,1638,3.233]],["title/interfaces/Hit2.html",[140,0.695,1634,2.312]],["body/interfaces/Hit2.html",[3,0.19,4,0.19,5,0.19,6,0.114,10,0.133,17,1.345,21,0.015,23,0.266,34,0.287,47,1.241,62,0.011,63,0.011,76,0.462,140,1.239,142,1.637,327,2.21,548,3.824,751,3.824,1046,3.327,1611,3.744,1612,3.099,1613,3.341,1614,3.341,1615,3.341,1616,5.235,1617,5.235,1618,3.341,1619,3.341,1620,5.235,1621,5.235,1622,5.235,1623,3.099,1624,5.235,1625,5.235,1626,3.341,1627,5.235,1628,5.235,1629,5.235,1630,2.898,1631,4.317,1632,4.317,1633,2.725,1634,3.902,1635,5.056,1636,5.056,1637,5.056,1638,5.056]],["title/classes/HorizontalAdapter.html",[0,0.212,1366,2.459]],["body/classes/HorizontalAdapter.html",[0,0.243,2,1.459,3,0.125,4,0.125,5,0.125,6,0.187,10,0.088,11,0.966,14,2.409,16,4.088,17,1.151,18,0.992,20,0.782,21,0.015,22,0.746,23,0.231,24,0.577,26,1.344,28,0.386,34,0.184,35,1.847,45,1.918,47,1.2,51,1.838,62,0.008,63,0.008,68,1.551,76,0.347,86,1.903,88,0.519,94,1.977,119,1.039,156,3.091,158,2.497,159,2.497,165,2.367,166,1.799,193,2.249,195,1.959,196,1.468,197,1.722,213,3.671,216,4.232,228,2.264,328,1.308,329,1.824,374,4.233,421,2.983,499,3.632,510,2.25,544,1.588,567,1.043,569,3.13,583,3.306,687,1.393,690,4.188,790,3.815,791,3.274,845,3.133,1236,1.459,1325,1.532,1348,2.555,1366,2.81,1367,1.913,1533,4.508,1543,2.206,1544,1.799,1639,5.494,1640,2.206,1641,4.616,1642,4.616,1643,4.917,1644,4.917,1645,3.534,1646,3.534,1647,3.534,1648,4.917,1649,3.534,1650,4.616,1651,4.616,1652,4.616,1653,2.673,1654,3.08,1655,4.524,1656,3.927,1657,3.08,1658,3.08,1659,3.08,1660,3.08,1661,4.188,1662,3.08,1663,2.046,1664,4.188,1665,3.08,1666,4.917,1667,4.188,1668,3.08,1669,3.08,1670,4.188,1671,3.08,1672,2.406,1673,3.08,1674,2.406,1675,3.08,1676,2.406,1677,3.08,1678,2.673,1679,2.673,1680,2.673,1681,6.445,1682,4.654,1683,2.673,1684,3.927,1685,3.927,1686,3.927,1687,5.129,1688,2.673,1689,4.232,1690,5.129,1691,2.673,1692,2.673,1693,2.673,1694,2.673,1695,3.534,1696,3.534,1697,2.673,1698,3.534,1699,4.616,1700,2.673,1701,2.673,1702,2.673,1703,4.654,1704,2.673,1705,3.927,1706,2.673,1707,2.673,1708,2.673,1709,2.673,1710,2.673,1711,2.673]],["title/classes/IframeItem.html",[0,0.212,1268,2.184]],["body/classes/IframeItem.html",[0,0.371,2,2.103,3,0.181,4,0.181,5,0.181,6,0.169,10,0.126,17,1.194,18,0.849,20,0.552,21,0.015,22,0.526,23,0.263,24,0.407,28,0.42,34,0.318,62,0.011,63,0.011,68,2.081,72,0.877,76,0.448,88,0.748,118,1.622,121,1.074,201,1.761,228,2.567,237,2.811,370,2.103,424,2.523,428,2.048,431,2.207,461,3.118,567,1.702,731,1.761,785,3.405,787,2.103,801,3.053,805,2.322,839,2.593,925,2.593,940,2.207,955,2.207,969,2.757,1022,3.444,1057,2.207,1072,2.593,1098,2.103,1099,4.046,1100,4.046,1110,4.302,1115,4.302,1117,2.949,1118,2.949,1220,4.746,1268,3.221,1269,2.449,1270,2.449,1302,2.322,1469,2.593,1470,2.949,1471,2.949,1472,2.949,1473,2.949,1474,2.757,1477,2.949,1478,2.949,1479,2.949,1712,2.757,1713,5.153,1714,5.835,1715,4.438,1716,3.179,1717,3.179,1718,3.179,1719,4.179,1720,4.179,1721,3.179,1722,3.179,1723,4.601,1724,2.757,1725,2.949,1726,2.949,1727,3.877,1728,2.949,1729,3.179,1730,3.179,1731,2.757]],["title/classes/ImageItem.html",[0,0.212,370,1.875]],["body/classes/ImageItem.html",[0,0.371,2,2.103,3,0.181,4,0.181,5,0.181,6,0.169,10,0.126,17,1.194,18,0.849,20,0.552,21,0.015,22,0.526,23,0.263,24,0.407,28,0.42,34,0.318,62,0.011,63,0.011,68,2.081,72,0.877,76,0.448,88,0.748,118,1.622,121,1.074,201,1.761,228,2.567,237,2.811,370,2.765,424,2.523,428,2.048,431,2.207,461,3.118,567,1.702,731,1.761,785,3.405,787,2.103,801,3.053,805,2.322,839,2.593,925,2.593,940,2.207,955,2.207,969,2.757,1022,3.744,1057,2.207,1072,2.593,1098,2.103,1099,4.046,1100,4.046,1110,4.302,1115,4.302,1117,2.949,1118,2.949,1220,4.469,1268,2.449,1269,2.449,1270,2.449,1302,2.322,1469,2.593,1470,2.949,1471,2.949,1472,2.949,1473,2.949,1474,2.757,1477,2.949,1478,2.949,1479,2.949,1712,2.757,1713,5.153,1716,3.179,1717,3.179,1718,3.179,1719,4.179,1720,4.179,1721,3.179,1722,3.179,1723,4.601,1724,2.757,1725,2.949,1726,2.949,1727,3.877,1728,2.949,1729,3.179,1730,3.179,1731,2.757,1732,5.835,1733,4.438]],["title/interfaces/ImageRegistry.html",[140,0.695,1734,2.834]],["body/interfaces/ImageRegistry.html",[0,0.284,3,0.215,4,0.215,5,0.215,6,0.129,10,0.15,21,0.015,23,0.212,27,3.2,28,0.532,31,2.768,32,3.867,33,1.59,34,0.215,35,1.632,47,0.97,49,1.505,51,1.366,62,0.012,63,0.012,76,0.501,77,2.203,91,3.092,97,1.75,107,0.689,109,3.814,111,4.055,117,2.038,118,1.933,132,4.133,140,0.929,142,1.857,228,2.118,330,3.814,333,3.516,423,5.07,447,3.246,517,2.463,788,2.507,940,2.632,955,3.246,961,4.133,1067,4.675,1273,3.516,1734,5.293,1735,3.79,1736,4.133,1737,5.773,1738,4.593,1739,4.593,1740,4.593,1741,4.593,1742,4.593,1743,4.593,1744,4.593,1745,4.593,1746,5.666,1747,4.593,1748,5.666,1749,4.593,1750,4.593,1751,4.593]],["title/injectables/ImgManager.html",[91,2.312,447,1.968]],["body/injectables/ImgManager.html",[0,0.256,3,0.194,4,0.194,5,0.194,6,0.184,10,0.192,11,1.305,18,0.958,20,0.839,21,0.015,22,0.8,23,0.239,24,0.618,26,1.333,27,3.169,28,0.512,31,2.493,32,3.939,33,1.432,34,0.194,35,1.555,47,1.119,49,1.64,51,1.231,62,0.011,63,0.011,76,0.469,77,2.541,91,3.571,97,1.908,107,0.62,109,3.571,111,3.797,117,1.908,118,1.741,132,3.723,140,0.836,228,2.443,328,1.768,329,1.639,330,3.571,333,4.482,423,3.413,447,3.04,448,3.166,517,2.189,788,2.258,940,2.37,955,3.04,961,5.27,1067,4.832,1273,3.166,1734,5.27,1735,5.392,1736,3.723,1737,3.723,1738,5.305,1739,5.305,1740,4.137,1741,4.137,1742,4.137,1743,4.137,1744,4.137,1745,5.305,1746,6.177,1747,4.137,1748,5.305,1749,5.305,1750,4.137,1751,4.137,1752,6.112,1753,6.112,1754,6.112,1755,4.766,1756,4.766,1757,4.766,1758,4.766,1759,4.766]],["title/directives/ImgRecognizer.html",[64,0.404,291,1.389]],["body/directives/ImgRecognizer.html",[0,0.255,3,0.194,4,0.194,5,0.194,6,0.191,8,2.131,10,0.173,11,1.303,18,1.009,20,0.591,21,0.015,22,0.564,23,0.198,24,0.436,26,1.405,28,0.485,34,0.194,47,0.907,49,1.096,62,0.011,63,0.011,64,0.688,66,1.055,68,1.765,69,3.526,71,3.352,72,0.94,73,1.254,74,1.115,77,2.059,83,3.536,84,3.536,85,1.765,88,0.801,91,4.154,97,2.017,106,1.375,107,0.619,113,5.554,120,0.977,121,0.946,122,1.886,170,0.868,183,1.886,191,1.737,262,2.22,291,2.142,318,2.706,330,2.778,331,3.405,343,4.396,421,2.891,517,1.543,527,2.639,558,3.405,893,3.791,921,4.054,1116,3.714,1374,3.159,1542,3.405,1735,5.607,1737,3.714,1760,4.127,1761,6.102,1762,7.11,1763,7.11,1764,5.85,1765,6.102,1766,4.754,1767,4.754,1768,6.102,1769,6.102,1770,6.102,1771,4.754,1772,4.754,1773,6.102,1774,6.102,1775,4.754,1776,4.754,1777,4.754,1778,4.754,1779,4.127,1780,4.754,1781,4.127,1782,4.754,1783,3.405,1784,4.754,1785,4.754,1786,4.754]],["title/directives/ItemIntersectionObserver.html",[64,0.404,293,1.389]],["body/directives/ItemIntersectionObserver.html",[0,0.216,1,4.626,3,0.164,4,0.164,5,0.164,6,0.192,8,1.729,10,0.114,11,1.167,14,1.257,16,3.856,17,0.651,18,1.014,20,0.5,21,0.015,22,0.477,23,0.238,24,0.369,26,1.316,28,0.538,31,2.106,33,1.209,34,0.164,35,1.26,47,0.598,49,1.431,51,1.039,60,3.494,62,0.01,63,0.01,64,0.558,66,0.893,68,1.581,70,3.248,71,3.087,72,0.796,73,1.123,76,0.419,77,2.662,78,4.849,80,4.769,81,4.769,82,3.484,83,3.312,85,1.581,86,1.795,88,0.678,94,1.865,97,2.004,102,3.426,106,1.795,107,0.524,109,3.627,119,1.358,120,0.827,121,0.624,122,1.597,125,2.883,129,4.446,130,3.144,139,3.144,165,2.86,199,2.5,262,2.079,293,2.337,315,3.144,316,3.675,323,3.194,328,1.164,329,1.079,386,2.352,420,2.5,493,2.883,517,1.306,526,2.364,544,1.919,563,2.879,567,1.26,611,2.263,642,2.883,738,4.924,779,1.74,788,1.907,940,2.002,955,2.719,1273,2.674,1325,3.087,1348,2.684,1374,2.674,1379,2.883,1515,4.849,1517,4.124,1538,2.674,1541,2.5,1542,2.883,1578,3.144,1663,2.674,1787,6.808,1788,2.674,1789,5.388,1790,5.466,1791,6.208,1792,4.27,1793,3.144,1794,3.144,1795,3.494,1796,3.494,1797,3.494,1798,3.494,1799,3.144,1800,3.494,1801,3.494,1802,4.025,1803,5.466,1804,3.632,1805,2.674,1806,3.144,1807,4.025,1808,4.025,1809,3.144,1810,3.494,1811,3.494,1812,4.025,1813,4.025,1814,4.025,1815,5.466,1816,4.025,1817,3.494,1818,3.494,1819,4.025,1820,4.025,1821,3.494,1822,3.494,1823,3.494]],["title/injectables/Lightbox.html",[277,1.145,447,1.968]],["body/injectables/Lightbox.html",[0,0.194,3,0.147,4,0.147,5,0.147,6,0.181,10,0.167,11,1.085,17,0.822,18,0.948,20,0.73,21,0.015,22,0.696,23,0.218,24,0.583,25,2.116,26,1.16,28,0.54,33,1.088,34,0.147,47,0.755,49,1.545,51,1.731,62,0.009,63,0.009,74,1.37,76,0.39,77,2.498,86,2.3,88,0.61,93,3.901,97,1.574,104,1.895,107,0.471,116,3.157,121,0.562,179,3.376,196,1.649,238,1.499,274,1.271,277,2.271,325,2.298,327,3.382,328,1.698,329,1.574,343,2.969,350,3.7,352,3.166,353,3.166,366,2.25,390,2.406,391,3.647,393,3.64,416,2.594,447,2.527,448,2.406,455,2.829,471,2.594,476,3.969,478,4.205,480,2.594,481,2.829,484,4.972,763,4.792,886,4.559,888,4.205,903,2.25,904,1.999,1048,2.659,1192,5.525,1200,4.411,1247,4.411,1284,5.819,1824,3.143,1825,5.871,1826,6.033,1827,6.033,1828,5.429,1829,5.525,1830,4.853,1831,5.871,1832,5.082,1833,3.621,1834,5.082,1835,3.621,1836,3.621,1837,3.621,1838,5.096,1839,3.621,1840,3.621,1841,5.082,1842,3.621,1843,3.621,1844,5.871,1845,2.829,1846,5.082,1847,5.082,1848,5.082,1849,3.621,1850,2.406,1851,3.621,1852,3.621,1853,3.621,1854,3.621,1855,2.829,1856,3.621,1857,2.594,1858,3.621,1859,2.829,1860,5.082,1861,3.621,1862,3.621,1863,3.621,1864,3.621,1865,3.143,1866,3.621,1867,3.621,1868,5.082,1869,3.621,1870,3.621,1871,3.621,1872,3.621,1873,3.621,1874,3.143,1875,3.621,1876,3.621,1877,3.621,1878,3.621,1879,3.621,1880,3.621,1881,3.621,1882,3.621,1883,3.621,1884,3.621,1885,3.621,1886,3.621,1887,3.621,1888,3.621,1889,3.621,1890,3.621,1891,3.621,1892,3.621,1893,3.621,1894,3.621,1895,3.621,1896,5.082,1897,3.621,1898,3.621,1899,3.621,1900,3.621,1901,3.621,1902,3.621,1903,3.621,1904,3.621,1905,3.621]],["title/components/LightboxComponent.html",[170,0.723,274,1.389]],["body/components/LightboxComponent.html",[0,0.25,3,0.099,4,0.099,5,0.099,6,0.183,10,0.108,11,0.81,14,1.452,17,1.102,18,0.967,20,0.471,21,0.015,22,0.674,23,0.235,24,0.426,26,1.037,28,0.467,31,1.276,34,0.099,45,1.23,47,0.78,48,1.155,51,0.63,62,0.007,63,0.007,64,0.249,65,0.856,66,0.541,72,0.482,73,1.623,74,1.366,76,0.291,77,2.524,88,0.411,97,1.613,107,0.317,111,1.515,116,3.26,120,0.501,121,0.588,170,0.85,171,0.856,172,1.385,173,1.103,174,0.928,175,0.967,184,1.097,188,1.504,189,1.504,190,0.928,191,0.891,192,0.891,193,1.77,194,1.276,195,1.7,196,2.443,197,0.928,198,2.204,199,2.355,201,0.967,202,3.084,203,3.397,204,3.148,207,3.291,214,1.905,215,2.117,216,1.747,217,1.905,218,4.071,220,1.276,222,1.213,224,2.519,225,2.519,226,1.905,233,0.967,235,0.856,238,1.926,240,0.891,243,0.967,244,1.504,245,2.319,246,2.082,247,0.967,248,1.504,249,1.452,250,0.967,251,0.891,252,0.967,253,0.891,254,0.967,255,0.891,256,0.967,257,0.891,258,0.891,259,0.967,260,0.891,261,0.967,262,0.761,263,0.967,264,0.891,265,0.967,266,0.891,267,0.967,268,0.856,269,0.967,270,0.891,271,0.967,272,0.891,273,0.967,274,1.842,275,0.967,276,0.856,277,2.28,278,0.967,279,0.791,280,0.967,281,0.733,282,0.967,283,0.761,284,0.967,285,0.733,286,0.967,287,0.761,288,0.967,289,0.856,290,0.967,291,0.856,292,0.967,293,0.856,294,0.967,295,0.791,296,0.967,297,0.856,298,0.967,299,0.856,300,0.967,301,0.856,302,0.967,303,1.331,304,0.967,318,1.997,320,2.716,325,1.103,327,3.23,328,0.705,329,1.017,343,1.425,364,1.905,366,1.515,368,2.61,369,1.747,374,1.346,382,2.117,410,1.155,418,1.276,434,3.091,461,1.504,467,1.905,481,1.905,497,1.425,517,1.953,520,1.905,521,1.886,571,1.103,652,2.104,656,3.077,658,1.425,659,2.215,660,2.093,661,1.213,675,2.117,677,2.962,684,1.346,695,2.117,698,1.905,700,1.905,701,1.213,704,2.519,709,3.738,710,2.117,713,2.117,716,2.117,718,1.747,731,0.967,751,1.276,753,2.567,754,1.905,755,1.213,756,1.62,757,1.747,763,2.89,764,1.905,765,1.747,766,2.117,903,1.515,904,1.346,950,3.634,962,1.905,963,2.89,967,2.117,1006,5.072,1113,1.276,1137,1.905,1147,2.962,1186,3.291,1187,2.716,1188,3.291,1236,1.797,1395,1.905,1397,1.747,1507,1.905,1518,1.905,1555,1.747,1580,1.747,1725,1.62,1783,2.716,1827,5.223,1828,4.906,1838,5.223,1845,1.905,1906,2.117,1907,4.652,1908,4.652,1909,4.652,1910,4.099,1911,4.44,1912,4.099,1913,3.634,1914,4.44,1915,4.309,1916,4.44,1917,5.247,1918,5.247,1919,5.247,1920,3.792,1921,4.652,1922,5.247,1923,4.652,1924,3.792,1925,2.439,1926,3.792,1927,6.121,1928,5.223,1929,2.439,1930,3.792,1931,3.792,1932,2.439,1933,3.792,1934,3.792,1935,3.792,1936,5.247,1937,2.439,1938,3.792,1939,3.792,1940,3.792,1941,3.792,1942,3.792,1943,3.792,1944,3.792,1945,4.652,1946,2.439,1947,3.792,1948,3.792,1949,2.439,1950,3.792,1951,2.439,1952,4.933,1953,4.933,1954,3.792,1955,2.439,1956,3.792,1957,3.792,1958,2.439,1959,3.291,1960,2.439,1961,4.099,1962,4.44,1963,5.247,1964,2.439,1965,2.439,1966,2.439,1967,2.439,1968,4.933,1969,2.439,1970,2.439,1971,2.962,1972,2.439,1973,2.439,1974,2.117,1975,2.439,1976,2.439,1977,4.652,1978,2.439,1979,2.439,1980,2.439,1981,2.439,1982,2.439,1983,2.439,1984,2.439,1985,2.439,1986,2.439,1987,4.652,1988,2.439,1989,2.439,1990,4.038,1991,2.439,1992,1.905,1993,2.117,1994,2.117,1995,2.439,1996,1.905,1997,2.439,1998,2.439,1999,2.439,2000,2.439,2001,3.792,2002,2.439,2003,2.117,2004,1.905,2005,2.117,2006,2.117,2007,3.792,2008,2.439,2009,2.117,2010,2.439,2011,2.117,2012,2.439,2013,2.117,2014,2.439,2015,2.439,2016,2.439,2017,2.439,2018,3.792,2019,2.117,2020,2.439,2021,2.439,2022,3.792,2023,2.439,2024,2.439,2025,4.099,2026,2.117,2027,2.439,2028,2.439,2029,2.439,2030,2.439,2031,2.439,2032,2.439,2033,2.439,2034,2.439,2035,1.905,2036,2.439,2037,2.439,2038,2.117,2039,2.439,2040,3.792,2041,2.439,2042,3.792,2043,2.439,2044,3.792]],["title/interfaces/LightboxConfig.html",[140,0.695,1830,2.459]],["body/interfaces/LightboxConfig.html",[3,0.209,4,0.209,5,0.209,6,0.126,10,0.146,17,1.344,21,0.015,23,0.261,24,0.758,28,0.37,34,0.261,47,1.141,49,1.185,51,1.327,62,0.012,63,0.012,76,0.492,107,0.669,140,0.902,142,1.804,150,3.414,567,1.769,1830,3.982,1850,3.414,1855,5.714,1857,5.239,1859,5.714,1910,5.714,1911,5.714,1912,5.714,1913,5.714,1914,5.714,1915,5.239,1916,5.714,2045,4.015,2046,6.35,2047,4.461]],["title/directives/LightboxDirective.html",[64,0.404,295,1.284]],["body/directives/LightboxDirective.html",[0,0.27,3,0.205,4,0.205,5,0.205,6,0.189,10,0.18,11,1.352,17,0.815,18,0.994,20,0.627,21,0.015,22,0.598,23,0.236,24,0.462,25,3.7,26,1.252,28,0.498,33,1.515,34,0.205,47,0.749,62,0.011,63,0.011,64,0.646,66,1.118,68,1.832,69,3.623,71,3.444,72,0.996,73,1.301,74,1.157,76,0.486,77,2.137,83,3.613,84,3.613,85,1.832,88,0.849,97,1.698,102,2.782,106,1.458,107,0.656,110,3.7,120,1.036,121,0.782,122,2,138,3.131,196,2.055,277,2.268,295,2.055,317,4.046,318,2.765,319,5.497,327,2.388,328,2.003,329,1.857,373,4.376,418,2.637,684,2.782,2048,4.376,2049,6.925,2050,5.041,2051,6.925,2052,7.264,2053,6.333,2054,5.041,2055,5.041,2056,5.041,2057,6.925,2058,6.333,2059,5.041,2060,3.937,2061,5.041,2062,5.041,2063,5.041,2064,5.041,2065,5.041,2066,5.041,2067,5.041,2068,5.041,2069,5.041]],["title/components/LightboxExampleComponent.html",[170,0.723,276,1.389]],["body/components/LightboxExampleComponent.html",[0,0.243,3,0.184,4,0.184,5,0.184,6,0.161,8,1.647,10,0.129,18,0.77,20,0.563,21,0.015,22,0.828,23,0.192,24,0.415,27,2.726,28,0.534,33,1.361,34,0.184,62,0.011,63,0.011,64,0.462,65,1.59,66,1.005,72,0.895,73,1.703,74,1.464,76,0.454,88,0.763,107,0.59,120,0.931,121,0.703,170,1.203,171,1.59,172,2.161,174,1.724,175,1.797,179,3.01,180,5.134,181,5.134,182,5.134,183,2.769,184,2.019,185,5.134,186,5.134,187,5.134,188,2.346,189,2.346,190,1.724,191,1.655,192,2.406,228,2.137,229,1.979,230,4.62,231,4.499,233,1.797,234,2.802,235,1.59,237,1.724,238,2.448,239,3.539,240,1.655,241,3.01,242,3.932,243,1.797,244,2.346,245,1.846,246,2.769,247,1.797,248,2.346,249,1.414,250,1.797,251,1.655,252,1.797,253,1.655,254,1.797,255,1.655,256,1.797,257,1.655,258,1.655,259,1.797,260,1.655,261,1.797,262,1.414,263,1.797,264,1.655,265,1.797,266,1.655,267,1.797,268,1.59,269,1.797,270,1.655,271,1.797,272,1.655,273,1.797,274,1.59,275,1.797,276,2.45,277,1.905,278,1.797,279,1.47,280,1.797,281,1.361,282,1.797,283,1.414,284,1.797,285,1.361,286,1.797,287,1.414,288,1.797,289,1.59,290,1.797,291,1.59,292,1.797,293,1.59,294,1.797,295,1.47,296,1.797,297,1.59,298,1.797,299,1.59,300,1.797,301,1.59,302,1.797,303,2.076,304,1.797,797,3.539,2070,5.716,2071,5.914,2072,3.674,2073,3.932]],["title/modules/LightboxModule.html",[1150,2.834,2072,2.459]],["body/modules/LightboxModule.html",[0,0.3,3,0.227,4,0.227,5,0.227,6,0.136,21,0.015,28,0.542,34,0.227,62,0.012,63,0.012,74,1.02,107,0.727,236,4.503,238,2.312,240,2.465,279,2.648,295,2.648,473,2.922,1151,3.71,1152,4.191,1156,5.269,1157,4,1159,5.855,1160,5.269,2072,5.085,2074,4.847,2075,4.847,2076,4.847,2077,5.584,2078,5.584,2079,5.584]],["title/injectables/Pixabay.html",[231,2.459,447,1.968]],["body/injectables/Pixabay.html",[0,0.28,3,0.212,4,0.212,5,0.212,6,0.18,10,0.148,11,1.381,17,1.222,18,0.915,20,0.804,21,0.015,22,0.767,23,0.228,24,0.593,25,3.047,26,1.031,27,2.911,28,0.544,32,2.728,33,1.567,34,0.212,35,1.491,47,0.775,49,1.202,51,1.346,62,0.012,63,0.012,74,0.952,76,0.496,77,2.373,88,0.879,107,0.679,122,2.069,228,2.282,231,4.018,237,1.984,238,2.159,328,1.508,329,1.398,370,3.065,424,2.255,428,1.83,431,2.593,447,3.217,448,3.464,480,3.735,925,3.047,1633,3.779,1634,3.779,2080,4.526,2081,7.032,2082,6.468,2083,5.214,2084,6.382,2085,6.468,2086,6.468,2087,6.468,2088,5.214,2089,5.214,2090,6.468,2091,6.468,2092,5.214,2093,5.214,2094,5.214,2095,5.214,2096,5.214,2097,5.214,2098,5.214,2099,5.214,2100,5.214,2101,5.214,2102,5.214,2103,5.214,2104,5.214,2105,5.214,2106,5.214]],["title/interfaces/PixabayHDModel.html",[140,0.695,1633,2.312]],["body/interfaces/PixabayHDModel.html",[3,0.215,4,0.215,5,0.215,6,0.129,10,0.15,17,1.326,21,0.015,23,0.246,34,0.301,47,1.24,62,0.012,63,0.012,76,0.5,140,1.296,142,1.852,327,2.501,548,3.409,751,3.409,1046,4.187,1611,4.048,1612,3.506,1613,3.78,1614,3.78,1615,3.78,1616,4.667,1617,4.667,1618,3.78,1619,3.78,1620,4.667,1621,4.667,1622,4.667,1623,3.506,1624,4.667,1625,4.667,1626,3.78,1627,4.667,1628,4.667,1629,4.667,1630,3.278,1631,5.433,1632,5.433,1633,3.807,1634,4.314,1635,3.78,1636,3.78,1637,3.78,1638,3.78]],["title/interfaces/PixabayModel.html",[140,0.695,1630,2.459]],["body/interfaces/PixabayModel.html",[3,0.215,4,0.215,5,0.215,6,0.129,10,0.15,17,1.326,21,0.015,23,0.246,34,0.301,47,1.24,62,0.012,63,0.012,76,0.5,140,1.296,142,1.852,327,2.501,548,3.409,751,3.409,1046,4.187,1611,4.587,1612,3.506,1613,3.78,1614,3.78,1615,3.78,1616,4.667,1617,4.667,1618,3.78,1619,3.78,1620,4.667,1621,4.667,1622,4.667,1623,3.506,1624,4.667,1625,4.667,1626,3.78,1627,4.667,1628,4.667,1629,4.667,1630,4.048,1631,5.433,1632,5.433,1633,3.083,1634,3.807,1635,3.78,1636,3.78,1637,3.78,1638,3.78]],["title/classes/SliderAdapter.html",[0,0.212,1348,1.711]],["body/classes/SliderAdapter.html",[0,0.244,2,2.151,3,0.185,4,0.185,5,0.185,6,0.195,10,0.129,11,1.265,14,2.32,17,1.202,18,1.033,20,0.868,21,0.015,22,0.828,23,0.235,24,0.64,26,1.496,34,0.185,47,1.21,62,0.011,63,0.011,76,0.454,228,2.412,245,2.058,329,1.217,421,3.311,544,2.079,567,1.047,790,3.765,791,3.424,1348,2.561,1533,3.252,1641,5.149,1642,5.149,1643,5.458,1644,5.458,1645,4.627,1646,4.627,1647,4.627,1648,5.458,1649,4.627,1650,5.149,1651,5.149,1652,5.149,1661,4.627,1663,3.017,1664,4.627,1666,5.661,1667,4.627,1670,4.627,1672,3.547,1674,3.547,1676,3.547,1695,3.547,1696,3.547,1698,3.547,1699,5.458,2107,6.926,2108,3.941,2109,8.296,2110,4.54,2111,4.54,2112,4.54,2113,4.54,2114,4.54,2115,4.54,2116,4.54,2117,4.54,2118,4.54,2119,4.54,2120,4.54,2121,4.54]],["title/directives/SliderIntersectionObserver.html",[64,0.404,297,1.389]],["body/directives/SliderIntersectionObserver.html",[0,0.221,1,4.665,3,0.168,4,0.168,5,0.168,6,0.193,8,1.149,10,0.158,11,1.187,14,1.288,16,3.906,17,0.667,18,1.025,20,0.513,21,0.015,22,0.489,23,0.244,24,0.378,26,1.33,28,0.52,33,1.24,34,0.168,35,0.951,47,0.613,49,1.449,51,1.065,62,0.01,63,0.01,64,0.567,66,0.916,68,1.608,70,3.289,71,3.127,72,0.816,73,1.142,76,0.426,77,2.671,78,4.911,80,4.818,81,4.818,82,3.52,83,3.346,85,1.608,86,1.818,88,0.695,94,1.889,97,2.016,102,3.47,106,1.946,107,0.537,119,1.392,120,0.848,121,0.64,122,1.637,125,2.955,129,4.503,130,3.223,139,3.223,199,2.563,229,1.889,262,2.1,297,2.361,315,3.223,316,3.713,317,3.673,318,2.56,323,3.248,328,1.193,329,1.106,386,2.411,420,2.563,493,2.955,526,2.404,544,1.951,563,2.909,567,1.281,611,2.301,642,2.955,738,4.961,779,1.784,1325,3.127,1348,2.719,1374,2.741,1379,2.955,1404,3.582,1515,4.911,1517,4.177,1538,2.741,1541,2.563,1542,2.955,1545,2.955,1570,3.223,1578,3.223,1788,2.741,1789,5.457,1792,4.342,1793,3.223,1794,3.223,1795,3.582,1796,3.582,1798,3.582,1799,3.223,1800,3.582,1801,3.582,1804,2.741,1809,3.223,1810,3.582,1821,3.582,1822,3.582,1823,3.582,2122,6.183,2123,5.559,2124,4.126,2125,4.126,2126,4.126,2127,3.223,2128,4.126,2129,4.126,2130,4.126,2131,4.126,2132,4.126]],["title/directives/SliderResizeObserver.html",[64,0.404,299,1.389]],["body/directives/SliderResizeObserver.html",[0,0.138,3,0.104,4,0.104,5,0.104,6,0.19,8,1.098,10,0.112,11,0.842,12,4.797,14,1.231,17,0.776,18,1.007,20,0.597,21,0.015,22,0.569,23,0.241,24,0.44,26,1.366,27,2.231,28,0.487,31,2.062,33,0.77,34,0.104,35,1.341,48,1.215,49,1.107,51,1.502,62,0.007,63,0.007,64,0.402,66,0.569,68,1.14,69,2.512,70,2.512,71,2.388,72,0.507,73,0.81,74,1.062,76,0.302,77,2.712,82,2.819,83,2.68,84,2.68,85,1.14,86,1.389,87,2.65,88,0.432,90,4.168,91,3.149,93,3.19,94,1.443,97,2.046,102,3.21,104,3.043,106,1.559,107,0.334,109,1.498,110,2.805,111,2.449,112,2.003,113,2.003,114,1.704,115,2.226,116,1.593,117,1.499,119,0.865,120,0.527,121,1.072,122,1.017,124,3.421,138,2.449,158,1.415,195,0.937,196,0.832,201,1.564,202,1.783,229,0.77,238,1.061,299,1.892,316,2.974,317,2.303,318,2.051,323,2.805,325,1.16,328,1.14,329,1.057,330,2.303,352,1.275,353,1.96,365,3.439,372,2.003,381,2.619,386,2.303,410,1.215,420,2.449,423,2.823,441,1.342,473,1.342,517,1.279,526,1.704,544,1.384,563,2.33,567,1.415,569,3.549,571,1.16,583,2.756,585,1.836,611,1.632,624,3.079,626,2.003,642,2.823,644,3.421,656,3.616,660,1.415,687,1.16,705,3.75,708,2.003,755,2.68,779,1.109,1048,2.062,1113,1.342,1141,2.003,1187,1.836,1236,1.215,1302,2.512,1325,2.388,1348,2.076,1375,4.841,1386,1.836,1411,2.823,1415,2.823,1416,1.704,1488,4.21,1517,3.19,1538,1.704,1541,1.593,1545,1.836,1569,2.226,1575,2.226,1580,3.439,1663,1.704,1689,4.398,1779,2.226,1788,1.704,1797,3.421,1804,2.619,1805,1.704,1806,2.003,1811,2.226,1817,2.226,1818,4.678,1990,2.226,1992,2.003,1996,2.003,2060,2.003,2122,6.066,2127,3.75,2133,4.801,2134,4.801,2135,4.801,2136,4.801,2137,4.168,2138,4.801,2139,5.389,2140,5.389,2141,5.389,2142,4.801,2143,4.801,2144,5.389,2145,4.678,2146,4.801,2147,4.801,2148,4.801,2149,2.226,2150,2.564,2151,2.564,2152,2.564,2153,2.564,2154,2.564,2155,2.564,2156,2.564,2157,2.564,2158,2.564,2159,2.564,2160,2.564,2161,2.564,2162,2.564,2163,2.564,2164,2.564,2165,2.226,2166,2.564,2167,4.801,2168,2.564,2169,2.564,2170,2.564,2171,2.564,2172,2.564,2173,2.226,2174,2.564,2175,2.226,2176,3.421,2177,2.564,2178,2.564,2179,3.079,2180,2.564,2181,2.564,2182,2.226,2183,2.564,2184,2.564,2185,2.564,2186,3.942,2187,2.564,2188,2.564,2189,2.564,2190,2.226,2191,2.564,2192,2.226,2193,2.564,2194,2.564,2195,2.226,2196,3.421,2197,3.942,2198,5.389,2199,2.003,2200,2.564,2201,2.564,2202,2.564,2203,2.564,2204,4.801,2205,2.226,2206,2.564,2207,2.564,2208,2.564,2209,4.168,2210,3.421,2211,2.226,2212,2.564,2213,3.421,2214,3.942,2215,3.942,2216,2.564,2217,3.942,2218,4.801,2219,5.816,2220,6.396,2221,6.141,2222,2.564,2223,2.564,2224,2.226,2225,2.564,2226,2.564,2227,6.396,2228,2.564,2229,2.564,2230,4.801,2231,2.226,2232,2.564,2233,2.564,2234,2.564,2235,2.564,2236,2.226,2237,2.226,2238,2.564,2239,2.564,2240,2.564,2241,2.003,2242,2.564,2243,2.564,2244,2.564,2245,2.564,2246,2.564,2247,2.564,2248,2.564,2249,2.564,2250,2.564,2251,2.564,2252,2.564,2253,2.564,2254,2.564,2255,2.564]],["title/interfaces/SliderState.html",[140,0.695,2256,2.834]],["body/interfaces/SliderState.html",[3,0.248,4,0.248,5,0.248,6,0.149,10,0.173,21,0.015,23,0.231,34,0.289,47,0.906,62,0.013,63,0.013,76,0.545,140,1.247,142,2.139,329,1.634,567,1.786,570,5.147,2256,5.089,2257,4.761,2258,6.163,2259,4.365]],["title/directives/SmoothScroll.html",[64,0.404,301,1.389]],["body/directives/SmoothScroll.html",[0,0.114,3,0.087,4,0.087,5,0.087,6,0.186,10,0.097,11,0.726,14,1.062,18,0.985,20,0.74,21,0.015,22,0.706,23,0.239,24,0.585,26,1.322,27,2.348,28,0.459,29,3.692,33,0.639,34,0.087,35,1.471,45,1.38,47,0.973,48,1.612,49,1.427,51,1.465,62,0.006,63,0.006,64,0.347,66,0.472,68,0.984,71,2.115,72,0.42,73,0.699,74,0.388,76,0.261,77,2.69,83,2.418,84,2.418,85,0.984,88,0.358,97,1.855,102,2.347,106,1.23,107,0.277,109,1.242,120,0.437,121,1.037,138,1.32,143,4.196,144,4.442,146,1.32,147,1.32,148,1.32,149,1.32,153,1.522,154,1.32,156,3.751,158,1.877,159,2.683,160,4.067,161,1.522,162,1.522,163,1.522,164,1.522,165,2.225,166,3.107,179,1.412,193,1.295,195,0.776,196,0.69,197,2.429,198,3.025,228,2.21,235,0.746,245,1.062,301,2.173,316,2.683,317,3.314,318,1.85,320,2.436,323,2.485,325,0.961,328,1.23,329,1.597,338,2.953,344,1.522,350,3.523,352,1.692,366,1.32,369,3.482,371,2.953,386,1.242,400,2.26,420,2.113,428,0.746,434,3.958,441,1.78,484,1.66,506,3.523,526,1.471,544,1.194,563,2.102,567,1.373,569,2.115,571,0.961,577,1.32,589,2.225,611,1.408,687,3.171,688,1.987,706,4.063,731,0.843,845,3.314,854,1.522,856,1.66,857,1.66,1148,1.522,1236,2.015,1302,1.78,1305,2.953,1325,2.115,1348,1.839,1386,1.522,1416,2.826,1512,3.692,1518,1.66,1537,2.436,1540,1.845,1541,1.32,1543,1.522,1544,1.987,1546,1.845,1555,1.522,1556,1.66,1557,1.845,1558,1.845,1560,1.845,1561,1.845,1562,1.845,1563,4.22,1566,1.845,1783,2.436,1962,1.66,2004,4.431,2060,1.66,2176,1.845,2199,1.66,2260,1.66,2261,2.657,2262,5.673,2263,4.253,2264,4.253,2265,4.253,2266,4.253,2267,4.253,2268,3.401,2269,4.861,2270,3.401,2271,3.401,2272,3.401,2273,4.861,2274,4.861,2275,3.401,2276,4.253,2277,4.253,2278,4.253,2279,4.861,2280,4.253,2281,3.401,2282,2.125,2283,3.401,2284,2.125,2285,3.401,2286,2.125,2287,4.431,2288,2.125,2289,3.401,2290,4.253,2291,3.401,2292,2.125,2293,3.401,2294,3.401,2295,3.401,2296,2.953,2297,3.401,2298,3.401,2299,3.401,2300,2.125,2301,3.401,2302,2.125,2303,2.953,2304,4.253,2305,3.401,2306,3.401,2307,2.125,2308,2.125,2309,2.125,2310,3.401,2311,2.125,2312,3.401,2313,4.22,2314,5.673,2315,3.401,2316,2.953,2317,3.401,2318,2.953,2319,2.953,2320,3.401,2321,3.401,2322,5.318,2323,2.953,2324,4.861,2325,3.401,2326,2.953,2327,3.401,2328,2.657,2329,3.401,2330,3.401,2331,3.401,2332,4.253,2333,2.125,2334,2.125,2335,2.125,2336,2.125,2337,2.125,2338,2.125,2339,2.125,2340,2.125,2341,2.125,2342,2.125,2343,2.125,2344,3.401,2345,2.125,2346,2.125,2347,2.125,2348,2.125,2349,2.125,2350,2.125,2351,5.673,2352,3.401,2353,5.673,2354,3.692,2355,3.401,2356,2.125,2357,2.125,2358,1.845,2359,1.412,2360,1.845,2361,2.125,2362,2.125,2363,2.125,2364,2.125,2365,2.125,2366,2.125,2367,2.125,2368,2.125,2369,3.401,2370,2.125,2371,3.401,2372,2.125,2373,2.125,2374,2.125,2375,2.125,2376,2.125,2377,3.401,2378,3.401,2379,2.125,2380,2.125,2381,2.125,2382,2.125,2383,2.125,2384,2.125,2385,2.125,2386,2.125,2387,2.125,2388,4.253,2389,4.253,2390,2.125,2391,2.125,2392,4.253,2393,2.125,2394,3.401,2395,3.401,2396,4.253,2397,3.401,2398,2.125,2399,4.253,2400,2.125,2401,2.125,2402,1.845,2403,2.125,2404,3.401,2405,2.125,2406,3.401,2407,2.125,2408,4.861,2409,3.401,2410,4.861,2411,4.861,2412,3.401,2413,2.125,2414,5.673,2415,3.401,2416,2.125,2417,2.125,2418,2.125,2419,2.125,2420,1.845,2421,2.125,2422,3.401,2423,3.401,2424,2.125,2425,2.125,2426,2.125,2427,3.401,2428,2.125,2429,4.253,2430,5.673,2431,2.125,2432,2.125,2433,2.125,2434,2.125,2435,2.125,2436,4.861,2437,2.125,2438,4.253,2439,3.401,2440,3.401,2441,3.401,2442,3.401,2443,3.401,2444,2.125,2445,2.125,2446,2.125,2447,2.125,2448,2.125,2449,3.401,2450,3.401,2451,2.125,2452,5.673,2453,2.125,2454,2.125,2455,2.125]],["title/interfaces/SmoothScrollOptions.html",[140,0.695,157,2.629]],["body/interfaces/SmoothScrollOptions.html",[3,0.225,4,0.225,5,0.225,6,0.135,10,0.157,14,1.721,21,0.015,23,0.234,24,0.687,28,0.482,34,0.313,47,1.227,49,1.271,51,1.424,62,0.012,63,0.012,76,0.514,107,0.718,140,1.265,141,4.657,142,1.936,143,3.043,144,3.222,145,3.425,146,3.425,147,3.425,148,3.425,149,3.425,150,4.447,151,5.229,152,5.229,153,3.949,154,3.425,155,3.949,156,2.885,157,4.789,158,4.239,159,4.239,160,3.425,161,3.949,162,3.949,163,3.949,164,3.949,165,2.885,166,3.222,167,4.307,168,4.307,169,4.307]],["title/interfaces/SmoothScrollStep.html",[140,0.695,160,2.459]],["body/interfaces/SmoothScrollStep.html",[3,0.208,4,0.208,5,0.208,6,0.125,10,0.145,14,2.176,21,0.015,23,0.261,24,0.669,28,0.46,34,0.306,47,1.239,48,3.028,49,1.178,51,1.32,62,0.012,63,0.012,76,0.49,107,0.666,140,1.223,141,3.969,142,1.795,143,2.822,144,2.987,145,3.176,146,3.176,147,3.176,148,3.176,149,3.176,150,4.245,151,4.991,152,4.991,153,3.662,154,3.176,155,3.662,156,2.675,157,4.245,158,4.148,159,4.148,160,3.969,161,5.229,162,5.229,163,5.229,164,5.229,165,3.82,166,4.266,167,3.994,168,5.703,169,5.703]],["title/directives/ThumbResizeObserver.html",[64,0.404,303,1.389]],["body/directives/ThumbResizeObserver.html",[0,0.236,3,0.179,4,0.179,5,0.179,6,0.192,10,0.125,11,1.238,14,1.372,18,1.013,20,0.721,21,0.015,22,0.687,23,0.239,24,0.531,26,1.363,28,0.516,33,1.32,34,0.179,35,1.013,49,1.013,62,0.01,63,0.01,64,0.592,66,0.975,68,1.677,69,3.394,70,3.394,71,3.226,72,0.868,73,1.191,76,0.445,77,2.572,82,3.033,83,3.431,84,3.431,85,1.677,86,1.876,88,0.74,94,1.949,97,2.044,102,3.58,106,1.876,107,0.572,110,3.387,119,1.482,120,0.903,121,0.681,122,1.743,138,2.729,303,2.585,316,3.807,317,3.387,318,2.625,323,3.79,372,3.432,386,2.567,428,2.035,441,2.299,526,2.507,544,2.035,563,2.983,583,2.747,595,3.851,596,4.583,611,1.819,1236,2.082,1325,3.226,1348,2.805,1375,4.875,1383,3.432,1415,4.152,1416,2.919,1517,4.31,1538,2.919,1541,2.729,1545,3.147,1570,4.528,1689,4.152,1788,2.919,1792,3.432,1793,3.432,1794,3.432,1799,3.432,1804,2.919,1805,2.919,1806,3.432,2137,5.631,2145,5.988,2149,3.814,2165,3.814,2173,3.814,2175,3.814,2179,4.528,2192,3.814,2205,3.814,2213,5.032,2231,3.814,2236,3.814,2237,3.814,2456,6.812,2457,5.797,2458,4.393,2459,4.393,2460,4.393,2461,4.393,2462,4.393,2463,4.393]],["title/classes/VerticalAdapter.html",[0,0.212,1367,2.459]],["body/classes/VerticalAdapter.html",[0,0.243,2,1.459,3,0.125,4,0.125,5,0.125,6,0.187,10,0.088,11,0.966,14,2.409,16,4.088,17,1.151,18,0.992,20,0.782,21,0.015,22,0.746,23,0.231,24,0.577,26,1.344,28,0.386,34,0.184,35,1.847,45,1.918,47,1.2,51,1.838,62,0.008,63,0.008,68,1.551,76,0.347,86,1.903,88,0.519,94,1.977,119,1.039,156,3.091,158,2.497,159,2.497,165,1.611,166,2.643,193,2.249,195,1.959,196,1.468,197,1.722,213,3.671,216,4.232,228,2.264,328,1.308,329,1.824,374,4.233,421,2.983,499,3.632,510,2.25,544,1.588,567,1.043,569,3.13,583,3.306,687,1.393,690,4.188,790,3.815,791,3.274,845,3.133,1236,1.459,1325,1.532,1348,2.555,1366,1.913,1367,2.81,1533,4.508,1543,2.206,1544,1.799,1639,5.494,1640,2.206,1641,4.616,1642,4.616,1643,4.917,1644,4.917,1645,3.534,1646,3.534,1647,3.534,1648,4.917,1649,3.534,1650,4.616,1651,4.616,1652,4.616,1653,2.673,1656,2.673,1661,4.188,1663,2.046,1664,4.188,1666,4.917,1667,4.188,1670,4.188,1672,2.406,1674,2.406,1676,2.406,1678,2.673,1679,2.673,1680,2.673,1681,6.445,1682,4.654,1683,2.673,1684,3.927,1685,3.927,1686,3.927,1687,5.129,1688,2.673,1689,4.232,1690,5.129,1691,2.673,1692,2.673,1693,2.673,1694,2.673,1695,3.534,1696,3.534,1697,2.673,1698,3.534,1699,4.616,1700,3.927,1701,2.673,1702,2.673,1703,4.654,1704,2.673,1705,3.927,1706,2.673,1707,2.673,1708,2.673,1709,2.673,1710,2.673,1711,2.673,2464,3.08,2465,4.524,2466,3.08,2467,3.08,2468,3.08,2469,3.08,2470,3.08,2471,3.08,2472,3.08,2473,3.08,2474,3.08,2475,3.08,2476,3.08,2477,3.08]],["title/classes/VideoItem.html",[0,0.212,1269,2.184]],["body/classes/VideoItem.html",[0,0.371,2,2.103,3,0.181,4,0.181,5,0.181,6,0.169,10,0.126,17,1.194,18,0.849,20,0.552,21,0.015,22,0.526,23,0.263,24,0.407,28,0.42,34,0.318,62,0.011,63,0.011,68,2.081,72,0.877,76,0.448,88,0.748,118,1.622,121,1.074,201,1.761,228,2.567,237,2.811,370,2.103,424,2.523,428,2.048,431,2.207,461,3.118,567,1.702,731,1.761,785,3.405,787,2.103,801,3.053,805,2.322,839,2.593,925,2.593,940,2.207,955,2.207,969,2.757,1022,3.444,1057,2.207,1072,2.593,1098,2.103,1099,4.398,1100,4.046,1110,4.302,1115,4.302,1117,2.949,1118,2.949,1220,4.469,1268,2.449,1269,3.221,1270,2.449,1302,2.322,1469,2.593,1470,2.949,1471,2.949,1472,2.949,1473,2.949,1474,2.757,1477,2.949,1478,2.949,1479,2.949,1712,2.757,1713,5.153,1716,3.179,1717,3.179,1718,3.179,1719,4.179,1720,4.179,1721,3.179,1722,3.179,1723,4.601,1724,2.757,1725,2.949,1726,2.949,1727,3.877,1728,2.949,1729,3.179,1730,3.179,1731,2.757,2478,5.835,2479,4.438]],["title/interfaces/WorkerState.html",[140,0.695,2259,2.834]],["body/interfaces/WorkerState.html",[3,0.247,4,0.247,5,0.247,6,0.148,10,0.173,21,0.015,23,0.23,34,0.289,47,1.116,62,0.013,63,0.013,76,0.544,140,1.245,142,2.133,329,2.075,567,1.784,570,4.037,2256,4.352,2257,4.746,2258,6.158,2259,5.079]],["title/classes/YoutubeItem.html",[0,0.212,1270,2.184]],["body/classes/YoutubeItem.html",[0,0.371,2,2.103,3,0.181,4,0.181,5,0.181,6,0.169,10,0.126,17,1.194,18,0.849,20,0.552,21,0.015,22,0.526,23,0.263,24,0.407,28,0.42,34,0.318,62,0.011,63,0.011,68,2.081,72,0.877,76,0.448,88,0.748,118,1.622,121,1.074,201,1.761,228,2.567,237,2.811,370,2.103,424,2.523,428,2.048,431,2.207,461,3.118,567,1.702,731,1.761,785,3.405,787,2.103,801,3.053,805,2.322,839,2.593,925,2.593,940,2.207,955,2.207,969,2.757,1022,3.444,1057,2.207,1072,2.593,1098,2.103,1099,4.046,1100,4.398,1110,4.302,1115,4.302,1117,2.949,1118,2.949,1220,4.469,1268,2.449,1269,2.449,1270,3.221,1302,2.322,1469,2.593,1470,2.949,1471,2.949,1472,2.949,1473,2.949,1474,2.757,1477,2.949,1478,2.949,1479,2.949,1712,2.757,1713,5.153,1716,3.179,1717,3.179,1718,3.179,1719,4.179,1720,4.179,1721,3.179,1722,3.179,1723,4.601,1724,2.757,1725,2.949,1726,2.949,1727,3.877,1728,2.949,1729,3.179,1730,3.179,1731,2.757,2480,5.835,2481,4.438]],["title/changelog.html",[2482,2.581,2483,2.581,2484,2.868]],["body/changelog.html",[0,0.211,2,1.03,3,0.051,4,0.051,8,1.937,10,0.035,15,0.728,17,0.351,18,0.451,20,0.43,21,0.013,22,0.148,23,0.127,24,0.265,25,2.023,27,0.516,28,0.423,32,0.652,33,0.653,34,0.118,47,0.43,48,1.641,49,1.07,51,0.746,62,0.004,63,0.004,64,0.502,73,0.446,74,1.422,85,1.001,86,1.884,88,0.21,94,0.869,104,1.812,106,1.609,120,0.256,121,0.669,142,0.437,158,0.687,159,1.199,170,0.788,172,1.265,173,2.432,174,0.474,183,2.67,184,1.609,190,2.287,191,1.056,192,0.794,193,1.495,195,0.455,196,0.404,197,0.827,198,1.03,201,1.374,202,0.983,205,0.973,220,1.512,222,0.619,229,1.18,234,0.59,236,2.563,237,1.1,238,1.626,240,0.455,245,1.227,277,2.062,281,0.374,283,0.389,285,0.374,287,0.389,306,3.747,316,0.687,325,3.072,328,1.834,329,1.442,330,2.023,331,3.526,333,3.085,336,0.973,337,1.886,341,2.509,342,1.595,343,2.877,344,1.556,350,0.687,353,1.954,358,1.35,361,1.886,364,2.258,365,3.091,370,1.03,374,0.687,379,4.513,380,1.697,391,1.35,400,1.921,410,1.641,416,5.597,424,1.497,425,3.747,428,1.888,431,1.722,441,3.317,461,1.374,464,1.886,466,1.697,467,0.973,470,1.081,476,3.069,477,2.814,480,0.892,506,0.687,511,2.023,515,0.728,517,1.275,527,2.234,528,0.892,529,1.556,545,0.892,548,2.056,549,0.892,550,1.444,551,1.444,552,0.892,553,0.892,554,1.921,555,1.556,556,1.556,567,0.287,569,2.309,570,0.827,571,0.563,573,0.774,576,0.774,577,3.651,579,2.151,580,0.892,581,2.151,583,2.2,586,2.814,588,4.073,589,1.137,611,1.787,652,1.307,656,2.045,660,0.687,661,1.438,674,2.258,676,1.921,680,0.973,684,0.687,687,2.1,702,1.35,706,2.48,708,0.973,709,3.456,718,0.892,725,1.081,728,1.886,730,1.886,738,0.774,751,0.652,753,1.199,755,1.722,759,0.774,763,1.35,778,1.081,779,1.866,790,1.081,791,0.983,798,1.886,801,2.258,802,0.973,803,0.774,804,0.827,805,1.812,806,0.973,807,2.814,808,0.973,810,0.973,811,0.973,812,0.973,813,0.973,816,0.973,830,1.556,836,2.868,839,0.728,854,0.892,880,1.796,883,0.973,904,1.595,920,0.973,921,2.61,925,1.27,928,1.081,929,1.697,938,3.627,940,2.309,941,4.031,944,1.081,960,1.081,963,1.35,971,1.081,1006,4.035,1009,1.081,1014,0.973,1034,0.973,1038,0.973,1048,1.812,1053,2.258,1054,0.973,1057,2.449,1058,1.444,1066,1.081,1071,3.846,1114,0.827,1130,0.973,1132,1.081,1136,1.921,1139,0.973,1141,1.697,1142,1.081,1148,1.556,1150,3.091,1152,1.796,1160,1.697,1164,0.973,1184,3.747,1185,1.081,1187,1.556,1198,0.892,1199,6.117,1203,1.081,1204,1.081,1231,1.081,1236,0.59,1237,1.886,1239,1.081,1244,2.258,1261,1.886,1262,3.41,1268,0.687,1269,1.595,1270,0.687,1302,1.137,1306,1.886,1339,0.973,1357,0.973,1375,1.796,1397,2.07,1411,0.892,1413,3.851,1455,2.509,1463,3.747,1469,0.728,1474,1.796,1507,2.258,1508,2.509,1537,1.556,1544,0.728,1556,0.973,1580,2.48,1584,1.081,1724,0.774,1726,5.056,1727,2.3,1728,1.921,1731,0.774,1764,1.886,1781,1.081,1783,1.556,1804,0.827,1809,0.973,1826,1.081,1828,4.475,1830,0.774,1845,0.973,1850,1.444,1857,2.07,1865,1.081,1874,1.081,1910,0.973,1911,0.973,1912,0.973,1915,0.892,1927,1.081,1928,1.081,1952,1.081,1953,1.081,1959,4.274,1961,0.973,1962,0.973,1974,1.081,1992,3.372,1993,1.886,1996,0.973,2003,1.081,2004,2.258,2005,1.081,2009,1.081,2011,1.081,2013,1.886,2019,1.081,2025,2.705,2026,1.081,2035,0.973,2072,2.681,2073,1.886,2084,1.081,2127,0.973,2179,0.973,2182,3.41,2190,2.509,2195,1.081,2196,1.886,2199,0.973,2209,4.031,2210,2.509,2211,1.081,2224,1.081,2258,0.973,2261,0.973,2287,3.846,2296,2.509,2303,1.081,2313,1.081,2316,2.509,2318,3.747,2319,1.081,2323,1.081,2326,2.509,2359,1.444,2360,2.509,2402,1.081,2420,1.081,2484,1.081,2485,1.081,2486,4.316,2487,2.891,2488,1.245,2489,1.245,2490,2.891,2491,3.463,2492,3.929,2493,2.891,2494,3.929,2495,1.245,2496,4.644,2497,1.245,2498,6.904,2499,1.245,2500,1.245,2501,1.245,2502,2.173,2503,1.245,2504,7.909,2505,1.245,2506,1.245,2507,2.173,2508,1.245,2509,1.245,2510,3.463,2511,1.245,2512,1.245,2513,2.891,2514,1.886,2515,3.006,2516,1.245,2517,2.891,2518,1.245,2519,2.173,2520,6.01,2521,1.245,2522,2.891,2523,1.245,2524,1.081,2525,3.929,2526,1.245,2527,4.644,2528,1.245,2529,1.245,2530,2.891,2531,2.891,2532,1.245,2533,1.081,2534,1.886,2535,2.891,2536,2.173,2537,2.891,2538,1.245,2539,1.245,2540,1.245,2541,1.245,2542,2.173,2543,3.463,2544,1.245,2545,1.245,2546,2.509,2547,1.245,2548,1.245,2549,1.245,2550,1.081,2551,2.891,2552,4.973,2553,1.081,2554,1.245,2555,7.382,2556,1.245,2557,1.245,2558,3.463,2559,3.929,2560,1.245,2561,1.245,2562,1.245,2563,1.245,2564,1.245,2565,1.245,2566,1.245,2567,1.245,2568,7.61,2569,1.245,2570,1.245,2571,2.173,2572,1.245,2573,1.245,2574,1.245,2575,1.245,2576,3.006,2577,1.245,2578,3.929,2579,1.245,2580,1.245,2581,1.245,2582,1.245,2583,1.245,2584,2.173,2585,1.245,2586,1.245,2587,4.316,2588,1.245,2589,7.328,2590,1.245,2591,2.705,2592,2.173,2593,1.245,2594,1.245,2595,1.245,2596,2.173,2597,1.245,2598,1.245,2599,2.173,2600,2.173,2601,1.245,2602,2.891,2603,1.245,2604,1.697,2605,1.245,2606,1.081,2607,2.173,2608,1.245,2609,1.245,2610,1.245,2611,1.245,2612,1.245,2613,2.173,2614,1.245,2615,1.245,2616,1.245,2617,4.644,2618,1.245,2619,1.245,2620,3.463,2621,5.564,2622,2.173,2623,4.031,2624,1.245,2625,1.245,2626,2.173,2627,1.245,2628,1.245,2629,1.245,2630,1.245,2631,1.245,2632,1.245,2633,2.891,2634,2.891,2635,2.173,2636,1.245,2637,1.245,2638,1.245,2639,1.245,2640,2.173,2641,1.245,2642,5.166,2643,1.245,2644,2.891,2645,1.245,2646,1.245,2647,1.245,2648,1.245,2649,2.173,2650,1.245,2651,1.245,2652,2.891,2653,1.245,2654,2.173,2655,1.245,2656,1.886,2657,4.316,2658,1.886,2659,1.245,2660,1.245,2661,1.245,2662,1.245,2663,1.245,2664,1.245,2665,3.463,2666,2.891,2667,1.245,2668,2.173,2669,2.173,2670,1.245,2671,1.245,2672,4.316,2673,1.245,2674,1.245,2675,1.245,2676,1.245,2677,1.245,2678,2.173,2679,1.245,2680,1.245,2681,1.245,2682,1.245,2683,1.245,2684,1.245,2685,1.245,2686,1.245,2687,1.245,2688,1.245,2689,1.245,2690,1.245,2691,1.245,2692,1.245,2693,6.01,2694,1.245,2695,1.245,2696,1.245,2697,1.245,2698,2.173,2699,1.245,2700,2.173,2701,2.891,2702,1.245,2703,1.245,2704,1.245,2705,1.245,2706,1.245,2707,1.245,2708,1.245,2709,1.245,2710,1.245,2711,1.245,2712,1.245,2713,1.245,2714,1.245,2715,1.245,2716,1.245,2717,1.245,2718,1.245,2719,1.245,2720,1.245,2721,1.081,2722,1.245,2723,1.245,2724,1.245,2725,1.245,2726,1.245,2727,1.245,2728,1.245,2729,1.245,2730,1.245,2731,1.245,2732,1.245,2733,1.245,2734,1.245,2735,1.245,2736,1.245,2737,1.245,2738,1.245,2739,2.891,2740,3.929,2741,1.245,2742,2.173,2743,2.173,2744,2.173,2745,1.245,2746,1.245,2747,1.245,2748,1.245,2749,1.245,2750,1.245,2751,2.173,2752,3.929,2753,2.173,2754,1.245,2755,1.245,2756,1.245,2757,1.245,2758,2.173,2759,2.173,2760,3.006,2761,1.245,2762,2.891,2763,1.245,2764,1.245,2765,4.484,2766,2.891,2767,1.245,2768,1.245,2769,2.173,2770,1.245,2771,1.245,2772,1.245,2773,1.245,2774,1.245,2775,1.245,2776,1.245,2777,1.886,2778,1.245,2779,1.245,2780,1.245,2781,2.173,2782,1.245,2783,1.245,2784,1.245,2785,1.245,2786,1.245,2787,2.173,2788,1.245,2789,1.245,2790,1.245,2791,1.245,2792,1.245,2793,1.245,2794,1.245,2795,1.245,2796,1.245,2797,1.245,2798,1.245,2799,2.173,2800,1.245,2801,1.245,2802,1.245,2803,2.891,2804,2.891,2805,1.245,2806,1.245,2807,2.891,2808,1.245,2809,1.245,2810,1.245,2811,1.245,2812,1.245,2813,1.245,2814,1.245,2815,1.245,2816,3.929,2817,1.245,2818,1.245,2819,1.245,2820,4.316,2821,3.463,2822,1.245,2823,1.245,2824,1.245,2825,1.245,2826,1.245,2827,2.891,2828,1.245,2829,1.245,2830,2.173,2831,1.245,2832,2.173,2833,1.245,2834,2.173,2835,1.245,2836,1.245,2837,1.245,2838,2.173,2839,2.173,2840,2.891,2841,1.245,2842,1.245,2843,1.245,2844,1.245,2845,1.245,2846,2.891,2847,1.245,2848,1.245,2849,1.245,2850,1.245,2851,1.245,2852,1.245,2853,2.173,2854,2.173,2855,2.173,2856,1.245,2857,1.245,2858,1.245,2859,2.173,2860,1.245,2861,1.245,2862,1.245,2863,1.245,2864,1.245,2865,1.245,2866,2.891,2867,1.245,2868,1.245,2869,1.245,2870,1.245,2871,1.245,2872,1.245,2873,1.245,2874,1.245,2875,1.245,2876,1.245,2877,1.245,2878,1.245,2879,1.245,2880,1.245,2881,1.245,2882,1.245,2883,1.245,2884,1.245,2885,1.245,2886,1.245,2887,1.245,2888,1.245,2889,1.245,2890,1.245,2891,1.245,2892,1.245,2893,2.891,2894,1.245,2895,1.245,2896,2.173,2897,2.173,2898,1.245,2899,1.245,2900,1.245,2901,1.245,2902,1.245,2903,1.245,2904,1.245,2905,1.245,2906,1.245,2907,1.245,2908,1.245,2909,1.245,2910,1.245,2911,1.245,2912,1.245,2913,1.245,2914,1.245,2915,1.245,2916,1.245,2917,1.245,2918,1.245,2919,1.245,2920,2.173,2921,1.245,2922,1.245,2923,1.245,2924,1.245,2925,1.245,2926,1.245,2927,1.245,2928,1.245,2929,1.245,2930,1.245,2931,1.245,2932,1.245,2933,1.245,2934,1.245,2935,1.245,2936,2.173,2937,2.173,2938,2.173,2939,2.173,2940,2.173,2941,1.245,2942,1.245,2943,1.245,2944,1.245,2945,1.245,2946,1.245,2947,1.245,2948,1.245,2949,1.245,2950,1.245,2951,1.245,2952,2.173,2953,1.245,2954,3.846,2955,1.245,2956,1.245,2957,1.245,2958,1.245,2959,1.245,2960,1.245,2961,1.245,2962,1.245,2963,1.245,2964,1.245,2965,1.245,2966,1.245,2967,1.245,2968,1.245,2969,1.245,2970,1.245,2971,1.245,2972,1.245,2973,2.173,2974,2.173,2975,2.173,2976,1.245,2977,1.245,2978,1.245,2979,1.245,2980,1.081,2981,1.245,2982,2.173,2983,1.245,2984,1.245,2985,1.245,2986,1.245,2987,2.891,2988,1.245,2989,1.245,2990,1.245,2991,1.245,2992,1.245,2993,1.245,2994,2.509,2995,1.245,2996,1.245,2997,1.245,2998,1.245,2999,1.245,3000,2.891,3001,1.245,3002,1.245,3003,1.245,3004,1.245,3005,1.245,3006,1.245,3007,1.245,3008,1.245,3009,1.081,3010,1.245,3011,2.173,3012,1.245,3013,2.173,3014,1.081,3015,1.245,3016,2.173,3017,1.245,3018,2.891,3019,2.173,3020,1.245,3021,2.173,3022,1.245,3023,1.245,3024,1.245,3025,1.245,3026,1.245,3027,2.173,3028,2.173,3029,1.245,3030,1.245,3031,1.245,3032,1.245,3033,1.245,3034,1.245,3035,1.245,3036,1.245,3037,1.245,3038,1.245,3039,1.245,3040,1.245,3041,1.245,3042,1.245,3043,1.245,3044,1.245,3045,1.245,3046,1.245,3047,1.245,3048,1.245,3049,1.245,3050,1.245,3051,1.245,3052,1.245,3053,1.245,3054,1.245,3055,1.245,3056,1.245,3057,1.245,3058,1.245,3059,1.245,3060,3.463,3061,1.245,3062,1.081,3063,1.245,3064,1.245,3065,1.245,3066,1.245,3067,1.245,3068,1.245,3069,1.245,3070,1.245,3071,1.245,3072,1.245,3073,1.245,3074,1.245,3075,1.245,3076,3.463,3077,1.245,3078,1.245,3079,1.245,3080,1.245,3081,2.173,3082,1.081,3083,2.173,3084,1.245,3085,1.245,3086,1.245,3087,1.245,3088,2.891,3089,1.886,3090,1.245,3091,1.245,3092,1.245,3093,1.245,3094,1.245,3095,1.245,3096,1.245,3097,1.245,3098,2.891,3099,1.245,3100,1.245,3101,1.245,3102,1.245,3103,1.245,3104,1.245,3105,1.245,3106,1.245,3107,1.081,3108,1.245,3109,1.245,3110,1.245,3111,1.245,3112,1.245,3113,1.245,3114,1.245,3115,1.245,3116,1.245,3117,1.245,3118,1.245,3119,1.245,3120,1.245,3121,1.245,3122,1.245,3123,1.245,3124,1.245,3125,1.245,3126,1.245,3127,1.245,3128,1.245,3129,1.245,3130,2.173,3131,1.245,3132,1.245,3133,1.245,3134,1.245,3135,1.245,3136,1.245,3137,1.245,3138,1.081,3139,1.245,3140,1.245,3141,1.245]],["title/coverage.html",[3142,4.691]],["body/coverage.html",[0,0.371,1,1.836,5,0.113,6,0.204,7,3.26,8,1.56,9,3.928,21,0.015,23,0.09,48,3.393,49,0.637,62,0.008,63,0.008,64,0.757,65,0.97,67,2.399,74,0.505,86,0.799,91,1.615,94,0.83,104,1.446,117,0.863,140,1.332,141,1.717,143,4.294,144,3.694,145,3.48,154,1.717,157,1.836,160,1.717,170,1.377,171,0.97,176,3.601,177,2.399,178,2.399,183,1.097,196,2.692,203,3.146,231,1.717,237,1.052,249,0.863,251,1.01,253,1.01,255,1.01,257,1.01,258,1.01,260,1.01,262,0.863,264,1.01,266,1.01,268,0.97,270,1.01,272,1.01,274,0.97,276,0.97,277,0.799,279,0.897,281,0.83,283,0.863,285,0.83,287,0.863,289,0.97,291,0.97,293,0.97,295,0.897,297,0.97,299,0.97,301,0.97,303,0.97,305,2.159,370,1.31,428,0.97,447,2.786,449,2.399,477,1.98,478,2.989,496,3.694,497,2.438,498,3.694,508,1.98,518,3.536,519,2.399,573,1.717,577,1.717,579,1.717,620,1.446,738,2.593,744,2.399,767,2.399,781,3.601,796,2.399,797,3.26,830,2.989,878,3.601,879,2.399,918,2.399,934,2.159,1014,2.159,1020,1.526,1024,2.399,1162,2.399,1190,3.26,1191,3.26,1267,2.159,1268,1.526,1269,1.526,1270,1.526,1271,2.159,1323,2.399,1348,1.195,1366,1.717,1367,1.717,1375,2.593,1417,2.399,1431,2.399,1467,2.399,1510,3.26,1511,3.26,1544,2.938,1611,1.717,1612,3.722,1630,1.717,1633,1.615,1634,1.615,1639,3.601,1640,3.601,1712,3.48,1734,1.98,1735,3.601,1736,3.26,1760,2.399,1787,2.399,1788,3.722,1805,1.836,1824,2.399,1830,1.717,1850,1.836,1906,2.399,1971,2.159,2045,3.26,2048,2.399,2070,2.399,2080,2.399,2107,2.399,2108,2.399,2122,3.26,2241,2.159,2256,1.98,2257,3.26,2259,1.98,2260,3.26,2359,1.836,2456,2.399,2591,2.159,2777,2.399,3009,2.399,3062,2.399,3082,3.623,3107,3.623,3138,2.399,3142,2.399,3143,2.159,3144,2.764,3145,2.764,3146,2.399,3147,7.981,3148,8.063,3149,2.399,3150,2.399,3151,2.764,3152,2.399,3153,2.764,3154,2.764,3155,2.399,3156,2.764,3157,4.174,3158,4.174,3159,4.174,3160,4.174,3161,4.174,3162,5.028,3163,2.764,3164,4.174,3165,4.174,3166,2.764,3167,2.764,3168,4.174,3169,2.764,3170,2.764,3171,2.764,3172,2.764,3173,2.764,3174,2.764,3175,4.174,3176,2.764,3177,2.764,3178,2.764,3179,7.162,3180,2.399,3181,2.399,3182,6.565,3183,2.764,3184,2.764,3185,3.623,3186,2.764,3187,2.399,3188,2.764,3189,2.764,3190,2.764,3191,5.887,3192,5.887,3193,2.399,3194,2.159,3195,2.399,3196,2.399,3197,2.399,3198,2.399,3199,2.399,3200,2.399,3201,2.399,3202,2.399,3203,6.014,3204,2.399,3205,2.399,3206,2.399,3207,2.764,3208,2.764,3209,2.764,3210,3.623,3211,2.399,3212,4.939,3213,4.365,3214,2.764,3215,3.26,3216,4.174,3217,3.26,3218,2.764,3219,2.764,3220,2.764,3221,2.764]],["title/dependencies.html",[1152,2.957,2546,2.868]],["body/dependencies.html",[21,0.015,33,1.678,62,0.012,63,0.012,107,0.727,235,1.96,520,4.362,714,4.847,903,4.503,904,3.723,962,4.362,963,4.503,1152,3.469,1409,4.362,1537,4,2006,4.847,2328,4.362,2485,4.847,2524,4.847,2550,4.847,2576,5.855,2765,6.292,3089,4.847,3222,8.047,3223,5.584,3224,6.746,3225,5.584,3226,5.584,3227,5.584,3228,5.584,3229,5.584,3230,5.584,3231,5.584,3232,5.584,3233,5.584,3234,5.584,3235,6.746,3236,5.584,3237,7.248,3238,6.746,3239,5.584,3240,5.584,3241,5.584,3242,5.584,3243,4.847,3244,5.584,3245,5.584,3246,5.584,3247,5.584,3248,5.584,3249,5.584,3250,5.584,3251,5.584,3252,5.584]],["title/miscellaneous/enumerations.html",[3253,1.823,3254,4.132]],["body/miscellaneous/enumerations.html",[6,0.154,10,0.142,14,1.562,21,0.015,45,1.623,62,0.011,63,0.011,64,0.511,74,1.151,183,2.5,195,2.786,197,2.399,198,2.986,245,1.968,249,1.562,277,1.823,305,3.907,328,2.095,329,2.231,333,4.187,336,4.923,340,4.342,342,2.761,359,5.471,368,3.135,374,3.479,375,4.342,376,5.471,377,3.907,546,4.187,548,3.297,550,4.187,551,4.187,571,3.448,580,4.514,581,4.5,585,4.514,586,4.514,784,4.187,803,3.915,804,4.187,835,4.514,836,4.813,839,3.682,874,4.923,875,4.923,880,3.915,1057,3.135,1058,4.187,1072,3.682,1198,4.514,1202,5.471,1205,4.514,1206,4.342,1207,4.342,3253,2.761,3254,4.342,3255,6.908,3256,5.002,3257,4.342,3258,5.002,3259,5.002]],["title/miscellaneous/functions.html",[2604,3.719,3253,1.823]],["body/miscellaneous/functions.html",[6,0.169,7,3.937,8,1.764,9,5.674,10,0.143,14,2.268,15,3.7,16,3.934,17,1.024,20,0.996,21,0.015,22,0.95,23,0.206,24,0.734,25,2.945,26,1.252,27,2.622,36,4.376,62,0.011,63,0.011,143,2.782,165,2.637,421,2.388,471,3.61,1805,4.208,2241,4.947,2359,4.208,2604,3.937,3187,5.497,3191,3.937,3192,6.223,3193,5.497,3194,4.947,3195,5.497,3196,5.497,3197,5.497,3198,5.497,3211,4.376,3253,2.782,3260,6.867,3261,5.041,3262,5.041,3263,5.041,3264,7.841,3265,7.753,3266,5.041,3267,5.041,3268,6.333,3269,7.639,3270,6.333,3271,7.484,3272,5.041,3273,6.333,3274,6.333,3275,6.333,3276,5.041,3277,5.041,3278,5.041,3279,5.041,3280,5.041,3281,6.333,3282,5.041,3283,6.333]],["title/index.html",[10,0.094,2482,2.581,2483,2.581]],["body/index.html",[21,0.014,62,0.013,63,0.013,74,1.127,183,2.448,1150,4.42,1829,5.357,2515,5.357,2533,5.357,2534,5.357,2552,5.357,2623,5.357,2656,5.357,2721,5.357,2954,4.82,3143,4.82,3284,6.171,3285,6.171,3286,6.171,3287,6.171,3288,6.171,3289,6.171,3290,6.171,3291,6.171,3292,6.171,3293,6.171,3294,6.171,3295,6.171,3296,6.171,3297,5.357,3298,5.357,3299,6.171,3300,6.171]],["title/license.html",[2482,2.581,2483,2.581,3301,2.581]],["body/license.html",[21,0.012,62,0.012,63,0.012,343,3.277,350,3.095,379,4.493,380,4.381,430,4.868,789,3.484,1157,4.017,1994,4.868,2354,4.868,2514,6.303,2606,4.868,2658,4.868,3143,4.381,3194,4.381,3243,4.868,3297,4.868,3298,4.868,3301,4.381,3302,5.871,3303,7.261,3304,5.608,3305,5.608,3306,6.763,3307,5.608,3308,5.608,3309,5.608,3310,5.608,3311,5.608,3312,6.763,3313,8.053,3314,5.608,3315,5.608,3316,5.608,3317,6.763,3318,5.608,3319,5.608,3320,5.608,3321,5.608,3322,5.608,3323,5.608,3324,5.608,3325,5.608,3326,6.763,3327,5.608,3328,5.608,3329,5.608,3330,5.608,3331,5.608,3332,6.763,3333,6.763,3334,5.608,3335,5.608,3336,5.608,3337,5.608,3338,5.608,3339,5.608,3340,5.608,3341,5.608,3342,5.608,3343,5.608,3344,5.608,3345,5.608,3346,5.608,3347,5.608,3348,5.608,3349,5.608,3350,5.608,3351,5.608,3352,5.608,3353,5.608,3354,5.608,3355,5.608,3356,5.608,3357,5.608,3358,5.608]],["title/modules.html",[1151,3.59]],["body/modules.html",[21,0.013,62,0.013,63,0.013,236,3.516,904,4.023,963,4.528,1151,4.233,2072,3.958,2954,5.694,3359,7.289]],["title/overview.html",[3360,4.691]],["body/overview.html",[2,2.555,21,0.015,62,0.012,63,0.012,66,1.197,142,1.893,172,1.971,236,4.58,249,2.456,279,2.553,281,2.363,283,2.456,285,2.363,287,2.456,295,2.553,374,2.977,448,3.583,473,2.822,1151,3.583,1152,4.103,1153,4.681,1154,4.681,1155,4.681,1156,5.159,1157,3.863,2035,4.213,2072,5.026,2074,4.681,2075,4.681,2076,4.681,2553,4.681,2760,4.681,3360,4.681,3361,4.681,3362,5.393]],["title/miscellaneous/typealiases.html",[3253,1.823,3363,4.761]],["body/miscellaneous/typealiases.html",[6,0.193,10,0.164,17,0.932,21,0.014,23,0.223,62,0.012,63,0.012,143,3.181,144,3.368,145,4.271,156,3.597,176,4.128,785,3.11,787,3.258,940,2.867,955,3.419,969,3.581,1022,3.654,1072,3.368,1099,4.293,1100,4.293,1220,4.564,1488,4.503,1712,3.581,1723,4.568,1731,3.581,3212,4.503,3215,4.503,3217,4.503,3253,3.181,3255,5.004,3257,5.004,3364,5.764,3365,7.973,3366,5.004,3367,6.848,3368,5.004,3369,5.004,3370,5.004,3371,7.347]],["title/miscellaneous/variables.html",[381,3.163,3253,1.823]],["body/miscellaneous/variables.html",[6,0.183,10,0.072,17,0.411,20,0.487,21,0.015,22,0.302,23,0.252,35,0.586,45,2.07,47,0.861,48,1.856,49,1.237,62,0.007,63,0.007,74,0.873,86,1.133,94,0.764,97,0.682,117,1.223,121,1.168,143,2.637,144,2.289,145,2.434,146,2.968,147,2.968,148,2.968,149,2.968,150,1.69,154,2.434,155,1.822,159,2.162,170,0.873,171,1.375,176,1.822,184,0.736,192,1.746,196,2.238,222,1.265,229,1.177,249,1.492,276,1.375,277,0.736,328,2.273,329,2.107,370,1.206,379,1.69,381,1.69,424,1.1,428,2.239,477,2.806,478,3.844,517,0.826,545,3.422,546,3.174,547,3.732,548,2.5,549,3.422,550,3.566,551,3.566,552,3.422,553,3.422,554,3.174,555,2.806,556,3.422,557,3.06,573,4.09,577,2.434,579,4.09,581,1.581,652,1.772,701,1.265,702,1.581,731,1.554,753,1.404,755,2.376,759,1.581,763,1.581,789,1.581,791,2.161,792,1.486,793,1.69,794,1.69,795,1.69,801,2.05,802,3.732,803,2.968,804,3.174,805,2.808,806,3.732,807,4.384,808,3.732,809,3.732,810,3.732,811,3.732,812,3.732,813,3.06,814,4.147,815,4.147,816,3.732,817,4.147,823,4.147,828,4.659,830,3.422,832,3.401,837,4.147,840,3.401,845,3.577,847,4.147,851,3.732,854,3.422,856,3.732,857,3.732,862,4.147,864,4.147,867,3.732,870,4.147,871,4.147,893,2.968,929,1.987,934,3.06,984,3.401,1113,2.5,1130,1.987,1144,1.987,1164,3.06,1190,1.987,1191,3.06,1244,1.987,1267,3.06,1271,3.06,1272,3.401,1273,1.69,1274,2.208,1302,4.23,1469,1.486,1510,1.987,1511,3.06,1544,3.577,1555,1.822,1623,3.174,1639,1.822,1640,2.806,1724,4.614,1830,1.581,1850,2.603,1855,1.987,1857,1.822,1859,1.987,1913,1.987,1914,1.987,1915,1.822,1916,1.987,1961,3.06,1968,2.208,1971,3.06,2025,1.987,2038,2.208,2045,1.987,2046,2.208,2047,2.208,2260,3.06,2261,3.732,2287,1.987,2328,1.987,2358,2.208,2359,1.69,2591,3.06,2980,2.208,2994,2.208,3014,4.659,3146,2.208,3149,2.208,3150,4.147,3152,2.208,3155,2.208,3180,2.208,3181,3.401,3185,2.208,3191,1.987,3192,5.143,3199,3.401,3200,3.401,3201,4.147,3202,3.401,3204,3.401,3205,3.401,3206,3.401,3210,2.208,3212,1.987,3213,5.863,3215,1.987,3217,1.987,3253,1.404,3260,5.536,3301,1.987,3302,2.208,3361,2.208,3366,3.401,3367,5.536,3368,5.314,3369,3.401,3370,3.401,3372,2.544,3373,2.544,3374,3.918,3375,2.544,3376,2.544,3377,2.544,3378,2.544,3379,2.544,3380,2.544,3381,2.544,3382,2.544,3383,5.367,3384,2.544,3385,2.544,3386,2.544,3387,2.544,3388,4.778,3389,2.544,3390,5.367,3391,2.544,3392,4.778,3393,4.778,3394,4.778,3395,2.544,3396,2.544,3397,2.544,3398,2.544,3399,2.544,3400,2.544,3401,2.544,3402,4.778,3403,2.544,3404,2.544,3405,2.544,3406,2.544,3407,2.544,3408,2.544,3409,2.544,3410,2.544,3411,2.544,3412,3.918,3413,2.544,3414,2.544,3415,2.544,3416,2.544,3417,2.544,3418,2.544,3419,2.544,3420,2.544,3421,2.544,3422,2.544,3423,2.544,3424,2.544,3425,3.918,3426,2.544,3427,2.544,3428,3.918,3429,2.544,3430,2.544,3431,3.918,3432,2.544,3433,2.544,3434,2.544,3435,2.544,3436,2.544,3437,2.544,3438,2.544,3439,2.544,3440,2.544]]],"invertedIndex":[["",{"_index":21,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{},"dependencies.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/functions.html":{},"index.html":{},"license.html":{},"modules.html":{},"overview.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["0",{"_index":196,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["0.0",{"_index":3434,"title":{},"body":{"miscellaneous/variables.html":{}}}],["0.0000001",{"_index":3421,"title":{},"body":{"miscellaneous/variables.html":{}}}],["0.001",{"_index":3420,"title":{},"body":{"miscellaneous/variables.html":{}}}],["0.13.0",{"_index":3235,"title":{},"body":{"dependencies.html":{}}}],["0.2",{"_index":3431,"title":{},"body":{"miscellaneous/variables.html":{}}}],["0.2em",{"_index":1189,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["0.3",{"_index":219,"title":{},"body":{"components/CustomTemplateComponent.html":{},"directives/HammerSliding.html":{}}}],["0.3em",{"_index":996,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["0.4",{"_index":780,"title":{},"body":{"components/GalleryDotsComponent.html":{}}}],["0.42",{"_index":856,"title":{},"body":{"components/GalleryExampleComponent.html":{},"directives/SmoothScroll.html":{},"miscellaneous/variables.html":{}}}],["0.4em",{"_index":1181,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["0.5",{"_index":986,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["0.5.0",{"_index":3140,"title":{},"body":{"changelog.html":{}}}],["0.5.2",{"_index":3139,"title":{},"body":{"changelog.html":{}}}],["0.58",{"_index":857,"title":{},"body":{"components/GalleryExampleComponent.html":{},"directives/SmoothScroll.html":{},"miscellaneous/variables.html":{}}}],["0.5em",{"_index":1179,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["0.6",{"_index":754,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["0.6.0",{"_index":3134,"title":{},"body":{"changelog.html":{}}}],["0.6.2",{"_index":3129,"title":{},"body":{"changelog.html":{}}}],["0.6.3",{"_index":3125,"title":{},"body":{"changelog.html":{}}}],["0.7.0",{"_index":3120,"title":{},"body":{"changelog.html":{}}}],["0.7.1",{"_index":3114,"title":{},"body":{"changelog.html":{}}}],["0.7em",{"_index":2044,"title":{},"body":{"components/LightboxComponent.html":{}}}],["0.8",{"_index":766,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/LightboxComponent.html":{}}}],["0.84",{"_index":741,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["0.9em",{"_index":2042,"title":{},"body":{"components/LightboxComponent.html":{}}}],["0/1",{"_index":3148,"title":{},"body":{"coverage.html":{}}}],["0/10",{"_index":3161,"title":{},"body":{"coverage.html":{}}}],["0/11",{"_index":3160,"title":{},"body":{"coverage.html":{}}}],["0/12",{"_index":3157,"title":{},"body":{"coverage.html":{}}}],["0/13",{"_index":3162,"title":{},"body":{"coverage.html":{}}}],["0/18",{"_index":3219,"title":{},"body":{"coverage.html":{}}}],["0/2",{"_index":3164,"title":{},"body":{"coverage.html":{}}}],["0/21",{"_index":3188,"title":{},"body":{"coverage.html":{}}}],["0/22",{"_index":3218,"title":{},"body":{"coverage.html":{}}}],["0/3",{"_index":3182,"title":{},"body":{"coverage.html":{}}}],["0/4",{"_index":3179,"title":{},"body":{"coverage.html":{}}}],["0/44",{"_index":3186,"title":{},"body":{"coverage.html":{}}}],["0/5",{"_index":3209,"title":{},"body":{"coverage.html":{}}}],["0/6",{"_index":3165,"title":{},"body":{"coverage.html":{}}}],["0/7",{"_index":3156,"title":{},"body":{"coverage.html":{}}}],["0/8",{"_index":3168,"title":{},"body":{"coverage.html":{}}}],["0/9",{"_index":3175,"title":{},"body":{"coverage.html":{}}}],["06b3601",{"_index":2924,"title":{},"body":{"changelog.html":{}}}],["093789b",{"_index":2570,"title":{},"body":{"changelog.html":{}}}],["0b3f8bf",{"_index":2588,"title":{},"body":{"changelog.html":{}}}],["0px",{"_index":216,"title":{},"body":{"components/CustomTemplateComponent.html":{},"classes/HorizontalAdapter.html":{},"components/LightboxComponent.html":{},"classes/VerticalAdapter.html":{}}}],["1",{"_index":45,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["1).replace(/\"/g",{"_index":436,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["1.0",{"_index":3412,"title":{},"body":{"miscellaneous/variables.html":{}}}],["1.0.0",{"_index":3083,"title":{},"body":{"changelog.html":{}}}],["1.0.1",{"_index":3079,"title":{},"body":{"changelog.html":{}}}],["1.6em",{"_index":997,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["1/1",{"_index":3203,"title":{},"body":{"coverage.html":{}}}],["1/15",{"_index":3178,"title":{},"body":{"coverage.html":{}}}],["1/16",{"_index":3184,"title":{},"body":{"coverage.html":{}}}],["1/3",{"_index":3216,"title":{},"body":{"coverage.html":{}}}],["10",{"_index":702,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["10.0.0",{"_index":2539,"title":{},"body":{"changelog.html":{}}}],["10/17",{"_index":3172,"title":{},"body":{"coverage.html":{}}}],["100",{"_index":203,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"coverage.html":{}}}],["1000px",{"_index":1687,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["100px",{"_index":988,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["104",{"_index":3012,"title":{},"body":{"changelog.html":{}}}],["106",{"_index":3010,"title":{},"body":{"changelog.html":{}}}],["108",{"_index":728,"title":{},"body":{"components/GalleryCoreComponent.html":{},"changelog.html":{}}}],["10px",{"_index":720,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{}}}],["11",{"_index":3413,"title":{},"body":{"miscellaneous/variables.html":{}}}],["11.0.0",{"_index":2524,"title":{},"body":{"changelog.html":{},"dependencies.html":{}}}],["11.8.0",{"_index":3247,"title":{},"body":{"dependencies.html":{}}}],["1100px",{"_index":2027,"title":{},"body":{"components/LightboxComponent.html":{}}}],["11ba153",{"_index":2574,"title":{},"body":{"changelog.html":{}}}],["11px",{"_index":2031,"title":{},"body":{"components/LightboxComponent.html":{}}}],["12",{"_index":710,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/LightboxComponent.html":{}}}],["12.0.0",{"_index":2485,"title":{},"body":{"changelog.html":{},"dependencies.html":{}}}],["12/22",{"_index":3163,"title":{},"body":{"coverage.html":{}}}],["120",{"_index":871,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["125",{"_index":2998,"title":{},"body":{"changelog.html":{}}}],["12f6e5e",{"_index":2957,"title":{},"body":{"changelog.html":{}}}],["12px",{"_index":762,"title":{},"body":{"components/GalleryCounterComponent.html":{}}}],["13",{"_index":2716,"title":{},"body":{"changelog.html":{}}}],["132",{"_index":2995,"title":{},"body":{"changelog.html":{}}}],["133",{"_index":725,"title":{},"body":{"components/GalleryCoreComponent.html":{},"changelog.html":{}}}],["135",{"_index":2965,"title":{},"body":{"changelog.html":{}}}],["14",{"_index":2035,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{},"overview.html":{}}}],["144",{"_index":2970,"title":{},"body":{"changelog.html":{}}}],["15",{"_index":2585,"title":{},"body":{"changelog.html":{}}}],["15.0.0",{"_index":3227,"title":{},"body":{"dependencies.html":{}}}],["150",{"_index":2980,"title":{},"body":{"changelog.html":{},"miscellaneous/variables.html":{}}}],["150ms",{"_index":757,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["151",{"_index":2985,"title":{},"body":{"changelog.html":{}}}],["152",{"_index":2967,"title":{},"body":{"changelog.html":{}}}],["153",{"_index":2976,"title":{},"body":{"changelog.html":{}}}],["154",{"_index":2956,"title":{},"body":{"changelog.html":{}}}],["1543374",{"_index":2989,"title":{},"body":{"changelog.html":{}}}],["1572bea",{"_index":2612,"title":{},"body":{"changelog.html":{}}}],["15c3e88",{"_index":2867,"title":{},"body":{"changelog.html":{}}}],["15px",{"_index":695,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/LightboxComponent.html":{}}}],["16",{"_index":2553,"title":{},"body":{"changelog.html":{},"overview.html":{}}}],["16.2.0",{"_index":3242,"title":{},"body":{"dependencies.html":{}}}],["16.2.6",{"_index":3224,"title":{},"body":{"dependencies.html":{}}}],["16.2.7",{"_index":3222,"title":{},"body":{"dependencies.html":{}}}],["16/18",{"_index":3154,"title":{},"body":{"coverage.html":{}}}],["161",{"_index":2878,"title":{},"body":{"changelog.html":{}}}],["169b813",{"_index":2946,"title":{},"body":{"changelog.html":{}}}],["16px",{"_index":1175,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["17",{"_index":3362,"title":{},"body":{"overview.html":{}}}],["183",{"_index":2949,"title":{},"body":{"changelog.html":{}}}],["185",{"_index":729,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["189",{"_index":2945,"title":{},"body":{"changelog.html":{}}}],["18f71e3",{"_index":2645,"title":{},"body":{"changelog.html":{}}}],["197",{"_index":2921,"title":{},"body":{"changelog.html":{}}}],["199",{"_index":2923,"title":{},"body":{"changelog.html":{}}}],["19ba2b8",{"_index":2655,"title":{},"body":{"changelog.html":{}}}],["1e4fd06",{"_index":2915,"title":{},"body":{"changelog.html":{}}}],["1f47484",{"_index":2630,"title":{},"body":{"changelog.html":{}}}],["1fc70c4",{"_index":2950,"title":{},"body":{"changelog.html":{}}}],["1px",{"_index":213,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["2",{"_index":374,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"components/LightboxComponent.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{},"overview.html":{}}}],["2.0.0",{"_index":3060,"title":{},"body":{"changelog.html":{}}}],["2.0.1",{"_index":3056,"title":{},"body":{"changelog.html":{}}}],["2.0.2",{"_index":3051,"title":{},"body":{"changelog.html":{}}}],["2.0.3",{"_index":3047,"title":{},"body":{"changelog.html":{}}}],["2.0.4",{"_index":3044,"title":{},"body":{"changelog.html":{}}}],["2.0.8",{"_index":3245,"title":{},"body":{"dependencies.html":{}}}],["2.1.1",{"_index":3033,"title":{},"body":{"changelog.html":{}}}],["2.3.0",{"_index":3251,"title":{},"body":{"dependencies.html":{}}}],["2/37",{"_index":3214,"title":{},"body":{"coverage.html":{}}}],["20",{"_index":778,"title":{},"body":{"components/GalleryDotsComponent.html":{},"changelog.html":{}}}],["200",{"_index":2926,"title":{},"body":{"changelog.html":{}}}],["2000",{"_index":2488,"title":{},"body":{"changelog.html":{}}}],["2014",{"_index":3418,"title":{},"body":{"miscellaneous/variables.html":{}}}],["2015",{"_index":3419,"title":{},"body":{"miscellaneous/variables.html":{}}}],["2016",{"_index":3304,"title":{},"body":{"license.html":{}}}],["2023",{"_index":3305,"title":{},"body":{"license.html":{}}}],["205",{"_index":2929,"title":{},"body":{"changelog.html":{}}}],["20px",{"_index":207,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/LightboxComponent.html":{}}}],["21",{"_index":3112,"title":{},"body":{"changelog.html":{}}}],["211",{"_index":2862,"title":{},"body":{"changelog.html":{}}}],["218",{"_index":2875,"title":{},"body":{"changelog.html":{}}}],["224",{"_index":2891,"title":{},"body":{"changelog.html":{}}}],["2262164",{"_index":2894,"title":{},"body":{"changelog.html":{}}}],["228",{"_index":2860,"title":{},"body":{"changelog.html":{}}}],["23/25",{"_index":3190,"title":{},"body":{"coverage.html":{}}}],["234",{"_index":2814,"title":{},"body":{"changelog.html":{}}}],["23506eb",{"_index":2694,"title":{},"body":{"changelog.html":{}}}],["236",{"_index":740,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["236e540",{"_index":2909,"title":{},"body":{"changelog.html":{}}}],["237",{"_index":2801,"title":{},"body":{"changelog.html":{}}}],["24",{"_index":3106,"title":{},"body":{"changelog.html":{}}}],["2451581",{"_index":2635,"title":{},"body":{"changelog.html":{}}}],["24e6e26",{"_index":2996,"title":{},"body":{"changelog.html":{}}}],["24px",{"_index":2033,"title":{},"body":{"components/LightboxComponent.html":{}}}],["250",{"_index":1005,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["25px",{"_index":208,"title":{},"body":{"components/CustomTemplateComponent.html":{}}}],["26",{"_index":3109,"title":{},"body":{"changelog.html":{}}}],["262",{"_index":2785,"title":{},"body":{"changelog.html":{}}}],["262626",{"_index":1002,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["263d297",{"_index":2863,"title":{},"body":{"changelog.html":{}}}],["266eddb",{"_index":2886,"title":{},"body":{"changelog.html":{}}}],["27",{"_index":3207,"title":{},"body":{"coverage.html":{}}}],["270px",{"_index":743,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["284925d",{"_index":2856,"title":{},"body":{"changelog.html":{}}}],["289",{"_index":2629,"title":{},"body":{"changelog.html":{}}}],["28px",{"_index":1177,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["297",{"_index":2775,"title":{},"body":{"changelog.html":{}}}],["2px",{"_index":217,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/LightboxComponent.html":{}}}],["3",{"_index":3138,"title":{},"body":{"changelog.html":{},"coverage.html":{}}}],["3.0.0",{"_index":3000,"title":{},"body":{"changelog.html":{}}}],["3.0.1",{"_index":2997,"title":{},"body":{"changelog.html":{}}}],["3.1.0",{"_index":2952,"title":{},"body":{"changelog.html":{}}}],["3.1.1",{"_index":2947,"title":{},"body":{"changelog.html":{}}}],["3.1.2",{"_index":2943,"title":{},"body":{"changelog.html":{}}}],["3.2.0",{"_index":2919,"title":{},"body":{"changelog.html":{}}}],["3.3.0",{"_index":2910,"title":{},"body":{"changelog.html":{}}}],["3.3.1",{"_index":2895,"title":{},"body":{"changelog.html":{}}}],["3.5em",{"_index":995,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["3/77",{"_index":3174,"title":{},"body":{"coverage.html":{}}}],["30",{"_index":1016,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["3000",{"_index":847,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["300ms",{"_index":983,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["302",{"_index":2749,"title":{},"body":{"changelog.html":{}}}],["304",{"_index":2746,"title":{},"body":{"changelog.html":{}}}],["307",{"_index":2691,"title":{},"body":{"changelog.html":{}}}],["309",{"_index":2774,"title":{},"body":{"changelog.html":{}}}],["31368ed",{"_index":2561,"title":{},"body":{"changelog.html":{}}}],["31624f9",{"_index":2815,"title":{},"body":{"changelog.html":{}}}],["32",{"_index":2039,"title":{},"body":{"components/LightboxComponent.html":{}}}],["33",{"_index":3107,"title":{},"body":{"changelog.html":{},"coverage.html":{}}}],["340",{"_index":2723,"title":{},"body":{"changelog.html":{}}}],["346",{"_index":2742,"title":{},"body":{"changelog.html":{}}}],["34a2723",{"_index":2624,"title":{},"body":{"changelog.html":{}}}],["34f2cc6",{"_index":2851,"title":{},"body":{"changelog.html":{}}}],["35",{"_index":1013,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["353",{"_index":2755,"title":{},"body":{"changelog.html":{}}}],["3582e95",{"_index":2962,"title":{},"body":{"changelog.html":{}}}],["35f58fd",{"_index":2714,"title":{},"body":{"changelog.html":{}}}],["36",{"_index":726,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["363636",{"_index":742,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["3760789",{"_index":2750,"title":{},"body":{"changelog.html":{}}}],["38b0aa6",{"_index":2877,"title":{},"body":{"changelog.html":{}}}],["38px",{"_index":2034,"title":{},"body":{"components/LightboxComponent.html":{}}}],["398",{"_index":2729,"title":{},"body":{"changelog.html":{}}}],["3d960cc",{"_index":2647,"title":{},"body":{"changelog.html":{}}}],["3ecf94e",{"_index":2696,"title":{},"body":{"changelog.html":{}}}],["3em",{"_index":200,"title":{},"body":{"components/CustomTemplateComponent.html":{}}}],["3f8cdca",{"_index":2792,"title":{},"body":{"changelog.html":{}}}],["3px",{"_index":716,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/LightboxComponent.html":{}}}],["3rd",{"_index":3037,"title":{},"body":{"changelog.html":{}}}],["4",{"_index":3361,"title":{},"body":{"overview.html":{},"miscellaneous/variables.html":{}}}],["4.0.0",{"_index":2803,"title":{},"body":{"changelog.html":{}}}],["4.0.1",{"_index":2797,"title":{},"body":{"changelog.html":{}}}],["4.0.2",{"_index":2789,"title":{},"body":{"changelog.html":{}}}],["4.0.3",{"_index":2783,"title":{},"body":{"changelog.html":{}}}],["4.15.2",{"_index":3244,"title":{},"body":{"dependencies.html":{}}}],["40",{"_index":723,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["405",{"_index":2732,"title":{},"body":{"changelog.html":{}}}],["40px",{"_index":989,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["417",{"_index":2643,"title":{},"body":{"changelog.html":{}}}],["420",{"_index":2718,"title":{},"body":{"changelog.html":{}}}],["424",{"_index":2717,"title":{},"body":{"changelog.html":{}}}],["43",{"_index":3064,"title":{},"body":{"changelog.html":{}}}],["45",{"_index":3082,"title":{},"body":{"changelog.html":{},"coverage.html":{}}}],["454",{"_index":2707,"title":{},"body":{"changelog.html":{}}}],["458",{"_index":2702,"title":{},"body":{"changelog.html":{}}}],["46",{"_index":1012,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["4616eec",{"_index":2802,"title":{},"body":{"changelog.html":{}}}],["464",{"_index":2685,"title":{},"body":{"changelog.html":{}}}],["464646",{"_index":1003,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["465",{"_index":2668,"title":{},"body":{"changelog.html":{}}}],["466",{"_index":2680,"title":{},"body":{"changelog.html":{}}}],["467",{"_index":2686,"title":{},"body":{"changelog.html":{}}}],["468",{"_index":854,"title":{},"body":{"components/GalleryExampleComponent.html":{},"directives/SmoothScroll.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["469",{"_index":2687,"title":{},"body":{"changelog.html":{}}}],["46ef735",{"_index":2906,"title":{},"body":{"changelog.html":{}}}],["46px",{"_index":2037,"title":{},"body":{"components/LightboxComponent.html":{}}}],["473",{"_index":2682,"title":{},"body":{"changelog.html":{}}}],["477",{"_index":2673,"title":{},"body":{"changelog.html":{}}}],["480px",{"_index":1188,"title":{},"body":{"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["4826d52",{"_index":2808,"title":{},"body":{"changelog.html":{}}}],["484",{"_index":2639,"title":{},"body":{"changelog.html":{}}}],["487",{"_index":2631,"title":{},"body":{"changelog.html":{}}}],["4a52161",{"_index":2890,"title":{},"body":{"changelog.html":{}}}],["4b07fc7",{"_index":2653,"title":{},"body":{"changelog.html":{}}}],["4c1db03",{"_index":2627,"title":{},"body":{"changelog.html":{}}}],["4eb7d2f",{"_index":2708,"title":{},"body":{"changelog.html":{}}}],["4px",{"_index":698,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/LightboxComponent.html":{}}}],["5",{"_index":2777,"title":{},"body":{"changelog.html":{},"coverage.html":{}}}],["5.0.0",{"_index":2739,"title":{},"body":{"changelog.html":{}}}],["5.1.1",{"_index":2719,"title":{},"body":{"changelog.html":{}}}],["5/11",{"_index":3170,"title":{},"body":{"coverage.html":{}}}],["50",{"_index":758,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{}}}],["500",{"_index":1004,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["500px",{"_index":205,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"changelog.html":{}}}],["506249b",{"_index":2619,"title":{},"body":{"changelog.html":{}}}],["513",{"_index":2569,"title":{},"body":{"changelog.html":{}}}],["515",{"_index":2573,"title":{},"body":{"changelog.html":{}}}],["5176851_150.jpg",{"_index":3386,"title":{},"body":{"miscellaneous/variables.html":{}}}],["52",{"_index":3176,"title":{},"body":{"coverage.html":{}}}],["521",{"_index":2505,"title":{},"body":{"changelog.html":{}}}],["525",{"_index":2547,"title":{},"body":{"changelog.html":{}}}],["5286640",{"_index":2981,"title":{},"body":{"changelog.html":{}}}],["529",{"_index":2557,"title":{},"body":{"changelog.html":{}}}],["532",{"_index":2565,"title":{},"body":{"changelog.html":{}}}],["533",{"_index":2566,"title":{},"body":{"changelog.html":{}}}],["54",{"_index":1014,"title":{},"body":{"components/GalleryImageComponent.html":{},"changelog.html":{},"coverage.html":{}}}],["541",{"_index":2562,"title":{},"body":{"changelog.html":{}}}],["543",{"_index":2509,"title":{},"body":{"changelog.html":{}}}],["54c5d88",{"_index":2889,"title":{},"body":{"changelog.html":{}}}],["551",{"_index":2548,"title":{},"body":{"changelog.html":{}}}],["5523b2e",{"_index":2725,"title":{},"body":{"changelog.html":{}}}],["56",{"_index":3166,"title":{},"body":{"coverage.html":{}}}],["560162",{"_index":2090,"title":{},"body":{"injectables/Pixabay.html":{}}}],["56c704f",{"_index":2810,"title":{},"body":{"changelog.html":{}}}],["57",{"_index":3075,"title":{},"body":{"changelog.html":{}}}],["57bebca",{"_index":2690,"title":{},"body":{"changelog.html":{}}}],["58",{"_index":3171,"title":{},"body":{"coverage.html":{}}}],["58e89fb",{"_index":2615,"title":{},"body":{"changelog.html":{}}}],["5b550e7",{"_index":2888,"title":{},"body":{"changelog.html":{}}}],["5px",{"_index":719,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["6",{"_index":830,"title":{},"body":{"components/GalleryExampleComponent.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["6.0.0",{"_index":2715,"title":{},"body":{"changelog.html":{}}}],["6.0.1",{"_index":2711,"title":{},"body":{"changelog.html":{}}}],["6.4.0",{"_index":3237,"title":{},"body":{"dependencies.html":{}}}],["6/22",{"_index":3208,"title":{},"body":{"coverage.html":{}}}],["60",{"_index":2043,"title":{},"body":{"components/LightboxComponent.html":{}}}],["63e3b6b",{"_index":2648,"title":{},"body":{"changelog.html":{}}}],["64",{"_index":3062,"title":{},"body":{"changelog.html":{},"coverage.html":{}}}],["64d5620",{"_index":2710,"title":{},"body":{"changelog.html":{}}}],["65f3358",{"_index":2916,"title":{},"body":{"changelog.html":{}}}],["67",{"_index":3059,"title":{},"body":{"changelog.html":{}}}],["6799a1c",{"_index":2743,"title":{},"body":{"changelog.html":{}}}],["6bdc7a4",{"_index":2692,"title":{},"body":{"changelog.html":{}}}],["6c47ecb",{"_index":2549,"title":{},"body":{"changelog.html":{}}}],["6e080b4",{"_index":2734,"title":{},"body":{"changelog.html":{}}}],["6fabf6c",{"_index":2972,"title":{},"body":{"changelog.html":{}}}],["6px",{"_index":736,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{}}}],["7.0.0",{"_index":2709,"title":{},"body":{"changelog.html":{}}}],["7.0.1",{"_index":2704,"title":{},"body":{"changelog.html":{}}}],["7.0.2",{"_index":2699,"title":{},"body":{"changelog.html":{}}}],["7.0.3",{"_index":2697,"title":{},"body":{"changelog.html":{}}}],["7.0.4",{"_index":2695,"title":{},"body":{"changelog.html":{}}}],["7.1.0",{"_index":2675,"title":{},"body":{"changelog.html":{}}}],["7.1.1",{"_index":2671,"title":{},"body":{"changelog.html":{}}}],["7.1.2",{"_index":2661,"title":{},"body":{"changelog.html":{}}}],["7.5.6",{"_index":3249,"title":{},"body":{"dependencies.html":{}}}],["7/8",{"_index":3183,"title":{},"body":{"coverage.html":{}}}],["7/9",{"_index":3159,"title":{},"body":{"coverage.html":{}}}],["70",{"_index":3055,"title":{},"body":{"changelog.html":{}}}],["704dd2880c027f22c62ab7941",{"_index":2091,"title":{},"body":{"injectables/Pixabay.html":{}}}],["70cb00c",{"_index":2651,"title":{},"body":{"changelog.html":{}}}],["727a4ca",{"_index":3004,"title":{},"body":{"changelog.html":{}}}],["73",{"_index":3048,"title":{},"body":{"changelog.html":{}}}],["73b20a9",{"_index":2611,"title":{},"body":{"changelog.html":{}}}],["75",{"_index":3409,"title":{},"body":{"miscellaneous/variables.html":{}}}],["76",{"_index":722,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["77",{"_index":3158,"title":{},"body":{"coverage.html":{}}}],["7796b50",{"_index":2788,"title":{},"body":{"changelog.html":{}}}],["7ba8dd9",{"_index":2824,"title":{},"body":{"changelog.html":{}}}],["7e4c302",{"_index":2999,"title":{},"body":{"changelog.html":{}}}],["7px",{"_index":2032,"title":{},"body":{"components/LightboxComponent.html":{}}}],["8",{"_index":2596,"title":{},"body":{"changelog.html":{}}}],["8.0.0",{"_index":2587,"title":{},"body":{"changelog.html":{}}}],["8.0.1",{"_index":2575,"title":{},"body":{"changelog.html":{}}}],["8.0.2",{"_index":2567,"title":{},"body":{"changelog.html":{}}}],["8.0.3",{"_index":2563,"title":{},"body":{"changelog.html":{}}}],["8.0.4",{"_index":2554,"title":{},"body":{"changelog.html":{}}}],["800px",{"_index":2028,"title":{},"body":{"components/LightboxComponent.html":{}}}],["80px",{"_index":999,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["834c001",{"_index":2903,"title":{},"body":{"changelog.html":{}}}],["8446c1a",{"_index":2819,"title":{},"body":{"changelog.html":{}}}],["8635701",{"_index":2683,"title":{},"body":{"changelog.html":{}}}],["86eeaa7",{"_index":2908,"title":{},"body":{"changelog.html":{}}}],["87",{"_index":3009,"title":{},"body":{"changelog.html":{},"coverage.html":{}}}],["88",{"_index":3153,"title":{},"body":{"coverage.html":{}}}],["8c6c99d",{"_index":2966,"title":{},"body":{"changelog.html":{}}}],["8de515b",{"_index":2914,"title":{},"body":{"changelog.html":{}}}],["8ed5948",{"_index":2706,"title":{},"body":{"changelog.html":{}}}],["8px",{"_index":226,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["8s",{"_index":1008,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["9",{"_index":2760,"title":{},"body":{"changelog.html":{},"overview.html":{}}}],["9.0.0",{"_index":2550,"title":{},"body":{"changelog.html":{},"dependencies.html":{}}}],["9.0.1",{"_index":2545,"title":{},"body":{"changelog.html":{}}}],["9/14",{"_index":3151,"title":{},"body":{"coverage.html":{}}}],["9/16",{"_index":3167,"title":{},"body":{"coverage.html":{}}}],["9/17",{"_index":3177,"title":{},"body":{"coverage.html":{}}}],["9/20",{"_index":3169,"title":{},"body":{"coverage.html":{}}}],["90",{"_index":862,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["90vh",{"_index":2030,"title":{},"body":{"components/LightboxComponent.html":{}}}],["91",{"_index":3005,"title":{},"body":{"changelog.html":{}}}],["92",{"_index":3189,"title":{},"body":{"coverage.html":{}}}],["946a856",{"_index":2845,"title":{},"body":{"changelog.html":{}}}],["94vw",{"_index":2029,"title":{},"body":{"components/LightboxComponent.html":{}}}],["96c5c07",{"_index":2959,"title":{},"body":{"changelog.html":{}}}],["9783fc3",{"_index":2977,"title":{},"body":{"changelog.html":{}}}],["98",{"_index":3003,"title":{},"body":{"changelog.html":{}}}],["98901b9",{"_index":2857,"title":{},"body":{"changelog.html":{}}}],["99",{"_index":774,"title":{},"body":{"components/GalleryDotsComponent.html":{}}}],["999",{"_index":1176,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["9cab04b",{"_index":2811,"title":{},"body":{"changelog.html":{}}}],["9caf8bf",{"_index":2747,"title":{},"body":{"changelog.html":{}}}],["9dbf6c4",{"_index":2872,"title":{},"body":{"changelog.html":{}}}],["9ea5ea3",{"_index":2586,"title":{},"body":{"changelog.html":{}}}],["9px",{"_index":2036,"title":{},"body":{"components/LightboxComponent.html":{}}}],["_afterheightchanged",{"_index":2134,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["_applyscrolltooptions",{"_index":2268,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_applyscrolltooptions(options",{"_index":2285,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_autoheightsubscription",{"_index":2135,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["_bottom",{"_index":2347,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_config",{"_index":1192,"title":{},"body":{"classes/GalleryRef.html":{},"injectables/Lightbox.html":{}}}],["_config.backdropclass",{"_index":1856,"title":{},"body":{"injectables/Lightbox.html":{}}}],["_config.hasbackdrop",{"_index":1860,"title":{},"body":{"injectables/Lightbox.html":{}}}],["_config.keyboardshortcuts",{"_index":1899,"title":{},"body":{"injectables/Lightbox.html":{}}}],["_config.panelclass",{"_index":1858,"title":{},"body":{"injectables/Lightbox.html":{}}}],["_currentsubscription",{"_index":78,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["_defaultoptions",{"_index":2263,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_detector",{"_index":307,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["_dir",{"_index":2280,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_document",{"_index":320,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{}}}],["_el",{"_index":317,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"directives/LightboxDirective.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["_el.nativeelement",{"_index":2370,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_elementfocusedbeforedialogwasopened",{"_index":1908,"title":{},"body":{"components/LightboxComponent.html":{}}}],["_elementref",{"_index":1923,"title":{},"body":{"components/LightboxComponent.html":{}}}],["_finished",{"_index":2264,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_focustrap",{"_index":1909,"title":{},"body":{"components/LightboxComponent.html":{}}}],["_focustrapfactory",{"_index":1921,"title":{},"body":{"components/LightboxComponent.html":{}}}],["_gallery",{"_index":93,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"components/GallerySliderComponent.html":{},"injectables/Lightbox.html":{},"directives/SliderResizeObserver.html":{}}}],["_gallerycmp",{"_index":321,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["_gallerycore",{"_index":2147,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["_galleryid",{"_index":308,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["_galleryref",{"_index":79,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["_hammer",{"_index":1512,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["_http",{"_index":2086,"title":{},"body":{"injectables/Pixabay.html":{}}}],["_imgmanager",{"_index":90,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/SliderResizeObserver.html":{}}}],["_instances",{"_index":450,"title":{},"body":{"injectables/Gallery.html":{}}}],["_interrupted",{"_index":2269,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_isautoheight",{"_index":2148,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["_isfinished",{"_index":2270,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_isfinished(context",{"_index":2291,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_isinterruptedbymouse",{"_index":2265,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_item",{"_index":1791,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["_itemchange",{"_index":309,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["_itemclick",{"_index":310,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["_left",{"_index":2348,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_left).left",{"_index":2454,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_lightbox",{"_index":319,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/LightboxDirective.html":{}}}],["_mode",{"_index":311,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["_now",{"_index":2278,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_observer",{"_index":312,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["_overlay",{"_index":1831,"title":{},"body":{"injectables/Lightbox.html":{}}}],["_overlayref",{"_index":1825,"title":{},"body":{"injectables/Lightbox.html":{}}}],["_platform",{"_index":1519,"title":{},"body":{"directives/HammerSliding.html":{}}}],["_renderer",{"_index":2051,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["_resizeobserver",{"_index":2136,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["_resizesubscription",{"_index":2137,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["_restorefocus",{"_index":1917,"title":{},"body":{"components/LightboxComponent.html":{}}}],["_right",{"_index":2349,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_right).right",{"_index":2448,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_sanitizer",{"_index":888,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"injectables/Lightbox.html":{}}}],["_savepreviouslyfocusedelement",{"_index":1918,"title":{},"body":{"components/LightboxComponent.html":{}}}],["_scrollcontroller",{"_index":2266,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_scrollelement",{"_index":2271,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_scrollelement(x",{"_index":2299,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_sensor",{"_index":1789,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["_shouldskip",{"_index":2138,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["_state",{"_index":1193,"title":{},"body":{"classes/GalleryRef.html":{}}}],["_step",{"_index":2272,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_step(context",{"_index":2301,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_subscribe",{"_index":80,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["_subscribeautoheight",{"_index":2139,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["_subscription",{"_index":2267,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_top",{"_index":2350,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_top).top",{"_index":2444,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_trapfocus",{"_index":1919,"title":{},"body":{"components/LightboxComponent.html":{}}}],["_unsubscribe",{"_index":81,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["_unsubscribeautoheight",{"_index":2140,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["_viewport",{"_index":1517,"title":{},"body":{"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["_w",{"_index":2277,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_without",{"_index":2351,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["_xaxis",{"_index":151,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{}}}],["_yaxis",{"_index":152,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{}}}],["_zone",{"_index":323,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["a(aa1",{"_index":3263,"title":{},"body":{"miscellaneous/functions.html":{}}}],["a.currindex",{"_index":2242,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["a1028e8",{"_index":2870,"title":{},"body":{"changelog.html":{}}}],["a11d20d",{"_index":2887,"title":{},"body":{"changelog.html":{}}}],["a239c29",{"_index":2879,"title":{},"body":{"changelog.html":{}}}],["a26d63f",{"_index":2670,"title":{},"body":{"changelog.html":{}}}],["a2b32e2",{"_index":2902,"title":{},"body":{"changelog.html":{}}}],["a331f46",{"_index":2968,"title":{},"body":{"changelog.html":{}}}],["a374603",{"_index":2688,"title":{},"body":{"changelog.html":{}}}],["a5b227e",{"_index":2958,"title":{},"body":{"changelog.html":{}}}],["a730116",{"_index":2964,"title":{},"body":{"changelog.html":{}}}],["aa",{"_index":3273,"title":{},"body":{"miscellaneous/functions.html":{}}}],["aa1",{"_index":3265,"title":{},"body":{"miscellaneous/functions.html":{}}}],["aa2",{"_index":3264,"title":{},"body":{"miscellaneous/functions.html":{}}}],["ab",{"_index":3274,"title":{},"body":{"miscellaneous/functions.html":{}}}],["ability",{"_index":2672,"title":{},"body":{"changelog.html":{}}}],["above",{"_index":3331,"title":{},"body":{"license.html":{}}}],["absolute",{"_index":194,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GalleryThumbComponent.html":{},"components/LightboxComponent.html":{}}}],["abstract",{"_index":2109,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["ac08077",{"_index":2913,"title":{},"body":{"changelog.html":{}}}],["accepts",{"_index":2846,"title":{},"body":{"changelog.html":{}}}],["accessors",{"_index":544,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/ItemIntersectionObserver.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{}}}],["accidentally",{"_index":2010,"title":{},"body":{"components/LightboxComponent.html":{}}}],["action",{"_index":789,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"classes/GalleryRef.html":{},"interfaces/GalleryState.html":{},"license.html":{},"miscellaneous/variables.html":{}}}],["actions",{"_index":1272,"title":{},"body":{"classes/GalleryRef.html":{},"miscellaneous/variables.html":{}}}],["actions.indexof(state.action",{"_index":1274,"title":{},"body":{"classes/GalleryRef.html":{},"miscellaneous/variables.html":{}}}],["active",{"_index":779,"title":{},"body":{"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["activeelement",{"_index":2021,"title":{},"body":{"components/LightboxComponent.html":{}}}],["activeindexchange",{"_index":1515,"title":{},"body":{"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["activeitemobserver",{"_index":1,"title":{"classes/ActiveItemObserver.html":{}},"body":{"classes/ActiveItemObserver.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"coverage.html":{}}}],["actual_component",{"_index":304,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["ad2255b",{"_index":2927,"title":{},"body":{"changelog.html":{}}}],["ad3e514",{"_index":2724,"title":{},"body":{"changelog.html":{}}}],["adapter",{"_index":1325,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{}}}],["adapter.ts",{"_index":2108,"title":{},"body":{"classes/SliderAdapter.html":{},"coverage.html":{}}}],["adapter.ts:11",{"_index":2121,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:13",{"_index":2118,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:15",{"_index":2113,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:17",{"_index":2112,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:19",{"_index":2117,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:21",{"_index":2114,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:23",{"_index":2116,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:25",{"_index":2115,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:3",{"_index":2110,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:5",{"_index":2111,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:7",{"_index":2119,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapter.ts:9",{"_index":2120,"title":{},"body":{"classes/SliderAdapter.html":{}}}],["adapters",{"_index":1368,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["adapters.ts",{"_index":1640,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["adapters.ts:101",{"_index":2464,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:103",{"_index":2465,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:106",{"_index":2474,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:11",{"_index":1658,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:115",{"_index":2473,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:119",{"_index":2470,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:124",{"_index":2469,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:13",{"_index":1673,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:132",{"_index":2468,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:140",{"_index":2472,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:144",{"_index":2471,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:17",{"_index":1675,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:21",{"_index":1677,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:23",{"_index":1654,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:25",{"_index":1655,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:28",{"_index":1671,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:37",{"_index":1669,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:41",{"_index":1662,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:46",{"_index":1660,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:54",{"_index":1659,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:62",{"_index":1668,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:66",{"_index":1665,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:87",{"_index":2466,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:89",{"_index":2467,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:9",{"_index":1657,"title":{},"body":{"classes/HorizontalAdapter.html":{}}}],["adapters.ts:91",{"_index":2475,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:95",{"_index":2476,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["adapters.ts:99",{"_index":2477,"title":{},"body":{"classes/VerticalAdapter.html":{}}}],["add",{"_index":416,"title":{},"body":{"directives/GallerizeDirective.html":{},"classes/GalleryRef.html":{},"injectables/Lightbox.html":{},"changelog.html":{}}}],["add(item",{"_index":1217,"title":{},"body":{"classes/GalleryRef.html":{}}}],["added",{"_index":1261,"title":{},"body":{"classes/GalleryRef.html":{},"changelog.html":{}}}],["addiframe",{"_index":1194,"title":{},"body":{"classes/GalleryRef.html":{}}}],["addiframe(data",{"_index":1219,"title":{},"body":{"classes/GalleryRef.html":{}}}],["addimage",{"_index":1195,"title":{},"body":{"classes/GalleryRef.html":{}}}],["addimage(data",{"_index":1222,"title":{},"body":{"classes/GalleryRef.html":{}}}],["adding",{"_index":2935,"title":{},"body":{"changelog.html":{}}}],["additem",{"_index":1752,"title":{},"body":{"injectables/ImgManager.html":{}}}],["additem(index",{"_index":1745,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["addloadingstrategy",{"_index":3008,"title":{},"body":{"changelog.html":{}}}],["addons",{"_index":3401,"title":{},"body":{"miscellaneous/variables.html":{}}}],["adds",{"_index":341,"title":{},"body":{"directives/GallerizeDirective.html":{},"changelog.html":{}}}],["addvideo",{"_index":1196,"title":{},"body":{"classes/GalleryRef.html":{}}}],["addvideo(data",{"_index":1224,"title":{},"body":{"classes/GalleryRef.html":{}}}],["addyoutube",{"_index":1197,"title":{},"body":{"classes/GalleryRef.html":{}}}],["addyoutube(data",{"_index":1226,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ae541ca",{"_index":2899,"title":{},"body":{"changelog.html":{}}}],["afterviewchecked",{"_index":2133,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["afterviewinit",{"_index":1025,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["aguesst",{"_index":3281,"title":{},"body":{"miscellaneous/functions.html":{}}}],["aliases",{"_index":3364,"title":{},"body":{"miscellaneous/typealiases.html":{}}}],["align",{"_index":209,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["alignment",{"_index":2577,"title":{},"body":{"changelog.html":{}}}],["allow",{"_index":2559,"title":{},"body":{"changelog.html":{}}}],["allows",{"_index":2519,"title":{},"body":{"changelog.html":{}}}],["alt",{"_index":925,"title":{},"body":{"components/GalleryImageComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"injectables/Pixabay.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["always",{"_index":2323,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["and/or",{"_index":3324,"title":{},"body":{"license.html":{}}}],["angular",{"_index":2552,"title":{},"body":{"changelog.html":{},"index.html":{}}}],["angular/animations",{"_index":962,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/LightboxComponent.html":{},"dependencies.html":{}}}],["angular/cdk",{"_index":3223,"title":{},"body":{"dependencies.html":{}}}],["angular/cdk/a11y",{"_index":1970,"title":{},"body":{"components/LightboxComponent.html":{}}}],["angular/cdk/bidi",{"_index":2346,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["angular/cdk/coercion",{"_index":614,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["angular/cdk/keycodes",{"_index":1849,"title":{},"body":{"injectables/Lightbox.html":{}}}],["angular/cdk/overlay",{"_index":1845,"title":{},"body":{"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["angular/cdk/platform",{"_index":1540,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["angular/cdk/portal",{"_index":1843,"title":{},"body":{"injectables/Lightbox.html":{}}}],["angular/cdk/scrolling",{"_index":153,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{}}}],["angular/common",{"_index":235,"title":{},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"directives/SmoothScroll.html":{},"dependencies.html":{}}}],["angular/common/http",{"_index":2092,"title":{},"body":{"injectables/Pixabay.html":{}}}],["angular/compiler",{"_index":3225,"title":{},"body":{"dependencies.html":{}}}],["angular/core",{"_index":107,"title":{},"body":{"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"dependencies.html":{}}}],["angular/flex",{"_index":3226,"title":{},"body":{"dependencies.html":{}}}],["angular/forms",{"_index":3229,"title":{},"body":{"dependencies.html":{}}}],["angular/material",{"_index":3230,"title":{},"body":{"dependencies.html":{}}}],["angular/platform",{"_index":903,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"dependencies.html":{}}}],["angular/router",{"_index":3232,"title":{},"body":{"dependencies.html":{}}}],["animate",{"_index":960,"title":{},"body":{"components/GalleryImageComponent.html":{},"changelog.html":{}}}],["animate('300ms",{"_index":970,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["animate('{{exitanimationtime}}ms",{"_index":3432,"title":{},"body":{"miscellaneous/variables.html":{}}}],["animate('{{startanimationtime}}ms",{"_index":3429,"title":{},"body":{"miscellaneous/variables.html":{}}}],["animation",{"_index":1006,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["animationevent",{"_index":1936,"title":{},"body":{"components/LightboxComponent.html":{}}}],["animationframescheduler",{"_index":2179,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{}}}],["animations",{"_index":967,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/LightboxComponent.html":{}}}],["another",{"_index":2233,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["anymore",{"_index":2932,"title":{},"body":{"changelog.html":{}}}],["api_key",{"_index":2081,"title":{},"body":{"injectables/Pixabay.html":{}}}],["app",{"_index":2830,"title":{},"body":{"changelog.html":{}}}],["appearance",{"_index":2202,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["application",{"_index":2728,"title":{},"body":{"changelog.html":{}}}],["applicationconfig",{"_index":3392,"title":{},"body":{"miscellaneous/variables.html":{}}}],["applies",{"_index":2827,"title":{},"body":{"changelog.html":{}}}],["apply",{"_index":2420,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["appmodule",{"_index":2836,"title":{},"body":{"changelog.html":{}}}],["args",{"_index":1724,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["argtypes",{"_index":3391,"title":{},"body":{"miscellaneous/variables.html":{}}}],["argtypesregex",{"_index":3435,"title":{},"body":{"miscellaneous/variables.html":{}}}],["arguments",{"_index":1768,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["aria",{"_index":1952,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["ariadescribedby",{"_index":1910,"title":{},"body":{"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"changelog.html":{}}}],["arialabel",{"_index":1911,"title":{},"body":{"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"changelog.html":{}}}],["arialabelledby",{"_index":1912,"title":{},"body":{"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"changelog.html":{}}}],["arising",{"_index":3356,"title":{},"body":{"license.html":{}}}],["array",{"_index":1506,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["aspect",{"_index":2599,"title":{},"body":{"changelog.html":{}}}],["assets",{"_index":964,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["assets.ts",{"_index":3181,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["assign",{"_index":1954,"title":{},"body":{"components/LightboxComponent.html":{}}}],["associated",{"_index":3314,"title":{},"body":{"license.html":{}}}],["async",{"_index":2015,"title":{},"body":{"components/LightboxComponent.html":{}}}],["attach",{"_index":1874,"title":{},"body":{"injectables/Lightbox.html":{},"changelog.html":{}}}],["attempt",{"_index":1989,"title":{},"body":{"components/LightboxComponent.html":{}}}],["attr.aria",{"_index":1977,"title":{},"body":{"components/LightboxComponent.html":{}}}],["attr.autoheight",{"_index":531,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.counterposition",{"_index":532,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.debug",{"_index":533,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.disablethumb",{"_index":534,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.bulletsPosition",{"_index":535,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.galleryindex",{"_index":1031,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["attr.id",{"_index":1975,"title":{},"body":{"components/LightboxComponent.html":{}}}],["attr.imagesize",{"_index":536,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.imagestate",{"_index":930,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["attr.itemautosize",{"_index":537,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.itemstate",{"_index":1032,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["attr.role",{"_index":1976,"title":{},"body":{"components/LightboxComponent.html":{}}}],["attr.slidingdirection",{"_index":538,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.slidingdisabled",{"_index":539,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.thumbautosize",{"_index":540,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.thumbimagesize",{"_index":541,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.thumbposition",{"_index":542,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attr.thumbslidingdisabled",{"_index":543,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["attribute",{"_index":941,"title":{},"body":{"components/GalleryImageComponent.html":{},"changelog.html":{}}}],["attributes",{"_index":1727,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["audittime",{"_index":2459,"title":{},"body":{"directives/ThumbResizeObserver.html":{}}}],["author",{"_index":3296,"title":{},"body":{"index.html":{}}}],["authors",{"_index":3347,"title":{},"body":{"license.html":{}}}],["auto",{"_index":201,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["autodocs",{"_index":3390,"title":{},"body":{"miscellaneous/variables.html":{}}}],["autoheight",{"_index":555,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["autoheight='true'][itemautosize='false'][slidingdirection='horizontal",{"_index":673,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["autoitemsize",{"_index":2598,"title":{},"body":{"changelog.html":{}}}],["autoplay",{"_index":801,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryItemComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["autoplaydirective",{"_index":65,"title":{"directives/AutoplayDirective.html":{}},"body":{"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["autothumbsize",{"_index":2601,"title":{},"body":{"changelog.html":{}}}],["available",{"_index":2721,"title":{},"body":{"changelog.html":{},"index.html":{}}}],["avoid",{"_index":2199,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["await",{"_index":2215,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["ax",{"_index":3275,"title":{},"body":{"miscellaneous/functions.html":{}}}],["b",{"_index":2241,"title":{},"body":{"directives/SliderResizeObserver.html":{},"coverage.html":{},"miscellaneous/functions.html":{}}}],["b(aa1",{"_index":3266,"title":{},"body":{"miscellaneous/functions.html":{}}}],["b.currindex",{"_index":2243,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["b1df18c",{"_index":2776,"title":{},"body":{"changelog.html":{}}}],["b6b5120",{"_index":2698,"title":{},"body":{"changelog.html":{}}}],["ba95036",{"_index":2663,"title":{},"body":{"changelog.html":{}}}],["back",{"_index":2884,"title":{},"body":{"changelog.html":{}}}],["backdrop",{"_index":2038,"title":{},"body":{"components/LightboxComponent.html":{},"miscellaneous/variables.html":{}}}],["backdropclass",{"_index":1855,"title":{},"body":{"injectables/Lightbox.html":{},"interfaces/LightboxConfig.html":{},"miscellaneous/variables.html":{}}}],["backdroppanel",{"_index":2560,"title":{},"body":{"changelog.html":{}}}],["background",{"_index":220,"title":{},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryThumbComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["background|color)$/i",{"_index":3438,"title":{},"body":{"miscellaneous/variables.html":{}}}],["base",{"_index":1678,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["base64",{"_index":3118,"title":{},"body":{"changelog.html":{}}}],["bd8cdd3",{"_index":2861,"title":{},"body":{"changelog.html":{}}}],["beautiful",{"_index":3287,"title":{},"body":{"index.html":{}}}],["bec077f",{"_index":2892,"title":{},"body":{"changelog.html":{}}}],["become",{"_index":326,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["before",{"_index":709,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["beginning",{"_index":2984,"title":{},"body":{"changelog.html":{}}}],["behavior",{"_index":790,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{}}}],["behaviorsubject",{"_index":1067,"title":{},"body":{"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["behaviorsubject('loading",{"_index":1068,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["behaviorsubject(config",{"_index":1285,"title":{},"body":{"classes/GalleryRef.html":{}}}],["behaviorsubject(defaultstate",{"_index":1283,"title":{},"body":{"classes/GalleryRef.html":{}}}],["behaviorsubject(null",{"_index":1738,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["behind",{"_index":3050,"title":{},"body":{"changelog.html":{}}}],["being",{"_index":1411,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["beta",{"_index":3076,"title":{},"body":{"changelog.html":{}}}],["beta.0",{"_index":2486,"title":{},"body":{"changelog.html":{}}}],["beta.1",{"_index":2620,"title":{},"body":{"changelog.html":{}}}],["beta.2",{"_index":2616,"title":{},"body":{"changelog.html":{}}}],["beta.3",{"_index":2613,"title":{},"body":{"changelog.html":{}}}],["beta.4",{"_index":2607,"title":{},"body":{"changelog.html":{}}}],["beta.42",{"_index":3228,"title":{},"body":{"dependencies.html":{}}}],["beta.5",{"_index":2594,"title":{},"body":{"changelog.html":{}}}],["beta.8",{"_index":3103,"title":{},"body":{"changelog.html":{}}}],["bezier",{"_index":2359,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["bezier(0",{"_index":3430,"title":{},"body":{"miscellaneous/variables.html":{}}}],["bezier(0.4",{"_index":3433,"title":{},"body":{"miscellaneous/variables.html":{}}}],["bezier(0.5",{"_index":985,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["bezier(mx1",{"_index":3267,"title":{},"body":{"miscellaneous/functions.html":{}}}],["beziereasing",{"_index":2358,"title":{},"body":{"directives/SmoothScroll.html":{},"miscellaneous/variables.html":{}}}],["beziereasing(options.easing.x1",{"_index":2431,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["beziereasingoptions",{"_index":141,"title":{"interfaces/BezierEasingOptions.html":{}},"body":{"interfaces/BezierEasingOptions.html":{},"components/GalleryExampleComponent.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"coverage.html":{}}}],["binarysubdivide",{"_index":3193,"title":{},"body":{"coverage.html":{},"miscellaneous/functions.html":{}}}],["binarysubdivide(ax",{"_index":3272,"title":{},"body":{"miscellaneous/functions.html":{}}}],["binding",{"_index":1730,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["black",{"_index":223,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["block",{"_index":718,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["blocking",{"_index":3131,"title":{},"body":{"changelog.html":{}}}],["bold",{"_index":750,"title":{},"body":{"components/GalleryCounterComponent.html":{}}}],["boolean",{"_index":567,"title":{},"body":{"components/GalleryCoreComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryVideoComponent.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"directives/ItemIntersectionObserver.html":{},"interfaces/LightboxConfig.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["border",{"_index":224,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/LightboxComponent.html":{}}}],["both",{"_index":2541,"title":{},"body":{"changelog.html":{}}}],["bottom",{"_index":571,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["box",{"_index":497,"title":{},"body":{"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"modules/GalleryModule.html":{},"interfaces/GalleryStateContext.html":{},"components/LightboxComponent.html":{},"coverage.html":{}}}],["boxtemplate",{"_index":2537,"title":{},"body":{"changelog.html":{}}}],["brands",{"_index":3239,"title":{},"body":{"dependencies.html":{}}}],["break",{"_index":393,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"injectables/Lightbox.html":{}}}],["breaking",{"_index":2520,"title":{},"body":{"changelog.html":{}}}],["breaks",{"_index":2684,"title":{},"body":{"changelog.html":{}}}],["browse",{"_index":3359,"title":{},"body":{"modules.html":{}}}],["browser",{"_index":904,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"changelog.html":{},"dependencies.html":{},"modules.html":{}}}],["browser's",{"_index":2317,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["browsers",{"_index":2319,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["btn",{"_index":2041,"title":{},"body":{"components/LightboxComponent.html":{}}}],["bubbling",{"_index":3074,"title":{},"body":{"changelog.html":{}}}],["bug",{"_index":2665,"title":{},"body":{"changelog.html":{}}}],["bullets",{"_index":3081,"title":{},"body":{"changelog.html":{}}}],["bundle",{"_index":2834,"title":{},"body":{"changelog.html":{}}}],["button",{"_index":1959,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["buttons",{"_index":3017,"title":{},"body":{"changelog.html":{}}}],["c",{"_index":3194,"title":{},"body":{"coverage.html":{},"miscellaneous/functions.html":{},"license.html":{}}}],["c(aa1",{"_index":3276,"title":{},"body":{"miscellaneous/functions.html":{}}}],["c105f21",{"_index":2674,"title":{},"body":{"changelog.html":{}}}],["c26a286",{"_index":2986,"title":{},"body":{"changelog.html":{}}}],["c7b3d39",{"_index":2951,"title":{},"body":{"changelog.html":{}}}],["c810039",{"_index":2703,"title":{},"body":{"changelog.html":{}}}],["cache",{"_index":2799,"title":{},"body":{"changelog.html":{}}}],["calcbezier",{"_index":3195,"title":{},"body":{"coverage.html":{},"miscellaneous/functions.html":{}}}],["calcbezier(at",{"_index":3277,"title":{},"body":{"miscellaneous/functions.html":{}}}],["callback",{"_index":1938,"title":{},"body":{"components/LightboxComponent.html":{}}}],["called",{"_index":2303,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["cancel",{"_index":2403,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["capture",{"_index":2411,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["care",{"_index":2234,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["case",{"_index":391,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"injectables/Lightbox.html":{},"changelog.html":{}}}],["cases",{"_index":1395,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{}}}],["caused",{"_index":2201,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["causes",{"_index":2499,"title":{},"body":{"changelog.html":{}}}],["cba5d59",{"_index":2963,"title":{},"body":{"changelog.html":{}}}],["cd258f5",{"_index":2871,"title":{},"body":{"changelog.html":{}}}],["cdk",{"_index":2751,"title":{},"body":{"changelog.html":{}}}],["ce7a8ad",{"_index":2865,"title":{},"body":{"changelog.html":{}}}],["cell",{"_index":1145,"title":{},"body":{"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{}}}],["center",{"_index":777,"title":{},"body":{"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{}}}],["centerelements",{"_index":1602,"title":{},"body":{"directives/HammerSliding.html":{}}}],["centerelements.find((element",{"_index":1608,"title":{},"body":{"directives/HammerSliding.html":{}}}],["centralised=\"true",{"_index":1414,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["centralize",{"_index":1415,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["centralized",{"_index":2581,"title":{},"body":{"changelog.html":{}}}],["change",{"_index":1992,"title":{},"body":{"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["changed",{"_index":365,"title":{},"body":{"directives/GallerizeDirective.html":{},"classes/GalleryRef.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["changedetection",{"_index":188,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["changedetectionstrategy",{"_index":233,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["changedetectionstrategy.onpush",{"_index":189,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["changelog",{"_index":2484,"title":{"changelog.html":{}},"body":{"changelog.html":{}}}],["changes",{"_index":441,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{}}}],["changes.adapter?.currentvalue",{"_index":1551,"title":{},"body":{"directives/HammerSliding.html":{}}}],["changes.adapter?.firstchange",{"_index":1550,"title":{},"body":{"directives/HammerSliding.html":{}}}],["changes.adapter?.previousvalue",{"_index":1552,"title":{},"body":{"directives/HammerSliding.html":{}}}],["changes.config",{"_index":648,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{}}}],["changes.config.currentvalue.mouseslidingdisabled",{"_index":1549,"title":{},"body":{"directives/HammerSliding.html":{}}}],["changes.config.currentvalue?.mouseslidingdisabled",{"_index":1547,"title":{},"body":{"directives/HammerSliding.html":{}}}],["changes.config.currentvalue?.slidingdirection",{"_index":1377,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["changes.config.currentvalue?.thumbheight",{"_index":654,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["changes.config.currentvalue?.thumbposition",{"_index":1456,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["changes.config.currentvalue?.thumbwidth",{"_index":649,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["changes.config.firstchange",{"_index":1383,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/ThumbResizeObserver.html":{}}}],["changes.config.previousvalue?.mouseslidingdisabled",{"_index":1548,"title":{},"body":{"directives/HammerSliding.html":{}}}],["changes.config.previousvalue?.slidingdirection",{"_index":1378,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["changes.config.previousvalue?.thumbheight",{"_index":655,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["changes.config.previousvalue?.thumbposition",{"_index":1457,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["changes.config.previousvalue?.thumbwidth",{"_index":650,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["changes.state",{"_index":1388,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["changes.state.currentvalue?.currindex",{"_index":1462,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["changes.state.firstchange",{"_index":1391,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["changes.state.previousvalue?.currindex",{"_index":1390,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["changes.state?.firstchange",{"_index":1464,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["changing",{"_index":2200,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["charge",{"_index":3309,"title":{},"body":{"license.html":{}}}],["check",{"_index":1580,"title":{},"body":{"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["checker",{"_index":513,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{}}}],["checks",{"_index":2293,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["childlist",{"_index":445,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["children",{"_index":2828,"title":{},"body":{"changelog.html":{}}}],["claim",{"_index":3350,"title":{},"body":{"license.html":{}}}],["class",{"_index":0,"title":{"classes/ActiveItemObserver.html":{},"classes/GalleryRef.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{}}}],["class.g",{"_index":1033,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["classes",{"_index":2,"title":{},"body":{"classes/ActiveItemObserver.html":{},"classes/GalleryRef.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"overview.html":{}}}],["classname",{"_index":3096,"title":{},"body":{"changelog.html":{}}}],["clean",{"_index":2787,"title":{},"body":{"changelog.html":{}}}],["cleans",{"_index":2295,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["click",{"_index":342,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["click').pipe",{"_index":2066,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["clicked",{"_index":1339,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"changelog.html":{}}}],["clickevent",{"_index":2049,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["clicking",{"_index":3049,"title":{},"body":{"changelog.html":{}}}],["clicks",{"_index":377,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"miscellaneous/enumerations.html":{}}}],["client",{"_index":2226,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["clientsize",{"_index":1651,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["clone",{"_index":399,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["close",{"_index":1828,"title":{},"body":{"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["closed",{"_index":1826,"title":{},"body":{"injectables/Lightbox.html":{},"changelog.html":{}}}],["closeicon",{"_index":1913,"title":{},"body":{"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"miscellaneous/variables.html":{}}}],["closes",{"_index":2504,"title":{},"body":{"changelog.html":{}}}],["cluster_gallerymodule",{"_index":1153,"title":{},"body":{"modules/GalleryModule.html":{},"overview.html":{}}}],["cluster_gallerymodule_exports",{"_index":1154,"title":{},"body":{"modules/GalleryModule.html":{},"overview.html":{}}}],["cluster_gallerymodule_imports",{"_index":1155,"title":{},"body":{"modules/GalleryModule.html":{},"overview.html":{}}}],["cluster_lightboxmodule",{"_index":2074,"title":{},"body":{"modules/LightboxModule.html":{},"overview.html":{}}}],["cluster_lightboxmodule_exports",{"_index":2076,"title":{},"body":{"modules/LightboxModule.html":{},"overview.html":{}}}],["cluster_lightboxmodule_imports",{"_index":2075,"title":{},"body":{"modules/LightboxModule.html":{},"overview.html":{}}}],["code",{"_index":3032,"title":{},"body":{"changelog.html":{}}}],["coercecsspixelvalue",{"_index":613,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["coercecsspixelvalue(changes.config.currentvalue.thumbheight",{"_index":657,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["coercecsspixelvalue(changes.config.currentvalue.thumbwidth",{"_index":653,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["color",{"_index":222,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["column",{"_index":667,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["combine",{"_index":2761,"title":{},"body":{"changelog.html":{}}}],["combined",{"_index":2768,"title":{},"body":{"changelog.html":{}}}],["combinelatest",{"_index":1803,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["comments",{"_index":1613,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["commonmodule",{"_index":234,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{}}}],["compatible",{"_index":2779,"title":{},"body":{"changelog.html":{}}}],["completed",{"_index":2180,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["completes",{"_index":1941,"title":{},"body":{"components/LightboxComponent.html":{}}}],["component",{"_index":170,"title":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/ImgRecognizer.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["component's",{"_index":2782,"title":{},"body":{"changelog.html":{}}}],["component_template",{"_index":247,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["componentportal",{"_index":1842,"title":{},"body":{"injectables/Lightbox.html":{}}}],["componentportal(lightboxcomponent",{"_index":1876,"title":{},"body":{"injectables/Lightbox.html":{}}}],["componentref",{"_index":1841,"title":{},"body":{"injectables/Lightbox.html":{}}}],["components",{"_index":172,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{},"overview.html":{}}}],["components/adapters",{"_index":1541,"title":{},"body":{"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["components/gallery",{"_index":1542,"title":{},"body":{"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["components/gallery.component",{"_index":1161,"title":{},"body":{"modules/GalleryModule.html":{}}}],["components/templates/items.model",{"_index":788,"title":{},"body":{"interfaces/GalleryError.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"classes/GalleryRef.html":{},"interfaces/GalleryState.html":{},"directives/GalleryThumbDef.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{}}}],["conditions",{"_index":3330,"title":{},"body":{"license.html":{}}}],["config",{"_index":86,"title":{},"body":{"directives/AutoplayDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["config.gestures",{"_index":3132,"title":{},"body":{"changelog.html":{}}}],["config.thumbnails.margin",{"_index":3100,"title":{},"body":{"changelog.html":{}}}],["config.thumbnails.space",{"_index":3099,"title":{},"body":{"changelog.html":{}}}],["config]=\"config",{"_index":524,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["configsnapshot",{"_index":1204,"title":{},"body":{"classes/GalleryRef.html":{},"changelog.html":{}}}],["configurablefocustrap",{"_index":1945,"title":{},"body":{"components/LightboxComponent.html":{}}}],["configurablefocustrapfactory",{"_index":1922,"title":{},"body":{"components/LightboxComponent.html":{}}}],["connection",{"_index":3357,"title":{},"body":{"license.html":{}}}],["considered",{"_index":1956,"title":{},"body":{"components/LightboxComponent.html":{}}}],["consistent",{"_index":2320,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["console.error(`[nggallery",{"_index":1304,"title":{},"body":{"classes/GalleryRef.html":{}}}],["console.log",{"_index":1404,"title":{},"body":{"components/GallerySliderComponent.html":{},"directives/SliderIntersectionObserver.html":{}}}],["console.log(...data",{"_index":494,"title":{},"body":{"injectables/Gallery.html":{}}}],["const",{"_index":51,"title":{},"body":{"classes/ActiveItemObserver.html":{},"interfaces/BezierEasingOptions.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"injectables/Pixabay.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{}}}],["constants",{"_index":786,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"interfaces/GalleryState.html":{}}}],["constructor",{"_index":88,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["constructor(@inject(document",{"_index":1546,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["constructor(@optional",{"_index":481,"title":{},"body":{"injectables/Gallery.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{}}}],["constructor(_document",{"_index":1518,"title":{},"body":{"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{}}}],["constructor(_el",{"_index":2149,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["constructor(_gallery",{"_index":89,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/GallerySliderComponent.html":{}}}],["constructor(_http",{"_index":2083,"title":{},"body":{"injectables/Pixabay.html":{}}}],["constructor(_lightbox",{"_index":2050,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["constructor(_sanitizer",{"_index":885,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{}}}],["constructor(_zone",{"_index":315,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["constructor(config",{"_index":455,"title":{},"body":{"injectables/Gallery.html":{},"classes/GalleryRef.html":{},"injectables/Lightbox.html":{}}}],["constructor(data",{"_index":1713,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["constructor(el",{"_index":558,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/ImgRecognizer.html":{}}}],["constructor(gallery",{"_index":769,"title":{},"body":{"components/GalleryDotsComponent.html":{},"components/GalleryNavComponent.html":{}}}],["constructor(pixabay",{"_index":230,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryExampleComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["constructor(private",{"_index":122,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"directives/LightboxDirective.html":{},"injectables/Pixabay.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["constructor(public",{"_index":510,"title":{},"body":{"directives/GalleryBoxDef.html":{},"components/GalleryDotsComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{},"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["constructor(slider",{"_index":1653,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["constructor(templateref",{"_index":503,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"directives/GalleryItemDef.html":{},"directives/GalleryThumbDef.html":{}}}],["contain",{"_index":581,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryItemComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["container",{"_index":2326,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["contains",{"_index":1051,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["content",{"_index":410,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["contentvisibilityauto",{"_index":2608,"title":{},"body":{"changelog.html":{}}}],["context",{"_index":506,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["context.currentx",{"_index":2394,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["context.currenty",{"_index":2396,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["context.duration",{"_index":2417,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["context.easing(elapsed",{"_index":2421,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["context.starttime",{"_index":2416,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["context.startx",{"_index":2422,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["context.starty",{"_index":2423,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["context.x",{"_index":2395,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["context.y",{"_index":2397,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["contract",{"_index":3354,"title":{},"body":{"license.html":{}}}],["controls",{"_index":1469,"title":{},"body":{"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["controlslist",{"_index":1470,"title":{},"body":{"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["convert",{"_index":2948,"title":{},"body":{"changelog.html":{}}}],["copies",{"_index":3326,"title":{},"body":{"license.html":{}}}],["copy",{"_index":3312,"title":{},"body":{"license.html":{}}}],["copyright",{"_index":3303,"title":{},"body":{"license.html":{}}}],["coral",{"_index":994,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["core",{"_index":520,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/LightboxComponent.html":{},"dependencies.html":{}}}],["core'},{'name",{"_index":252,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["core.component.ts",{"_index":519,"title":{},"body":{"components/GalleryCoreComponent.html":{},"coverage.html":{}}}],["core.component.ts:103",{"_index":578,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:108",{"_index":572,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:113",{"_index":590,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:118",{"_index":594,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:123",{"_index":584,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:128",{"_index":568,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:133",{"_index":591,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:138",{"_index":574,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:140",{"_index":559,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:145",{"_index":597,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:71",{"_index":561,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:72",{"_index":562,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:73",{"_index":560,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:74",{"_index":565,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:75",{"_index":566,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:76",{"_index":564,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:79",{"_index":593,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:84",{"_index":587,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:89",{"_index":575,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:94",{"_index":582,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.component.ts:98",{"_index":592,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.scss",{"_index":621,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core.scss,../styles/debug.scss",{"_index":522,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["core[autoplay",{"_index":75,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["core[autoplay]'},{'name",{"_index":278,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["correct",{"_index":1385,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["count",{"_index":1030,"title":{},"body":{"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryThumbComponent.html":{}}}],["counter",{"_index":573,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["counter'},{'name",{"_index":254,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["counter.component",{"_index":615,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["counter.component.ts",{"_index":744,"title":{},"body":{"components/GalleryCounterComponent.html":{},"coverage.html":{}}}],["counter.component.ts:14",{"_index":748,"title":{},"body":{"components/GalleryCounterComponent.html":{}}}],["counter.scss",{"_index":745,"title":{},"body":{"components/GalleryCounterComponent.html":{}}}],["counterposition",{"_index":551,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["counterposition.bottom",{"_index":3387,"title":{},"body":{"miscellaneous/variables.html":{}}}],["counterposition.top",{"_index":823,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["counterposition='bottom",{"_index":699,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["counterposition='top",{"_index":697,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["cover",{"_index":580,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["coverage",{"_index":3142,"title":{"coverage.html":{}},"body":{"coverage.html":{}}}],["create",{"_index":470,"title":{},"body":{"injectables/Gallery.html":{},"changelog.html":{}}}],["createintersectionobserver",{"_index":3187,"title":{},"body":{"coverage.html":{},"miscellaneous/functions.html":{}}}],["createintersectionobserver(root",{"_index":36,"title":{},"body":{"classes/ActiveItemObserver.html":{},"miscellaneous/functions.html":{}}}],["creating",{"_index":3286,"title":{},"body":{"index.html":{}}}],["css",{"_index":2210,"title":{},"body":{"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["cubic",{"_index":984,"title":{},"body":{"components/GalleryImageComponent.html":{},"miscellaneous/variables.html":{}}}],["currelement",{"_index":1585,"title":{},"body":{"directives/HammerSliding.html":{}}}],["current",{"_index":1048,"title":{},"body":{"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"injectables/Lightbox.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["currentx",{"_index":168,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{}}}],["currenty",{"_index":169,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{}}}],["currindex",{"_index":792,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"interfaces/GalleryState.html":{},"components/GalleryThumbComponent.html":{},"miscellaneous/variables.html":{}}}],["cursor",{"_index":684,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GalleryThumbComponent.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"changelog.html":{}}}],["curve",{"_index":3415,"title":{},"body":{"miscellaneous/variables.html":{}}}],["custom",{"_index":190,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{}}}],["customdefaultoptions",{"_index":2279,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["customize",{"_index":2626,"title":{},"body":{"changelog.html":{}}}],["customoptions",{"_index":2332,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["customoptions.end",{"_index":2440,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["customoptions.left",{"_index":2439,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["customoptions.right",{"_index":2442,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["customoptions.start",{"_index":2441,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["customtemplatecomponent",{"_index":171,"title":{"components/CustomTemplateComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["d099abd",{"_index":3002,"title":{},"body":{"changelog.html":{}}}],["d1f8d34",{"_index":2650,"title":{},"body":{"changelog.html":{}}}],["d4dca8b",{"_index":2579,"title":{},"body":{"changelog.html":{}}}],["d867630",{"_index":2625,"title":{},"body":{"changelog.html":{}}}],["da1ace1",{"_index":2876,"title":{},"body":{"changelog.html":{}}}],["damages",{"_index":3351,"title":{},"body":{"license.html":{}}}],["darkorange",{"_index":715,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["dashed",{"_index":711,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["data",{"_index":461,"title":{},"body":{"injectables/Gallery.html":{},"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"classes/GalleryRef.html":{},"interfaces/GalleryState.html":{},"components/GalleryThumbComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"components/LightboxComponent.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["data.src",{"_index":1719,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["data.thumb",{"_index":1720,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["date",{"_index":3439,"title":{},"body":{"miscellaneous/variables.html":{}}}],["date$/i",{"_index":3440,"title":{},"body":{"miscellaneous/variables.html":{}}}],["date.now",{"_index":2363,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["db231aa",{"_index":2930,"title":{},"body":{"changelog.html":{}}}],["de8d22b",{"_index":2873,"title":{},"body":{"changelog.html":{}}}],["deal",{"_index":1994,"title":{},"body":{"components/LightboxComponent.html":{},"license.html":{}}}],["dealings",{"_index":3358,"title":{},"body":{"license.html":{}}}],["debouncetime",{"_index":372,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["debouncetime(300",{"_index":409,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["debouncetime(this.config.resizedebouncetime",{"_index":2205,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["debug",{"_index":557,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["debugconsole",{"_index":451,"title":{},"body":{"injectables/Gallery.html":{}}}],["debugconsole(...data",{"_index":457,"title":{},"body":{"injectables/Gallery.html":{}}}],["debugging",{"_index":460,"title":{},"body":{"injectables/Gallery.html":{}}}],["declare",{"_index":1543,"title":{},"body":{"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{}}}],["decode",{"_index":3117,"title":{},"body":{"changelog.html":{}}}],["decorators",{"_index":893,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/ImgRecognizer.html":{},"miscellaneous/variables.html":{}}}],["decrease",{"_index":3119,"title":{},"body":{"changelog.html":{}}}],["deep",{"_index":704,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["def.directive",{"_index":1023,"title":{},"body":{"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"modules/GalleryModule.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{}}}],["def.directive.ts",{"_index":498,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{},"coverage.html":{}}}],["def.directive.ts:10",{"_index":504,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryItemDef.html":{}}}],["def.directive.ts:11",{"_index":1021,"title":{},"body":{"directives/GalleryImageDef.html":{},"directives/GalleryThumbDef.html":{}}}],["def.directive.ts:12",{"_index":509,"title":{},"body":{"directives/GalleryBoxDef.html":{}}}],["def.directive.ts:15",{"_index":1149,"title":{},"body":{"directives/GalleryItemDef.html":{},"directives/GalleryThumbDef.html":{}}}],["def.directive.ts:16",{"_index":1019,"title":{},"body":{"directives/GalleryImageDef.html":{}}}],["def.directive.ts:17",{"_index":507,"title":{},"body":{"directives/GalleryBoxDef.html":{}}}],["def.directive.ts:9",{"_index":1018,"title":{},"body":{"directives/GalleryImageDef.html":{},"directives/GalleryItemDef.html":{},"directives/GalleryThumbDef.html":{}}}],["default",{"_index":328,"title":{},"body":{"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"injectables/Pixabay.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["default.jpg",{"_index":1722,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["defaultconfig",{"_index":478,"title":{},"body":{"injectables/Gallery.html":{},"injectables/Lightbox.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["defaultstate",{"_index":1267,"title":{},"body":{"classes/GalleryRef.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["define",{"_index":3069,"title":{},"body":{"changelog.html":{}}}],["defined",{"_index":18,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["delay",{"_index":108,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["delay(this.config.playerinterval",{"_index":136,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["delete",{"_index":2897,"title":{},"body":{"changelog.html":{}}}],["deleteinstance",{"_index":452,"title":{},"body":{"injectables/Gallery.html":{},"classes/GalleryRef.html":{}}}],["deleteinstance(id",{"_index":462,"title":{},"body":{"injectables/Gallery.html":{}}}],["deleteitem",{"_index":1753,"title":{},"body":{"injectables/ImgManager.html":{}}}],["deleteitem(index",{"_index":1749,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["deleting",{"_index":2901,"title":{},"body":{"changelog.html":{}}}],["delta",{"_index":1699,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["demonstrate",{"_index":181,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["dependencies",{"_index":1152,"title":{"dependencies.html":{}},"body":{"modules/GalleryModule.html":{},"modules/LightboxModule.html":{},"changelog.html":{},"dependencies.html":{},"overview.html":{}}}],["dependency",{"_index":2660,"title":{},"body":{"changelog.html":{}}}],["deprecated",{"_index":2657,"title":{},"body":{"changelog.html":{}}}],["describedby",{"_index":1979,"title":{},"body":{"components/LightboxComponent.html":{}}}],["describes",{"_index":1950,"title":{},"body":{"components/LightboxComponent.html":{}}}],["description",{"_index":179,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryExampleComponent.html":{},"injectables/Lightbox.html":{},"components/LightboxExampleComponent.html":{},"directives/SmoothScroll.html":{}}}],["desktop",{"_index":2634,"title":{},"body":{"changelog.html":{}}}],["destroy",{"_index":466,"title":{},"body":{"injectables/Gallery.html":{},"classes/GalleryRef.html":{},"changelog.html":{}}}],["destroyall",{"_index":453,"title":{},"body":{"injectables/Gallery.html":{}}}],["destroyed",{"_index":2917,"title":{},"body":{"changelog.html":{}}}],["destroyer",{"_index":464,"title":{},"body":{"injectables/Gallery.html":{},"changelog.html":{}}}],["detach",{"_index":2628,"title":{},"body":{"changelog.html":{}}}],["detect",{"_index":2190,"title":{},"body":{"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["detecting",{"_index":2191,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["detection",{"_index":364,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["detector",{"_index":336,"title":{},"body":{"directives/GallerizeDirective.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["detectormode",{"_index":313,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["detectormode(galleryref",{"_index":334,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["detects",{"_index":340,"title":{},"body":{"directives/GallerizeDirective.html":{},"miscellaneous/enumerations.html":{}}}],["determinate",{"_index":2847,"title":{},"body":{"changelog.html":{}}}],["devices",{"_index":2656,"title":{},"body":{"changelog.html":{},"index.html":{}}}],["df682c4",{"_index":2841,"title":{},"body":{"changelog.html":{}}}],["dialogs",{"_index":2012,"title":{},"body":{"components/LightboxComponent.html":{}}}],["different",{"_index":2769,"title":{},"body":{"changelog.html":{}}}],["dir",{"_index":2262,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["direction",{"_index":589,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["directive",{"_index":64,"title":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"directives/GalleryItemDef.html":{},"directives/GalleryThumbDef.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"directives/LightboxDirective.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}},"body":{"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/enumerations.html":{}}}],["directives",{"_index":66,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"overview.html":{}}}],["directives/gallery",{"_index":1093,"title":{},"body":{"components/GalleryItemComponent.html":{},"modules/GalleryModule.html":{},"components/GalleryThumbComponent.html":{}}}],["disable",{"_index":576,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"changelog.html":{}}}],["disabled",{"_index":1809,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"changelog.html":{}}}],["disablepictureinpicture",{"_index":1471,"title":{},"body":{"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["disableremoteplayback",{"_index":1472,"title":{},"body":{"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["disablethumb",{"_index":547,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["disablethumb='true",{"_index":685,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["discover",{"_index":354,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["display",{"_index":661,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["displayed",{"_index":2618,"title":{},"body":{"changelog.html":{}}}],["displaying",{"_index":185,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["displays",{"_index":2727,"title":{},"body":{"changelog.html":{}}}],["disposeonnavigation",{"_index":1865,"title":{},"body":{"injectables/Lightbox.html":{},"changelog.html":{}}}],["distinctuntilchanged",{"_index":2178,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["distribute",{"_index":3322,"title":{},"body":{"license.html":{}}}],["div",{"_index":730,"title":{},"body":{"components/GalleryCoreComponent.html":{},"changelog.html":{}}}],["docs",{"_index":3408,"title":{},"body":{"miscellaneous/variables.html":{}}}],["document",{"_index":369,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{}}}],["documentation",{"_index":3143,"title":{},"body":{"coverage.html":{},"index.html":{},"license.html":{}}}],["dom",{"_index":174,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{}}}],["domrect",{"_index":1597,"title":{},"body":{"directives/HammerSliding.html":{}}}],["domsanitizer",{"_index":886,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"injectables/Lightbox.html":{}}}],["domsubtreemodified",{"_index":3108,"title":{},"body":{"changelog.html":{}}}],["don't",{"_index":3035,"title":{},"body":{"changelog.html":{}}}],["done",{"_index":1132,"title":{},"body":{"components/GalleryItemComponent.html":{},"changelog.html":{}}}],["dot",{"_index":775,"title":{},"body":{"components/GalleryDotsComponent.html":{}}}],["dots",{"_index":579,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["dots'},{'name",{"_index":256,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["dots.component",{"_index":616,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["dots.component.ts",{"_index":767,"title":{},"body":{"components/GalleryDotsComponent.html":{},"coverage.html":{}}}],["dots.component.ts:25",{"_index":771,"title":{},"body":{"components/GalleryDotsComponent.html":{}}}],["dots.component.ts:26",{"_index":772,"title":{},"body":{"components/GalleryDotsComponent.html":{}}}],["dots.component.ts:27",{"_index":770,"title":{},"body":{"components/GalleryDotsComponent.html":{}}}],["dots.component.ts:29",{"_index":773,"title":{},"body":{"components/GalleryDotsComponent.html":{}}}],["dots.scss",{"_index":768,"title":{},"body":{"components/GalleryDotsComponent.html":{}}}],["dotsize",{"_index":2844,"title":{},"body":{"changelog.html":{}}}],["bulletsPosition",{"_index":550,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["bulletsPosition.bottom",{"_index":828,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["bulletsPosition='bottom",{"_index":696,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["bulletsPosition='top",{"_index":694,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["dotssize",{"_index":802,"title":{},"body":{"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["double",{"_index":3080,"title":{},"body":{"changelog.html":{}}}],["downgrade",{"_index":2712,"title":{},"body":{"changelog.html":{}}}],["downloads",{"_index":1614,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["drag",{"_index":1139,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"changelog.html":{}}}],["dragged",{"_index":1412,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["dragging",{"_index":2402,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["drop",{"_index":214,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["due",{"_index":2195,"title":{},"body":{"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["duplicate",{"_index":2896,"title":{},"body":{"changelog.html":{}}}],["duration",{"_index":158,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"classes/HorizontalAdapter.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{}}}],["dynamic",{"_index":3231,"title":{},"body":{"dependencies.html":{}}}],["e",{"_index":1533,"title":{},"body":{"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["e.clientx",{"_index":1697,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["e.clienty",{"_index":1711,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["e.deltax",{"_index":1694,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["e.deltay",{"_index":1710,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["e.g",{"_index":1053,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"changelog.html":{}}}],["e.velocityx",{"_index":1693,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["e.velocityy",{"_index":1709,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["e209493",{"_index":2961,"title":{},"body":{"changelog.html":{}}}],["e2e58b6",{"_index":2864,"title":{},"body":{"changelog.html":{}}}],["e7fc03f",{"_index":2953,"title":{},"body":{"changelog.html":{}}}],["e819ebe",{"_index":2640,"title":{},"body":{"changelog.html":{}}}],["e8bdfb2",{"_index":2848,"title":{},"body":{"changelog.html":{}}}],["ea041a5",{"_index":2922,"title":{},"body":{"changelog.html":{}}}],["each",{"_index":344,"title":{},"body":{"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["eager",{"_index":835,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"miscellaneous/enumerations.html":{}}}],["ease",{"_index":971,"title":{},"body":{"components/GalleryImageComponent.html":{},"changelog.html":{}}}],["easing",{"_index":159,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"classes/HorizontalAdapter.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["easing.ts",{"_index":3192,"title":{},"body":{"coverage.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["eb1e60c",{"_index":2669,"title":{},"body":{"changelog.html":{}}}],["ebb6667",{"_index":2971,"title":{},"body":{"changelog.html":{}}}],["ecf3f88",{"_index":2988,"title":{},"body":{"changelog.html":{}}}],["ee71e52",{"_index":2681,"title":{},"body":{"changelog.html":{}}}],["effect",{"_index":2701,"title":{},"body":{"changelog.html":{}}}],["el",{"_index":421,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"directives/ImgRecognizer.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{},"miscellaneous/functions.html":{}}}],["el.addeventlistener('click",{"_index":419,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["el.clientheight",{"_index":1705,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["el.clientwidth",{"_index":1684,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["el.getattribute('imagesrc",{"_index":426,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["el.getattribute('thumbsrc",{"_index":429,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["el.offsetleft",{"_index":1683,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["el.offsettop",{"_index":1704,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["el.src",{"_index":427,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["el.style.cursor",{"_index":417,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["elapsed",{"_index":2414,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["element",{"_index":245,"title":{},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"classes/SliderAdapter.html":{},"directives/SmoothScroll.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["element.getattribute('galleryid",{"_index":1609,"title":{},"body":{"directives/HammerSliding.html":{}}}],["elementatcenter",{"_index":1588,"title":{},"body":{"directives/HammerSliding.html":{}}}],["elementatcenter.getattribute('galleryindex",{"_index":1591,"title":{},"body":{"directives/HammerSliding.html":{}}}],["elementref",{"_index":318,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["elements",{"_index":15,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/GallerizeDirective.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/HammerSliding.html":{},"changelog.html":{},"miscellaneous/functions.html":{}}}],["elements.foreach((element",{"_index":56,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["elementsfrompoint",{"_index":1601,"title":{},"body":{"directives/HammerSliding.html":{}}}],["elstyle",{"_index":432,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["elstyle.backgroundimage.slice(4",{"_index":435,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["embedding",{"_index":2979,"title":{},"body":{"changelog.html":{}}}],["emit",{"_index":2224,"title":{},"body":{"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["emits",{"_index":353,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"injectables/Lightbox.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["emitted",{"_index":1070,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["emitter",{"_index":2983,"title":{},"body":{"changelog.html":{}}}],["empty",{"_index":111,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{}}}],["enable/disable",{"_index":2633,"title":{},"body":{"changelog.html":{}}}],["encapsulate",{"_index":2798,"title":{},"body":{"changelog.html":{}}}],["encodeuricomponent(key",{"_index":2098,"title":{},"body":{"injectables/Pixabay.html":{}}}],["end",{"_index":1416,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["ends",{"_index":2222,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["engine",{"_index":3241,"title":{},"body":{"dependencies.html":{}}}],["enhance",{"_index":2494,"title":{},"body":{"changelog.html":{}}}],["enhance(core",{"_index":2693,"title":{},"body":{"changelog.html":{}}}],["enhance(gallerize",{"_index":2852,"title":{},"body":{"changelog.html":{}}}],["enhance(lightbox",{"_index":2558,"title":{},"body":{"changelog.html":{}}}],["enhancement(gallerize",{"_index":3052,"title":{},"body":{"changelog.html":{}}}],["enough",{"_index":1583,"title":{},"body":{"directives/HammerSliding.html":{}}}],["enter",{"_index":1968,"title":{},"body":{"components/LightboxComponent.html":{},"miscellaneous/variables.html":{}}}],["entire",{"_index":2829,"title":{},"body":{"changelog.html":{}}}],["entries",{"_index":53,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["entry",{"_index":2207,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["entry.contentrect.height",{"_index":2228,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["entry.isintersecting",{"_index":40,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["entry.target.classlist.add('g",{"_index":41,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["entry.target.classlist.remove('g",{"_index":44,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["entry.target.getattribute('galleryindex",{"_index":43,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["enum",{"_index":378,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryThumbsComponent.html":{}}}],["enumerations",{"_index":3254,"title":{"miscellaneous/enumerations.html":{}},"body":{"miscellaneous/enumerations.html":{}}}],["equal",{"_index":2248,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["error",{"_index":527,"title":{},"body":{"components/GalleryCoreComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryImageComponent.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/ImgRecognizer.html":{},"changelog.html":{}}}],["error('[nggallery",{"_index":1782,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["errorevent",{"_index":783,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"interfaces/GalleryState.html":{}}}],["erroricon",{"_index":926,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["errors",{"_index":3292,"title":{},"body":{"index.html":{}}}],["errorsvg",{"_index":922,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["errortemplate",{"_index":923,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["escape",{"_index":1848,"title":{},"body":{"injectables/Lightbox.html":{}}}],["essentials",{"_index":3404,"title":{},"body":{"miscellaneous/variables.html":{}}}],["evaluated",{"_index":1729,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["event",{"_index":343,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"changelog.html":{},"license.html":{}}}],["event.keycode",{"_index":1901,"title":{},"body":{"injectables/Lightbox.html":{}}}],["event.tostate",{"_index":1983,"title":{},"body":{"components/LightboxComponent.html":{}}}],["eventemitter",{"_index":563,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["events",{"_index":358,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryImageComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"changelog.html":{}}}],["example",{"_index":192,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["example'},{'name",{"_index":248,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["example.component.ts",{"_index":797,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["example.component.ts:104",{"_index":833,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:105",{"_index":865,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:106",{"_index":829,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:107",{"_index":824,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:108",{"_index":852,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:109",{"_index":838,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:110",{"_index":841,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:111",{"_index":868,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:112",{"_index":818,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:22",{"_index":2071,"title":{},"body":{"components/LightboxExampleComponent.html":{}}}],["example.component.ts:67",{"_index":873,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:69",{"_index":844,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:70",{"_index":827,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:71",{"_index":842,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:72",{"_index":825,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:73",{"_index":859,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:74",{"_index":822,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:75",{"_index":861,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:76",{"_index":860,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:77",{"_index":834,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:80",{"_index":819,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:82",{"_index":821,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:84",{"_index":826,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:86",{"_index":853,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:87",{"_index":869,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:88",{"_index":843,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:89",{"_index":866,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:90",{"_index":831,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:91",{"_index":872,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:92",{"_index":863,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:93",{"_index":848,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:94",{"_index":855,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:95",{"_index":849,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:96",{"_index":850,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:97",{"_index":846,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example.component.ts:98",{"_index":858,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["example/customtemplates",{"_index":3395,"title":{},"body":{"miscellaneous/variables.html":{}}}],["example/gallery",{"_index":3389,"title":{},"body":{"miscellaneous/variables.html":{}}}],["example/lightbox",{"_index":3396,"title":{},"body":{"miscellaneous/variables.html":{}}}],["execution",{"_index":2898,"title":{},"body":{"changelog.html":{}}}],["exist",{"_index":2538,"title":{},"body":{"changelog.html":{}}}],["exists",{"_index":2900,"title":{},"body":{"changelog.html":{}}}],["exit",{"_index":1961,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["exitanimationtime",{"_index":1914,"title":{},"body":{"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"miscellaneous/variables.html":{}}}],["expand",{"_index":2355,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["expanded",{"_index":2203,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["expected",{"_index":2508,"title":{},"body":{"changelog.html":{}}}],["expects",{"_index":2720,"title":{},"body":{"changelog.html":{}}}],["export",{"_index":34,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["exports",{"_index":1159,"title":{},"body":{"modules/GalleryModule.html":{},"modules/LightboxModule.html":{}}}],["expose",{"_index":2843,"title":{},"body":{"changelog.html":{}}}],["express",{"_index":3243,"title":{},"body":{"dependencies.html":{},"license.html":{}}}],["extend",{"_index":182,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["extra",{"_index":2019,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["f07c304",{"_index":2730,"title":{},"body":{"changelog.html":{}}}],["f0fb1c3",{"_index":2733,"title":{},"body":{"changelog.html":{}}}],["f2cae92",{"_index":2793,"title":{},"body":{"changelog.html":{}}}],["f2d6910",{"_index":2582,"title":{},"body":{"changelog.html":{}}}],["f34f90a",{"_index":2842,"title":{},"body":{"changelog.html":{}}}],["f46e33a",{"_index":2632,"title":{},"body":{"changelog.html":{}}}],["f6b48b1",{"_index":2745,"title":{},"body":{"changelog.html":{}}}],["f786d0a",{"_index":2664,"title":{},"body":{"changelog.html":{}}}],["f7d6a22",{"_index":2796,"title":{},"body":{"changelog.html":{}}}],["fade",{"_index":3124,"title":{},"body":{"changelog.html":{}}}],["failed",{"_index":1731,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/typealiases.html":{}}}],["fallback",{"_index":1142,"title":{},"body":{"components/GalleryItemComponent.html":{},"changelog.html":{}}}],["fallbacks",{"_index":2605,"title":{},"body":{"changelog.html":{}}}],["false",{"_index":1302,"title":{},"body":{"classes/GalleryRef.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["family",{"_index":734,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["favorites",{"_index":1615,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["fc6c3f7",{"_index":2786,"title":{},"body":{"changelog.html":{}}}],["feat",{"_index":2525,"title":{},"body":{"changelog.html":{}}}],["feat(classnames",{"_index":3095,"title":{},"body":{"changelog.html":{}}}],["feat(core",{"_index":2568,"title":{},"body":{"changelog.html":{}}}],["feat(gallerize",{"_index":2804,"title":{},"body":{"changelog.html":{}}}],["feat(galleryactions",{"_index":3091,"title":{},"body":{"changelog.html":{}}}],["feat(galleryconfig",{"_index":3045,"title":{},"body":{"changelog.html":{}}}],["feat(gallerynav",{"_index":3092,"title":{},"body":{"changelog.html":{}}}],["feat(galleryplayer",{"_index":3088,"title":{},"body":{"changelog.html":{}}}],["feat(galleryslider",{"_index":3057,"title":{},"body":{"changelog.html":{}}}],["feat(lazyload",{"_index":3121,"title":{},"body":{"changelog.html":{}}}],["feat(lightbox",{"_index":2740,"title":{},"body":{"changelog.html":{}}}],["feat(lightboxconfig",{"_index":3063,"title":{},"body":{"changelog.html":{}}}],["feat(video",{"_index":2744,"title":{},"body":{"changelog.html":{}}}],["feat(videoitem",{"_index":3036,"title":{},"body":{"changelog.html":{}}}],["feat(youtube",{"_index":2748,"title":{},"body":{"changelog.html":{}}}],["feature",{"_index":2182,"title":{},"body":{"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["feature(core",{"_index":2920,"title":{},"body":{"changelog.html":{}}}],["feature(lightbox",{"_index":2925,"title":{},"body":{"changelog.html":{}}}],["featuremodule",{"_index":2837,"title":{},"body":{"changelog.html":{}}}],["features",{"_index":2493,"title":{},"body":{"changelog.html":{}}}],["ff10363",{"_index":2756,"title":{},"body":{"changelog.html":{}}}],["fff",{"_index":1000,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{}}}],["ffffffd9",{"_index":221,"title":{},"body":{"components/CustomTemplateComponent.html":{}}}],["file",{"_index":5,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"coverage.html":{}}}],["files",{"_index":3315,"title":{},"body":{"license.html":{}}}],["fill",{"_index":1178,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["filter",{"_index":31,"title":{},"body":{"classes/ActiveItemObserver.html":{},"components/CustomTemplateComponent.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{}}}],["filter((index",{"_index":46,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["filter((state",{"_index":1273,"title":{},"body":{"classes/GalleryRef.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"miscellaneous/variables.html":{}}}],["filteractions",{"_index":1271,"title":{},"body":{"classes/GalleryRef.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["finalize",{"_index":371,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/SmoothScroll.html":{}}}],["find",{"_index":1587,"title":{},"body":{"directives/HammerSliding.html":{}}}],["fire",{"_index":363,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["first",{"_index":1113,"title":{},"body":{"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"miscellaneous/variables.html":{}}}],["firstvaluefrom",{"_index":2177,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["firstvaluefrom(this._afterheightchanged",{"_index":2223,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["firstvaluefrom(this._imgmanager.getactiveitem(galleryref.state",{"_index":2216,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["fit",{"_index":674,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"changelog.html":{}}}],["fitness",{"_index":3343,"title":{},"body":{"license.html":{}}}],["fix",{"_index":2498,"title":{},"body":{"changelog.html":{}}}],["fix(core",{"_index":2555,"title":{},"body":{"changelog.html":{}}}],["fix(gallery",{"_index":2928,"title":{},"body":{"changelog.html":{}}}],["fix(gallerydirective",{"_index":3116,"title":{},"body":{"changelog.html":{}}}],["fix(galleryimage",{"_index":3123,"title":{},"body":{"changelog.html":{}}}],["fix(gallerymodal",{"_index":3126,"title":{},"body":{"changelog.html":{}}}],["fix(gallerynav",{"_index":3084,"title":{},"body":{"changelog.html":{}}}],["fix(galleryplayer",{"_index":3087,"title":{},"body":{"changelog.html":{}}}],["fix(gestures",{"_index":3130,"title":{},"body":{"changelog.html":{}}}],["fix(hammerjs",{"_index":3034,"title":{},"body":{"changelog.html":{}}}],["fix(keyboard",{"_index":3104,"title":{},"body":{"changelog.html":{}}}],["fix(lightbox",{"_index":2617,"title":{},"body":{"changelog.html":{}}}],["fix(swiping",{"_index":3061,"title":{},"body":{"changelog.html":{}}}],["fix(universal",{"_index":3110,"title":{},"body":{"changelog.html":{}}}],["fix(video",{"_index":2753,"title":{},"body":{"changelog.html":{}}}],["fixed",{"_index":2026,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["fixes",{"_index":3011,"title":{},"body":{"changelog.html":{}}}],["flag",{"_index":1065,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["flex",{"_index":662,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["float32array",{"_index":3411,"title":{},"body":{"miscellaneous/variables.html":{}}}],["float32arraysupported",{"_index":3199,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["fluid",{"_index":2987,"title":{},"body":{"changelog.html":{}}}],["focus",{"_index":1927,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["focusable",{"_index":2016,"title":{},"body":{"components/LightboxComponent.html":{}}}],["focused",{"_index":1928,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["folder",{"_index":2975,"title":{},"body":{"changelog.html":{}}}],["following",{"_index":380,"title":{},"body":{"directives/GallerizeDirective.html":{},"changelog.html":{},"license.html":{}}}],["font",{"_index":733,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryImageComponent.html":{}}}],["fontawesome",{"_index":3234,"title":{},"body":{"dependencies.html":{}}}],["force",{"_index":1398,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["forclass",{"_index":3019,"title":{},"body":{"changelog.html":{}}}],["forroot",{"_index":2825,"title":{},"body":{"changelog.html":{}}}],["forroot(config",{"_index":2817,"title":{},"body":{"changelog.html":{}}}],["fortawesome/angular",{"_index":3233,"title":{},"body":{"dependencies.html":{}}}],["fortawesome/fontawesome",{"_index":3236,"title":{},"body":{"dependencies.html":{}}}],["fortawesome/free",{"_index":3238,"title":{},"body":{"dependencies.html":{}}}],["fox(core",{"_index":2580,"title":{},"body":{"changelog.html":{}}}],["fraction",{"_index":2614,"title":{},"body":{"changelog.html":{}}}],["framework",{"_index":3406,"title":{},"body":{"miscellaneous/variables.html":{}}}],["free",{"_index":2658,"title":{},"body":{"changelog.html":{},"license.html":{}}}],["from(imageelements).pipe",{"_index":414,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["fromevent",{"_index":2060,"title":{},"body":{"directives/LightboxDirective.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{}}}],["fromevent(this._el",{"_index":2408,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["fromevent(this._el.nativeelement",{"_index":2065,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["fromevent(this._viewport",{"_index":2188,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["full",{"_index":3007,"title":{},"body":{"changelog.html":{}}}],["fullhdurl",{"_index":1637,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["fullscreen",{"_index":2025,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["function",{"_index":48,"title":{},"body":{"classes/ActiveItemObserver.html":{},"injectables/Gallery.html":{},"classes/GalleryRef.html":{},"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollStep.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["functions",{"_index":2604,"title":{"miscellaneous/functions.html":{}},"body":{"changelog.html":{},"miscellaneous/functions.html":{}}}],["furnished",{"_index":3329,"title":{},"body":{"license.html":{}}}],["g",{"_index":652,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["galleries",{"_index":3288,"title":{},"body":{"index.html":{}}}],["gallerize",{"_index":306,"title":{},"body":{"directives/GallerizeDirective.html":{},"changelog.html":{}}}],["gallerize.directive",{"_index":2079,"title":{},"body":{"modules/LightboxModule.html":{}}}],["gallerize]'},{'name",{"_index":280,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["gallerizedirective",{"_index":279,"title":{"directives/GallerizeDirective.html":{}},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"coverage.html":{},"overview.html":{}}}],["gallerizemode",{"_index":359,"title":{},"body":{"directives/GallerizeDirective.html":{},"miscellaneous/enumerations.html":{}}}],["gallerizemode.detector",{"_index":385,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallerizemode.gallery",{"_index":384,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallerizemodule",{"_index":2771,"title":{},"body":{"changelog.html":{}}}],["gallery",{"_index":74,"title":{"injectables/Gallery.html":{}},"body":{"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/enumerations.html":{},"index.html":{},"miscellaneous/variables.html":{}}}],["gallery'},{'name",{"_index":250,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["gallery.remove",{"_index":2731,"title":{},"body":{"changelog.html":{}}}],["gallery/.storybook/main.ts",{"_index":3146,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/.storybook/preview.ts",{"_index":3149,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/core",{"_index":2766,"title":{},"body":{"changelog.html":{}}}],["gallery/core/styles/css/gallery';3.0.2",{"_index":2992,"title":{},"body":{"changelog.html":{}}}],["gallery/core/styles/gallery';after",{"_index":2990,"title":{},"body":{"changelog.html":{}}}],["gallery/core/styles/scss/gallery",{"_index":2991,"title":{},"body":{"changelog.html":{}}}],["gallery/gallerize",{"_index":2767,"title":{},"body":{"changelog.html":{}}}],["gallery/lightbox",{"_index":2073,"title":{},"body":{"components/LightboxExampleComponent.html":{},"changelog.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts",{"_index":305,"title":{},"body":{"directives/GallerizeDirective.html":{},"coverage.html":{},"miscellaneous/enumerations.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:104",{"_index":347,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:112",{"_index":335,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:37",{"_index":355,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:40",{"_index":360,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:45",{"_index":362,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:48",{"_index":351,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:53",{"_index":357,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:54",{"_index":356,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:59",{"_index":324,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:62",{"_index":322,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:75",{"_index":349,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/gallerize.directive.ts:90",{"_index":348,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallery/lightbox/src/lightbox.animation.ts",{"_index":3152,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/lightbox/src/lightbox.component.ts",{"_index":1906,"title":{},"body":{"components/LightboxComponent.html":{},"coverage.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:114",{"_index":1925,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:36",{"_index":1964,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:39",{"_index":1965,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:42",{"_index":1958,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:45",{"_index":1969,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:48",{"_index":1966,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:51",{"_index":1951,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:54",{"_index":1955,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:57",{"_index":1949,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:60",{"_index":1967,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:63",{"_index":1960,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:66",{"_index":1946,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:69",{"_index":1924,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:78",{"_index":1937,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:88",{"_index":1932,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.component.ts:99",{"_index":1929,"title":{},"body":{"components/LightboxComponent.html":{}}}],["gallery/lightbox/src/lightbox.default.ts",{"_index":3155,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/lightbox/src/lightbox.directive.ts",{"_index":2048,"title":{},"body":{"directives/LightboxDirective.html":{},"coverage.html":{}}}],["gallery/lightbox/src/lightbox.directive.ts:11",{"_index":2059,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["gallery/lightbox/src/lightbox.directive.ts:13",{"_index":2054,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["gallery/lightbox/src/lightbox.directive.ts:14",{"_index":2053,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["gallery/lightbox/src/lightbox.directive.ts:19",{"_index":2056,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["gallery/lightbox/src/lightbox.directive.ts:26",{"_index":2055,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["gallery/lightbox/src/lightbox.model.ts",{"_index":2045,"title":{},"body":{"interfaces/LightboxConfig.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/lightbox/src/lightbox.module.ts",{"_index":2077,"title":{},"body":{"modules/LightboxModule.html":{}}}],["gallery/lightbox/src/lightbox.service.ts",{"_index":1824,"title":{},"body":{"injectables/Lightbox.html":{},"coverage.html":{}}}],["gallery/lightbox/src/lightbox.service.ts:110",{"_index":1833,"title":{},"body":{"injectables/Lightbox.html":{}}}],["gallery/lightbox/src/lightbox.service.ts:19",{"_index":1839,"title":{},"body":{"injectables/Lightbox.html":{}}}],["gallery/lightbox/src/lightbox.service.ts:22",{"_index":1837,"title":{},"body":{"injectables/Lightbox.html":{}}}],["gallery/lightbox/src/lightbox.service.ts:25",{"_index":1840,"title":{},"body":{"injectables/Lightbox.html":{}}}],["gallery/lightbox/src/lightbox.service.ts:28",{"_index":1832,"title":{},"body":{"injectables/Lightbox.html":{}}}],["gallery/lightbox/src/lightbox.service.ts:38",{"_index":1836,"title":{},"body":{"injectables/Lightbox.html":{}}}],["gallery/lightbox/src/lightbox.service.ts:48",{"_index":1835,"title":{},"body":{"injectables/Lightbox.html":{}}}],["gallery/src/lib/autoplay/autoplay.directive.ts",{"_index":67,"title":{},"body":{"directives/AutoplayDirective.html":{},"coverage.html":{}}}],["gallery/src/lib/autoplay/autoplay.directive.ts:15",{"_index":103,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["gallery/src/lib/autoplay/autoplay.directive.ts:17",{"_index":105,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["gallery/src/lib/autoplay/autoplay.directive.ts:19",{"_index":95,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["gallery/src/lib/autoplay/autoplay.directive.ts:21",{"_index":92,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["gallery/src/lib/autoplay/autoplay.directive.ts:26",{"_index":101,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["gallery/src/lib/autoplay/autoplay.directive.ts:31",{"_index":99,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["gallery/src/lib/autoplay/autoplay.directive.ts:37",{"_index":100,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["gallery/src/lib/autoplay/autoplay.directive.ts:42",{"_index":96,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["gallery/src/lib/autoplay/autoplay.directive.ts:60",{"_index":98,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["gallery/src/lib/components/adapters/base",{"_index":2107,"title":{},"body":{"classes/SliderAdapter.html":{},"coverage.html":{}}}],["gallery/src/lib/components/adapters/main",{"_index":1639,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/src/lib/components/gallery",{"_index":518,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"coverage.html":{}}}],["gallery/src/lib/components/gallery.component.ts",{"_index":3173,"title":{},"body":{"coverage.html":{}}}],["gallery/src/lib/components/templates/gallery",{"_index":878,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryVideoComponent.html":{},"coverage.html":{}}}],["gallery/src/lib/components/templates/items.model.ts",{"_index":1712,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"coverage.html":{},"miscellaneous/typealiases.html":{}}}],["gallery/src/lib/components/templates/items.model.ts:15",{"_index":2479,"title":{},"body":{"classes/VideoItem.html":{}}}],["gallery/src/lib/components/templates/items.model.ts:16",{"_index":2478,"title":{},"body":{"classes/VideoItem.html":{}}}],["gallery/src/lib/components/templates/items.model.ts:25",{"_index":1715,"title":{},"body":{"classes/IframeItem.html":{}}}],["gallery/src/lib/components/templates/items.model.ts:26",{"_index":1714,"title":{},"body":{"classes/IframeItem.html":{}}}],["gallery/src/lib/components/templates/items.model.ts:35",{"_index":2481,"title":{},"body":{"classes/YoutubeItem.html":{}}}],["gallery/src/lib/components/templates/items.model.ts:36",{"_index":2480,"title":{},"body":{"classes/YoutubeItem.html":{}}}],["gallery/src/lib/components/templates/items.model.ts:5",{"_index":1733,"title":{},"body":{"classes/ImageItem.html":{}}}],["gallery/src/lib/components/templates/items.model.ts:6",{"_index":1732,"title":{},"body":{"classes/ImageItem.html":{}}}],["gallery/src/lib/components/templates/svg",{"_index":3180,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/src/lib/directives/gallery",{"_index":496,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{},"coverage.html":{}}}],["gallery/src/lib/gallery.module.ts",{"_index":1158,"title":{},"body":{"modules/GalleryModule.html":{}}}],["gallery/src/lib/gestures/hammer",{"_index":1510,"title":{},"body":{"directives/HammerSliding.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/src/lib/models/config.model.ts",{"_index":3185,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/src/lib/models/constants.ts",{"_index":3257,"title":{},"body":{"miscellaneous/enumerations.html":{},"miscellaneous/typealiases.html":{}}}],["gallery/src/lib/models/gallery.model.ts",{"_index":781,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"interfaces/GalleryState.html":{},"coverage.html":{}}}],["gallery/src/lib/models/slider.model.ts",{"_index":2257,"title":{},"body":{"interfaces/SliderState.html":{},"interfaces/WorkerState.html":{},"coverage.html":{}}}],["gallery/src/lib/observers/active",{"_index":7,"title":{},"body":{"classes/ActiveItemObserver.html":{},"coverage.html":{},"miscellaneous/functions.html":{}}}],["gallery/src/lib/observers/item",{"_index":1787,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"coverage.html":{}}}],["gallery/src/lib/observers/slider",{"_index":2122,"title":{},"body":{"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"coverage.html":{}}}],["gallery/src/lib/observers/thumb",{"_index":2456,"title":{},"body":{"directives/ThumbResizeObserver.html":{},"coverage.html":{}}}],["gallery/src/lib/services/gallery",{"_index":1190,"title":{},"body":{"classes/GalleryRef.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/src/lib/services/gallery.service.ts",{"_index":449,"title":{},"body":{"injectables/Gallery.html":{},"coverage.html":{}}}],["gallery/src/lib/services/gallery.service.ts:13",{"_index":474,"title":{},"body":{"injectables/Gallery.html":{}}}],["gallery/src/lib/services/gallery.service.ts:16",{"_index":456,"title":{},"body":{"injectables/Gallery.html":{}}}],["gallery/src/lib/services/gallery.service.ts:27",{"_index":469,"title":{},"body":{"injectables/Gallery.html":{}}}],["gallery/src/lib/services/gallery.service.ts:42",{"_index":465,"title":{},"body":{"injectables/Gallery.html":{}}}],["gallery/src/lib/services/gallery.service.ts:49",{"_index":472,"title":{},"body":{"injectables/Gallery.html":{}}}],["gallery/src/lib/services/gallery.service.ts:56",{"_index":458,"title":{},"body":{"injectables/Gallery.html":{}}}],["gallery/src/lib/services/gallery.service.ts:65",{"_index":463,"title":{},"body":{"injectables/Gallery.html":{}}}],["gallery/src/lib/smooth",{"_index":143,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"coverage.html":{},"miscellaneous/functions.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["gallery/src/lib/utils/gallery.default.ts",{"_index":3210,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallery/src/lib/utils/img",{"_index":1735,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"coverage.html":{}}}],["gallery/src/lib/utils/resize",{"_index":3211,"title":{},"body":{"coverage.html":{},"miscellaneous/functions.html":{}}}],["gallery/src/stories/basic/gallery",{"_index":796,"title":{},"body":{"components/GalleryExampleComponent.html":{},"coverage.html":{}}}],["gallery/src/stories/basic/gallery.stories.ts",{"_index":3212,"title":{},"body":{"coverage.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["gallery/src/stories/custom",{"_index":176,"title":{},"body":{"components/CustomTemplateComponent.html":{},"coverage.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["gallery/src/stories/lightbox/lightbox",{"_index":2070,"title":{},"body":{"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["gallery/src/stories/lightbox/lightbox.stories.ts",{"_index":3217,"title":{},"body":{"coverage.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["gallery/src/stories/pixabay/pixabay.model.ts",{"_index":1612,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"coverage.html":{}}}],["gallery/src/stories/pixabay/pixabay.service.ts",{"_index":2080,"title":{},"body":{"injectables/Pixabay.html":{},"coverage.html":{}}}],["gallery/src/stories/pixabay/pixabay.service.ts:14",{"_index":2085,"title":{},"body":{"injectables/Pixabay.html":{}}}],["gallery/src/stories/pixabay/pixabay.service.ts:19",{"_index":2088,"title":{},"body":{"injectables/Pixabay.html":{}}}],["gallery_config",{"_index":477,"title":{},"body":{"injectables/Gallery.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["galleryaction",{"_index":784,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"classes/GalleryRef.html":{},"interfaces/GalleryState.html":{},"miscellaneous/enumerations.html":{}}}],["galleryaction.index_changed",{"_index":1308,"title":{},"body":{"classes/GalleryRef.html":{}}}],["galleryaction.initialized",{"_index":3410,"title":{},"body":{"miscellaneous/variables.html":{}}}],["galleryaction.items_changed",{"_index":1293,"title":{},"body":{"classes/GalleryRef.html":{}}}],["galleryaction.play",{"_index":1316,"title":{},"body":{"classes/GalleryRef.html":{}}}],["galleryaction.stop",{"_index":1281,"title":{},"body":{"classes/GalleryRef.html":{}}}],["galleryboxdef",{"_index":281,"title":{"directives/GalleryBoxDef.html":{}},"body":{"components/CustomTemplateComponent.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{},"coverage.html":{},"overview.html":{}}}],["galleryboxdef]'},{'name",{"_index":282,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["gallerycomponent",{"_index":249,"title":{},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{},"miscellaneous/enumerations.html":{},"overview.html":{},"miscellaneous/variables.html":{}}}],["galleryconfig",{"_index":94,"title":{},"body":{"directives/AutoplayDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallerycorecomponent",{"_index":251,"title":{"components/GalleryCoreComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["gallerycountercomponent",{"_index":253,"title":{"components/GalleryCounterComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["gallerydotscomponent",{"_index":255,"title":{"components/GalleryDotsComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["galleryerror",{"_index":620,"title":{"interfaces/GalleryError.html":{}},"body":{"components/GalleryCoreComponent.html":{},"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"components/GalleryThumbsComponent.html":{},"coverage.html":{}}}],["galleryexamplecomponent",{"_index":257,"title":{"components/GalleryExampleComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["galleryid",{"_index":87,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"directives/SliderResizeObserver.html":{}}}],["galleryid]=\"galleryid",{"_index":525,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["galleryiframecomponent",{"_index":258,"title":{"components/GalleryIframeComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["galleryimage",{"_index":1764,"title":{},"body":{"directives/ImgRecognizer.html":{},"changelog.html":{}}}],["galleryimagecomponent",{"_index":260,"title":{"components/GalleryImageComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["galleryimagedef",{"_index":283,"title":{"directives/GalleryImageDef.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{},"coverage.html":{},"overview.html":{}}}],["galleryimagedef]'},{'name",{"_index":284,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["galleryitem",{"_index":237,"title":{"interfaces/GalleryItem.html":{}},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"interfaces/GalleryItem.html":{},"classes/GalleryRef.html":{},"interfaces/GalleryState.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{}}}],["galleryitemcomponent",{"_index":262,"title":{"components/GalleryItemComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderIntersectionObserver.html":{},"coverage.html":{}}}],["galleryitemcontext",{"_index":1020,"title":{"interfaces/GalleryItemContext.html":{}},"body":{"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"coverage.html":{}}}],["galleryitemdata",{"_index":787,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryState.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/typealiases.html":{}}}],["galleryitemdef",{"_index":285,"title":{"directives/GalleryItemDef.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{},"coverage.html":{},"overview.html":{}}}],["galleryitemdef]'},{'name",{"_index":286,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["galleryitemmodel",{"_index":1723,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/typealiases.html":{}}}],["galleryitemtype",{"_index":785,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryState.html":{},"components/GalleryThumbComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/typealiases.html":{}}}],["galleryitemtypes",{"_index":1072,"title":{},"body":{"components/GalleryItemComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/typealiases.html":{}}}],["galleryitemtypes.iframe",{"_index":1717,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["galleryitemtypes.image",{"_index":1716,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["galleryitemtypes.video",{"_index":1117,"title":{},"body":{"components/GalleryItemComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["galleryitemtypes.youtube",{"_index":1118,"title":{},"body":{"components/GalleryItemComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["gallerymlodule",{"_index":2770,"title":{},"body":{"changelog.html":{}}}],["gallerymode",{"_index":314,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallerymode(galleryref",{"_index":346,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["gallerymodule",{"_index":236,"title":{"modules/GalleryModule.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryExampleComponent.html":{},"modules/GalleryModule.html":{},"modules/LightboxModule.html":{},"changelog.html":{},"modules.html":{},"overview.html":{}}}],["gallerymodule.forroot",{"_index":3067,"title":{},"body":{"changelog.html":{}}}],["gallerymodule.withconfig",{"_index":2826,"title":{},"body":{"changelog.html":{}}}],["gallerynavcomponent",{"_index":264,"title":{"components/GalleryNavComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["galleryportal",{"_index":1875,"title":{},"body":{"injectables/Lightbox.html":{}}}],["galleryref",{"_index":104,"title":{"classes/GalleryRef.html":{}},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"classes/GalleryRef.html":{},"injectables/Lightbox.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{},"coverage.html":{}}}],["galleryref.addvideo",{"_index":2936,"title":{},"body":{"changelog.html":{}}}],["galleryref.destroy",{"_index":2918,"title":{},"body":{"changelog.html":{}}}],["galleryref.load(images",{"_index":440,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["galleryref.load(state.items",{"_index":406,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["galleryref.next",{"_index":1903,"title":{},"body":{"injectables/Lightbox.html":{}}}],["galleryref.prev",{"_index":1902,"title":{},"body":{"injectables/Lightbox.html":{}}}],["galleryref.set(i",{"_index":1867,"title":{},"body":{"injectables/Lightbox.html":{}}}],["galleryref.setconfig",{"_index":487,"title":{},"body":{"injectables/Gallery.html":{}}}],["galleryref.state",{"_index":2239,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["galleryref.state.pipe(distinctuntilchanged((a",{"_index":2240,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["galleryslidercomponent",{"_index":266,"title":{"components/GallerySliderComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["gallerystate",{"_index":117,"title":{"interfaces/GalleryState.html":{}},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/SliderResizeObserver.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["gallerystatecontext",{"_index":508,"title":{"interfaces/GalleryStateContext.html":{}},"body":{"directives/GalleryBoxDef.html":{},"interfaces/GalleryStateContext.html":{},"coverage.html":{}}}],["gallerythumbcomponent",{"_index":268,"title":{"components/GalleryThumbComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["gallerythumbdef",{"_index":287,"title":{"directives/GalleryThumbDef.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{},"coverage.html":{},"overview.html":{}}}],["gallerythumbdef]'},{'name",{"_index":288,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["gallerythumbscomponent",{"_index":270,"title":{"components/GalleryThumbsComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["galleryvideocomponent",{"_index":272,"title":{"components/GalleryVideoComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["gap",{"_index":663,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["gaëtan",{"_index":3416,"title":{},"body":{"miscellaneous/variables.html":{}}}],["general",{"_index":3115,"title":{},"body":{"changelog.html":{}}}],["gestures",{"_index":2642,"title":{},"body":{"changelog.html":{}}}],["gestures/hammer",{"_index":1369,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["get_gallerycore",{"_index":2172,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["get_isautoheight",{"_index":2174,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["get_now",{"_index":2342,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["get_viewport",{"_index":1538,"title":{},"body":{"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["get_w",{"_index":2340,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["getactiveitem",{"_index":1754,"title":{},"body":{"injectables/ImgManager.html":{}}}],["getactiveitem(state",{"_index":1739,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["getautoheight",{"_index":608,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getcentralizerendsize",{"_index":1643,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getcentralizerstartsize",{"_index":1644,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getclientsize",{"_index":1674,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getcomputedstyle(this._viewport).getpropertyvalue('transition",{"_index":2184,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["getconfigsnapshot",{"_index":1254,"title":{},"body":{"classes/GalleryRef.html":{}}}],["getcounterposition",{"_index":604,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getdebug",{"_index":610,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getdisablethumb",{"_index":600,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getbulletsPosition",{"_index":603,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getdraggingproperty(e",{"_index":1695,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getdraggingvalue(value",{"_index":1698,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getelementfromviewportcenter",{"_index":1513,"title":{},"body":{"directives/HammerSliding.html":{}}}],["getelementrootmargin",{"_index":1645,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getelementrootmargin(viewport",{"_index":1661,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["gethammervalue",{"_index":1646,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["gethammervalue(value",{"_index":1664,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["gethammervelocity",{"_index":1647,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["gethammervelocity(e",{"_index":1667,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["gethdimages",{"_index":2082,"title":{},"body":{"injectables/Pixabay.html":{}}}],["gethdimages(key",{"_index":2087,"title":{},"body":{"injectables/Pixabay.html":{}}}],["getimagecontext",{"_index":1077,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["getimagedata",{"_index":1089,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["getimagesize",{"_index":601,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getimagestate",{"_index":957,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["getindexchanged",{"_index":1263,"title":{},"body":{"classes/GalleryRef.html":{}}}],["getindexonmouseup",{"_index":1514,"title":{},"body":{"directives/HammerSliding.html":{}}}],["getindexonmouseup(e",{"_index":1531,"title":{},"body":{"directives/HammerSliding.html":{}}}],["getinitialized",{"_index":1256,"title":{},"body":{"classes/GalleryRef.html":{}}}],["getisactive",{"_index":1074,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["getisautoplay",{"_index":1083,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["getiscontentlessthancontainer",{"_index":1676,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getisindexattr",{"_index":1075,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["getitemautosize",{"_index":607,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getitemcontext",{"_index":1079,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["getitemschanged",{"_index":1259,"title":{},"body":{"classes/GalleryRef.html":{}}}],["getitemstate",{"_index":1076,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["getload",{"_index":1087,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["getnativeelement",{"_index":1081,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["getplayingchanged",{"_index":1265,"title":{},"body":{"classes/GalleryRef.html":{}}}],["getrootmargin",{"_index":1648,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getrtlscrollaxistype",{"_index":2352,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["getscrolltovalue",{"_index":1649,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getscrolltovalue(el",{"_index":1670,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getscrollvalue",{"_index":1672,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["getslider",{"_index":1362,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["getslidingdirection",{"_index":599,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getslidingdisabled",{"_index":605,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getslope",{"_index":3196,"title":{},"body":{"coverage.html":{},"miscellaneous/functions.html":{}}}],["getslope(at",{"_index":3278,"title":{},"body":{"miscellaneous/functions.html":{}}}],["getstatesnapshot",{"_index":1252,"title":{},"body":{"classes/GalleryRef.html":{}}}],["getthumbautosize",{"_index":609,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getthumbimagesize",{"_index":602,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getthumbposition",{"_index":598,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getthumbslidingdisabled",{"_index":606,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["getting",{"_index":2482,"title":{"changelog.html":{},"index.html":{},"license.html":{}},"body":{}}],["getvideodata",{"_index":1091,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["getyoutubesrc",{"_index":1085,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["github/murhafsousli",{"_index":3299,"title":{},"body":{"index.html":{}}}],["given",{"_index":1305,"title":{},"body":{"classes/GalleryRef.html":{},"directives/SmoothScroll.html":{}}}],["global",{"_index":476,"title":{},"body":{"injectables/Gallery.html":{},"injectables/Lightbox.html":{},"changelog.html":{}}}],["goes",{"_index":2881,"title":{},"body":{"changelog.html":{}}}],["gradient(to",{"_index":1010,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["granted",{"_index":3308,"title":{},"body":{"license.html":{}}}],["great",{"_index":1582,"title":{},"body":{"directives/HammerSliding.html":{}}}],["gutter",{"_index":664,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["h2",{"_index":992,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["h4",{"_index":993,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["hammer",{"_index":1544,"title":{},"body":{"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["hammer(this._el",{"_index":2401,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["hammer(this._el.nativeelement",{"_index":1559,"title":{},"body":{"directives/HammerSliding.html":{}}}],["hammer.mouseinput",{"_index":1561,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["hammer?.direction_horizontal",{"_index":1656,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["hammer?.direction_vertical",{"_index":1700,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["hammerdirection",{"_index":1641,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["hammerjs",{"_index":1537,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{},"changelog.html":{},"dependencies.html":{}}}],["hammersliding",{"_index":289,"title":{"directives/HammerSliding.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["hammersliding]'},{'name",{"_index":290,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["handling",{"_index":2955,"title":{},"body":{"changelog.html":{}}}],["harm",{"_index":2882,"title":{},"body":{"changelog.html":{}}}],["hasbackdrop",{"_index":1859,"title":{},"body":{"injectables/Lightbox.html":{},"interfaces/LightboxConfig.html":{},"miscellaneous/variables.html":{}}}],["hasnext",{"_index":793,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"classes/GalleryRef.html":{},"interfaces/GalleryState.html":{},"miscellaneous/variables.html":{}}}],["hasprev",{"_index":794,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"classes/GalleryRef.html":{},"interfaces/GalleryState.html":{},"miscellaneous/variables.html":{}}}],["height",{"_index":656,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["helper",{"_index":3006,"title":{},"body":{"changelog.html":{}}}],["here",{"_index":800,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["hereby",{"_index":3307,"title":{},"body":{"license.html":{}}}],["hidden",{"_index":660,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["hide",{"_index":3085,"title":{},"body":{"changelog.html":{}}}],["higher",{"_index":2419,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["highlight",{"_index":42,"title":{},"body":{"classes/ActiveItemObserver.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["highlight.js",{"_index":3246,"title":{},"body":{"dependencies.html":{}}}],["highlighting",{"_index":1135,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["highlightjs",{"_index":3248,"title":{},"body":{"dependencies.html":{}}}],["hit",{"_index":1611,"title":{"interfaces/Hit.html":{}},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"coverage.html":{}}}],["hit2",{"_index":1634,"title":{"interfaces/Hit2.html":{}},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"coverage.html":{}}}],["hits",{"_index":1632,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["holder",{"_index":2911,"title":{},"body":{"changelog.html":{}}}],["holders",{"_index":3348,"title":{},"body":{"license.html":{}}}],["hooks",{"_index":376,"title":{},"body":{"directives/GallerizeDirective.html":{},"miscellaneous/enumerations.html":{}}}],["horizontal",{"_index":585,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"directives/SliderResizeObserver.html":{},"miscellaneous/enumerations.html":{}}}],["horizontaladapter",{"_index":1366,"title":{"classes/HorizontalAdapter.html":{}},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{},"coverage.html":{}}}],["horizontaladapter(this.slider",{"_index":1380,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["horizontally",{"_index":1185,"title":{},"body":{"components/GalleryNavComponent.html":{},"changelog.html":{}}}],["host",{"_index":368,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"miscellaneous/enumerations.html":{}}}],["host[debug='true",{"_index":703,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding",{"_index":612,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["hostbinding('attr.autoheight",{"_index":643,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.counterposition",{"_index":635,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.debug",{"_index":647,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.disablethumb",{"_index":627,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.bulletsPosition",{"_index":633,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.galleryindex",{"_index":1105,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["hostbinding('attr.imagesize",{"_index":629,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.imagestate",{"_index":972,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["hostbinding('attr.itemautosize",{"_index":641,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.itemstate",{"_index":1106,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["hostbinding('attr.slidingdirection",{"_index":625,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.slidingdisabled",{"_index":637,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.thumbautosize",{"_index":645,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.thumbimagesize",{"_index":631,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.thumbposition",{"_index":623,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('attr.thumbslidingdisabled",{"_index":639,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["hostbinding('class.g",{"_index":1102,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["hostbindings",{"_index":530,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["hostlistener",{"_index":1775,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["hostlistener('error",{"_index":1773,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["hostlistener('load",{"_index":1774,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["hostlisteners",{"_index":1765,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["hover",{"_index":765,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["html",{"_index":244,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["htmlelement",{"_index":14,"title":{},"body":{"classes/ActiveItemObserver.html":{},"interfaces/BezierEasingOptions.html":{},"directives/GallerizeDirective.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/functions.html":{}}}],["htmliframeelement",{"_index":913,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["htmlimageelement",{"_index":423,"title":{},"body":{"directives/GallerizeDirective.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/SliderResizeObserver.html":{}}}],["htmlvideoelement",{"_index":1499,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["httpclient",{"_index":2084,"title":{},"body":{"injectables/Pixabay.html":{},"changelog.html":{}}}],["httpclientmodule",{"_index":2763,"title":{},"body":{"changelog.html":{}}}],["https://cdn.pixabay.com/photo/2020/05/16/10/04/crocodile",{"_index":3385,"title":{},"body":{"miscellaneous/variables.html":{}}}],["https://github.com/gre/bezier",{"_index":3414,"title":{},"body":{"miscellaneous/variables.html":{}}}],["https://pixabay.com/api/?key",{"_index":2095,"title":{},"body":{"injectables/Pixabay.html":{}}}],["https://pixabay.com/get/gc8f75fde3ece5310da18115420875d3f2deb760a25984167a2115173c585ad3d631ec698629aa149f78f982d2397bb8c_1280.jpg",{"_index":3384,"title":{},"body":{"miscellaneous/variables.html":{}}}],["https://youtube.com/embed",{"_index":1718,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["icon",{"_index":1184,"title":{},"body":{"components/GalleryNavComponent.html":{},"changelog.html":{}}}],["icons",{"_index":2576,"title":{},"body":{"changelog.html":{},"dependencies.html":{}}}],["id",{"_index":327,"title":{},"body":{"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["id_hash",{"_index":1635,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["idea",{"_index":3293,"title":{},"body":{"index.html":{}}}],["identical",{"_index":2217,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["identifier",{"_index":3144,"title":{},"body":{"coverage.html":{}}}],["identify",{"_index":3291,"title":{},"body":{"index.html":{}}}],["ie",{"_index":2020,"title":{},"body":{"components/LightboxComponent.html":{}}}],["if(changes.state.currentvalue?.currindex",{"_index":1389,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["if(state.isplaying",{"_index":133,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["if/else",{"_index":2794,"title":{},"body":{"changelog.html":{}}}],["iframe",{"_index":880,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GalleryThumbComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["iframe'},{'name",{"_index":259,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["iframe.component",{"_index":1095,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["iframe.component.ts",{"_index":879,"title":{},"body":{"components/GalleryIframeComponent.html":{},"coverage.html":{}}}],["iframe.component.ts:31",{"_index":896,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["iframe.component.ts:32",{"_index":897,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["iframe.component.ts:34",{"_index":892,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["iframe.component.ts:39",{"_index":891,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["iframe.component.ts:52",{"_index":889,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["iframe.component.ts:54",{"_index":890,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["iframe.component.ts:56",{"_index":887,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["iframe.src",{"_index":915,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["iframeitem",{"_index":1268,"title":{"classes/IframeItem.html":{}},"body":{"classes/GalleryRef.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{}}}],["iframeitem(data",{"_index":1298,"title":{},"body":{"classes/GalleryRef.html":{}}}],["iframeitemdata",{"_index":1220,"title":{},"body":{"classes/GalleryRef.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/typealiases.html":{}}}],["iframesrc",{"_index":881,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["image",{"_index":183,"title":{},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"modules/GalleryModule.html":{},"classes/GalleryRef.html":{},"components/GalleryThumbComponent.html":{},"directives/ImgRecognizer.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/enumerations.html":{},"index.html":{}}}],["image'},{'name",{"_index":261,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["image.component",{"_index":1097,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["image.component.ts",{"_index":918,"title":{},"body":{"components/GalleryImageComponent.html":{},"coverage.html":{}}}],["image.component.ts:101",{"_index":933,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:104",{"_index":945,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:107",{"_index":943,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:109",{"_index":954,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:112",{"_index":942,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:114",{"_index":952,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:116",{"_index":935,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:117",{"_index":951,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:120",{"_index":946,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:122",{"_index":948,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:124",{"_index":932,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:129",{"_index":949,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:90",{"_index":956,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:93",{"_index":937,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:95",{"_index":936,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.component.ts:98",{"_index":939,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image.scss",{"_index":919,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["image_src",{"_index":3029,"title":{},"body":{"changelog.html":{}}}],["imagecontext",{"_index":1036,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["imagedata",{"_index":1041,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["imageelements",{"_index":411,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["imageelements.length",{"_index":413,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["imagefailedsvg",{"_index":934,"title":{},"body":{"components/GalleryImageComponent.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["imageheight",{"_index":1616,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["imageitem",{"_index":370,"title":{"classes/ImageItem.html":{}},"body":{"directives/GallerizeDirective.html":{},"classes/GalleryRef.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"injectables/Pixabay.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["imageitem('image_src",{"_index":3026,"title":{},"body":{"changelog.html":{}}}],["imageitem(data",{"_index":439,"title":{},"body":{"directives/GallerizeDirective.html":{},"classes/GalleryRef.html":{}}}],["imageitemdata",{"_index":1022,"title":{},"body":{"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/typealiases.html":{}}}],["imageregistry",{"_index":1734,"title":{"interfaces/ImageRegistry.html":{}},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"coverage.html":{}}}],["images",{"_index":333,"title":{},"body":{"directives/GallerizeDirective.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["images.push(new",{"_index":438,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["imagesize",{"_index":548,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["imagesize.contain",{"_index":832,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["imagesize.cover",{"_index":864,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["imagesize='contain",{"_index":678,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["imagesize='cover",{"_index":681,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["imagesrc",{"_index":2806,"title":{},"body":{"changelog.html":{}}}],["imagestate",{"_index":931,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["imagestate='success",{"_index":987,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["imagetemplate",{"_index":2526,"title":{},"body":{"changelog.html":{}}}],["imageurl",{"_index":1638,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["imagewidth",{"_index":1617,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["img",{"_index":330,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryItemComponent.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["img.clientheight",{"_index":2247,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["img.g",{"_index":990,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["img.height",{"_index":2218,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["img.state.pipe",{"_index":1743,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["img.target",{"_index":1744,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["img.youtube.com/vi",{"_index":1721,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["img[galleryimage",{"_index":1761,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["img[galleryimage]'},{'name",{"_index":292,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["imgmanager",{"_index":91,"title":{"injectables/ImgManager.html":{}},"body":{"directives/AutoplayDirective.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/SliderResizeObserver.html":{},"coverage.html":{}}}],["imgrecognizer",{"_index":291,"title":{"directives/ImgRecognizer.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/ImgRecognizer.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["immediately",{"_index":1990,"title":{},"body":{"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{}}}],["implemented",{"_index":3113,"title":{},"body":{"changelog.html":{}}}],["implements",{"_index":68,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"directives/LightboxDirective.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["implicit",{"_index":1108,"title":{},"body":{"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryThumbComponent.html":{}}}],["implied",{"_index":3339,"title":{},"body":{"license.html":{}}}],["import",{"_index":28,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["important",{"_index":675,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/LightboxComponent.html":{}}}],["imported",{"_index":2933,"title":{},"body":{"changelog.html":{}}}],["importing",{"_index":2832,"title":{},"body":{"changelog.html":{}}}],["imports",{"_index":240,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"changelog.html":{}}}],["improve",{"_index":2527,"title":{},"body":{"changelog.html":{}}}],["improved",{"_index":2489,"title":{},"body":{"changelog.html":{}}}],["improvement",{"_index":3294,"title":{},"body":{"index.html":{}}}],["improvements",{"_index":3013,"title":{},"body":{"changelog.html":{}}}],["include",{"_index":2040,"title":{},"body":{"components/LightboxComponent.html":{}}}],["included",{"_index":3334,"title":{},"body":{"license.html":{}}}],["including",{"_index":3317,"title":{},"body":{"license.html":{}}}],["incorrect",{"_index":3136,"title":{},"body":{"changelog.html":{}}}],["indeterminate",{"_index":2838,"title":{},"body":{"changelog.html":{}}}],["index",{"_index":10,"title":{"index.html":{}},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/functions.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["index_changed",{"_index":3259,"title":{},"body":{"miscellaneous/enumerations.html":{}}}],["indexchanged",{"_index":1207,"title":{},"body":{"classes/GalleryRef.html":{},"miscellaneous/enumerations.html":{}}}],["indicates",{"_index":1066,"title":{},"body":{"components/GalleryItemComponent.html":{},"changelog.html":{}}}],["individually",{"_index":2969,"title":{},"body":{"changelog.html":{}}}],["infinite",{"_index":1009,"title":{},"body":{"components/GalleryImageComponent.html":{},"changelog.html":{}}}],["info",{"_index":3,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["initial",{"_index":1244,"title":{},"body":{"classes/GalleryRef.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["initialized",{"_index":1205,"title":{},"body":{"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"miscellaneous/enumerations.html":{}}}],["initialized/reset",{"_index":1258,"title":{},"body":{"classes/GalleryRef.html":{}}}],["inject",{"_index":366,"title":{},"body":{"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/HammerSliding.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{}}}],["inject(document",{"_index":382,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/LightboxComponent.html":{}}}],["inject(gallery_config",{"_index":482,"title":{},"body":{"injectables/Gallery.html":{}}}],["inject(lightbox_config",{"_index":1854,"title":{},"body":{"injectables/Lightbox.html":{}}}],["inject(smooth_scroll_options",{"_index":2368,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["injectable",{"_index":447,"title":{"injectables/Gallery.html":{},"injectables/ImgManager.html":{},"injectables/Lightbox.html":{},"injectables/Pixabay.html":{}},"body":{"injectables/Gallery.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"injectables/Lightbox.html":{},"injectables/Pixabay.html":{},"coverage.html":{}}}],["injectables",{"_index":448,"title":{},"body":{"injectables/Gallery.html":{},"injectables/ImgManager.html":{},"injectables/Lightbox.html":{},"injectables/Pixabay.html":{},"overview.html":{}}}],["injected",{"_index":2812,"title":{},"body":{"changelog.html":{}}}],["injectiontoken",{"_index":150,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"interfaces/LightboxConfig.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"miscellaneous/variables.html":{}}}],["injectiontoken('gallery_config",{"_index":3422,"title":{},"body":{"miscellaneous/variables.html":{}}}],["injectiontoken('lightbox_config",{"_index":2047,"title":{},"body":{"interfaces/LightboxConfig.html":{},"miscellaneous/variables.html":{}}}],["injectiontoken('smooth_scroll_options",{"_index":155,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"miscellaneous/variables.html":{}}}],["inline",{"_index":3046,"title":{},"body":{"changelog.html":{}}}],["inner",{"_index":776,"title":{},"body":{"components/GalleryDotsComponent.html":{}}}],["input",{"_index":106,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"directives/LightboxDirective.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{}}}],["input('gallery",{"_index":2062,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["input('galleryimage",{"_index":1776,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["input('itemintersectionobserverdisabled",{"_index":1808,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["input('lightbox",{"_index":2061,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["input('pause",{"_index":910,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryVideoComponent.html":{}}}],["input('play",{"_index":1502,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["input('sliderintersectionobserverdisabled",{"_index":2128,"title":{},"body":{"directives/SliderIntersectionObserver.html":{}}}],["input('smoothscrollinterruptonmousemove",{"_index":2366,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["input('src",{"_index":905,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["inputclass",{"_index":1560,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["inputs",{"_index":85,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"directives/LightboxDirective.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{}}}],["inside",{"_index":1783,"title":{},"body":{"directives/ImgRecognizer.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["instance",{"_index":400,"title":{},"body":{"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["instanceof",{"_index":422,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryVideoComponent.html":{}}}],["instances",{"_index":467,"title":{},"body":{"injectables/Gallery.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["instant",{"_index":2258,"title":{},"body":{"interfaces/SliderState.html":{},"interfaces/WorkerState.html":{},"changelog.html":{}}}],["instead",{"_index":2621,"title":{},"body":{"changelog.html":{}}}],["interactions",{"_index":3405,"title":{},"body":{"miscellaneous/variables.html":{}}}],["interceptor",{"_index":2800,"title":{},"body":{"changelog.html":{}}}],["interface",{"_index":140,"title":{"interfaces/BezierEasingOptions.html":{},"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"interfaces/GalleryItemContext.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/ImageRegistry.html":{},"interfaces/LightboxConfig.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"interfaces/SliderState.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"interfaces/WorkerState.html":{}},"body":{"interfaces/BezierEasingOptions.html":{},"directives/GalleryBoxDef.html":{},"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"interfaces/LightboxConfig.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"interfaces/SliderState.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"interfaces/WorkerState.html":{},"coverage.html":{}}}],["interfaces",{"_index":142,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"interfaces/GalleryItemContext.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/ImageRegistry.html":{},"interfaces/LightboxConfig.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"interfaces/SliderState.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"interfaces/WorkerState.html":{},"changelog.html":{},"overview.html":{}}}],["internally",{"_index":2934,"title":{},"body":{"changelog.html":{}}}],["interrupt",{"_index":2399,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["interrupt$.pipe(take(1",{"_index":2413,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["interruptonmousemove",{"_index":2367,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["intersection",{"_index":738,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"changelog.html":{},"coverage.html":{}}}],["intersectionobserver",{"_index":52,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["intersectionobserver.disconnect",{"_index":59,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["intersectionobserver.observe(element",{"_index":57,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["intersectionobserver.unobserve(element",{"_index":58,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["intersectionobserverentry",{"_index":39,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["interval",{"_index":1238,"title":{},"body":{"classes/GalleryRef.html":{}}}],["intrinsic",{"_index":2609,"title":{},"body":{"changelog.html":{}}}],["invalid",{"_index":2501,"title":{},"body":{"changelog.html":{}}}],["invert",{"_index":1183,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["invoked",{"_index":1939,"title":{},"body":{"components/LightboxComponent.html":{}}}],["iphone",{"_index":2993,"title":{},"body":{"changelog.html":{}}}],["irrespective",{"_index":2327,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["isactive",{"_index":1034,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"changelog.html":{}}}],["isautoplay",{"_index":1039,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["iscontentlessthancontainer",{"_index":1652,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["isindexattr",{"_index":1035,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["isitemcontainimage",{"_index":1027,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["isplaying",{"_index":795,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"classes/GalleryRef.html":{},"interfaces/GalleryState.html":{},"miscellaneous/variables.html":{}}}],["isresizing",{"_index":1326,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["isresizingchange",{"_index":2146,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["isrtl",{"_index":2436,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["isscrolling",{"_index":1327,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["isscrollingchange",{"_index":2276,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["issliding",{"_index":1328,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["isslidingchange",{"_index":1516,"title":{},"body":{"directives/HammerSliding.html":{}}}],["issue",{"_index":2515,"title":{},"body":{"changelog.html":{},"index.html":{}}}],["issues",{"_index":3290,"title":{},"body":{"index.html":{}}}],["isthumbnail",{"_index":927,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["it's",{"_index":2232,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["item",{"_index":8,"title":{},"body":{"classes/ActiveItemObserver.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/functions.html":{}}}],["item's",{"_index":1050,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["item'},{'name",{"_index":263,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["item.component",{"_index":1374,"title":{},"body":{"components/GallerySliderComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["item.component.ts",{"_index":1024,"title":{},"body":{"components/GalleryItemComponent.html":{},"coverage.html":{}}}],["item.component.ts:102",{"_index":1059,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:104",{"_index":1062,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:108",{"_index":1060,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:112",{"_index":1061,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:116",{"_index":1078,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:128",{"_index":1080,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:140",{"_index":1082,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:144",{"_index":1084,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:152",{"_index":1086,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:166",{"_index":1088,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:177",{"_index":1090,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:181",{"_index":1092,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:183",{"_index":1043,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:188",{"_index":1063,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:74",{"_index":1073,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:77",{"_index":1069,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:81",{"_index":1064,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:84",{"_index":1044,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:87",{"_index":1055,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:90",{"_index":1045,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:93",{"_index":1047,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:96",{"_index":1056,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.component.ts:99",{"_index":1049,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.g",{"_index":707,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["item.isitemcontainimage",{"_index":1780,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["item.largeimageurl",{"_index":2103,"title":{},"body":{"injectables/Pixabay.html":{}}}],["item.nativeelement",{"_index":2132,"title":{},"body":{"directives/SliderIntersectionObserver.html":{}}}],["item.previewurl",{"_index":2104,"title":{},"body":{"injectables/Pixabay.html":{}}}],["item.scss",{"_index":1026,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["item.type",{"_index":1401,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["item?.alt",{"_index":227,"title":{},"body":{"components/CustomTemplateComponent.html":{}}}],["itemautosize",{"_index":554,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryItemComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["itemautosize='false",{"_index":737,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["itemautosize='true",{"_index":693,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["itemclick",{"_index":528,"title":{},"body":{"components/GalleryCoreComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"changelog.html":{}}}],["itemcontext",{"_index":1037,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["itemindex",{"_index":782,"title":{},"body":{"interfaces/GalleryError.html":{},"interfaces/GalleryItem.html":{},"interfaces/GalleryState.html":{}}}],["itemintersectionobserver",{"_index":293,"title":{"directives/ItemIntersectionObserver.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["itemintersectionobserver]'},{'name",{"_index":294,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["itemintersectionobserverdisabled",{"_index":1790,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["itemloaded",{"_index":2597,"title":{},"body":{"changelog.html":{}}}],["items",{"_index":229,"title":{},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["items.length",{"_index":1294,"title":{},"body":{"classes/GalleryRef.html":{}}}],["items.model",{"_index":966,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["items/thumbnails",{"_index":1410,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["items/thumbs",{"_index":2610,"title":{},"body":{"changelog.html":{}}}],["items_changed",{"_index":3258,"title":{},"body":{"miscellaneous/enumerations.html":{}}}],["itemschanged",{"_index":1206,"title":{},"body":{"classes/GalleryRef.html":{},"miscellaneous/enumerations.html":{}}}],["itemstate",{"_index":955,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/typealiases.html":{}}}],["itemstate='loading",{"_index":1143,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["itemtemplate",{"_index":2535,"title":{},"body":{"changelog.html":{}}}],["ivy",{"_index":2780,"title":{},"body":{"changelog.html":{}}}],["justify",{"_index":210,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["k",{"_index":167,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{}}}],["keep",{"_index":1384,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["keeping",{"_index":2869,"title":{},"body":{"changelog.html":{}}}],["key",{"_index":2089,"title":{},"body":{"injectables/Pixabay.html":{}}}],["keyboard",{"_index":1897,"title":{},"body":{"injectables/Lightbox.html":{}}}],["keyboardshortcuts",{"_index":2046,"title":{},"body":{"interfaces/LightboxConfig.html":{},"miscellaneous/variables.html":{}}}],["keyframes",{"_index":1015,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["kind",{"_index":3338,"title":{},"body":{"license.html":{}}}],["knows",{"_index":514,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{}}}],["ksamplestepsize",{"_index":3200,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["ksplinetablesize",{"_index":3201,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["kudos",{"_index":2880,"title":{},"body":{"changelog.html":{}}}],["label",{"_index":1953,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["labelledby",{"_index":1978,"title":{},"body":{"components/LightboxComponent.html":{}}}],["largeimageurl",{"_index":1636,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["larger",{"_index":2638,"title":{},"body":{"changelog.html":{}}}],["last",{"_index":1114,"title":{},"body":{"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryThumbComponent.html":{},"changelog.html":{}}}],["layer",{"_index":2659,"title":{},"body":{"changelog.html":{}}}],["layout",{"_index":2328,"title":{},"body":{"directives/SmoothScroll.html":{},"dependencies.html":{},"miscellaneous/variables.html":{}}}],["lazy",{"_index":836,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["lazyimage",{"_index":2866,"title":{},"body":{"changelog.html":{}}}],["left",{"_index":197,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["left_arrow",{"_index":1846,"title":{},"body":{"injectables/Lightbox.html":{}}}],["legend",{"_index":243,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["less",{"_index":2883,"title":{},"body":{"changelog.html":{}}}],["letter",{"_index":211,"title":{},"body":{"components/CustomTemplateComponent.html":{}}}],["letters",{"_index":2523,"title":{},"body":{"changelog.html":{}}}],["liability",{"_index":3352,"title":{},"body":{"license.html":{}}}],["liable",{"_index":3349,"title":{},"body":{"license.html":{}}}],["lib's",{"_index":2583,"title":{},"body":{"changelog.html":{}}}],["lib/smooth",{"_index":876,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["library",{"_index":2752,"title":{},"body":{"changelog.html":{}}}],["license",{"_index":3301,"title":{"license.html":{}},"body":{"license.html":{},"miscellaneous/variables.html":{}}}],["lightbox",{"_index":277,"title":{"injectables/Lightbox.html":{}},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["lightbox's",{"_index":1957,"title":{},"body":{"components/LightboxComponent.html":{}}}],["lightbox'},{'name",{"_index":275,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["lightbox.animation",{"_index":1972,"title":{},"body":{"components/LightboxComponent.html":{}}}],["lightbox.component",{"_index":1853,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightbox.component.scss",{"_index":1907,"title":{},"body":{"components/LightboxComponent.html":{}}}],["lightbox.default",{"_index":1852,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightbox.directive",{"_index":2078,"title":{},"body":{"modules/LightboxModule.html":{}}}],["lightbox.done",{"_index":1980,"title":{},"body":{"components/LightboxComponent.html":{}}}],["lightbox.model",{"_index":1851,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightbox.open",{"_index":3070,"title":{},"body":{"changelog.html":{}}}],["lightbox.service",{"_index":373,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/LightboxDirective.html":{}}}],["lightbox]'},{'name",{"_index":296,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["lightbox_config",{"_index":1850,"title":{},"body":{"injectables/Lightbox.html":{},"interfaces/LightboxConfig.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["lightboxanimation",{"_index":1971,"title":{},"body":{"components/LightboxComponent.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["lightboxcomponent",{"_index":274,"title":{"components/LightboxComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{}}}],["lightboxconfig",{"_index":1830,"title":{"interfaces/LightboxConfig.html":{}},"body":{"injectables/Lightbox.html":{},"interfaces/LightboxConfig.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["lightboxdirective",{"_index":295,"title":{"directives/LightboxDirective.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"coverage.html":{},"overview.html":{}}}],["lightboxexamplecomponent",{"_index":276,"title":{"components/LightboxExampleComponent.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["lightboxmodule",{"_index":2072,"title":{"modules/LightboxModule.html":{}},"body":{"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"changelog.html":{},"modules.html":{},"overview.html":{}}}],["lightboxmodule.forroot",{"_index":3068,"title":{},"body":{"changelog.html":{}}}],["lightboxref",{"_index":1877,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightboxref.instance.ariadescribedby",{"_index":1889,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightboxref.instance.arialabel",{"_index":1885,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightboxref.instance.arialabelledby",{"_index":1887,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightboxref.instance.closeicon",{"_index":1881,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightboxref.instance.exitanimationtime",{"_index":1893,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightboxref.instance.id",{"_index":1879,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightboxref.instance.overlayref",{"_index":1880,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightboxref.instance.role",{"_index":1883,"title":{},"body":{"injectables/Lightbox.html":{}}}],["lightboxref.instance.startanimationtime",{"_index":1891,"title":{},"body":{"injectables/Lightbox.html":{}}}],["likes",{"_index":1618,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["lime",{"_index":712,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["limitation",{"_index":3318,"title":{},"body":{"license.html":{}}}],["limited",{"_index":3340,"title":{},"body":{"license.html":{}}}],["limiting",{"_index":3030,"title":{},"body":{"changelog.html":{}}}],["linear",{"_index":756,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["lineareasing",{"_index":3197,"title":{},"body":{"coverage.html":{},"miscellaneous/functions.html":{}}}],["lineareasing(x",{"_index":3279,"title":{},"body":{"miscellaneous/functions.html":{}}}],["links",{"_index":3403,"title":{},"body":{"miscellaneous/variables.html":{}}}],["list",{"_index":3043,"title":{},"body":{"changelog.html":{}}}],["listener",{"_index":3105,"title":{},"body":{"changelog.html":{}}}],["literal",{"_index":1488,"title":{},"body":{"components/GalleryVideoComponent.html":{},"directives/SliderResizeObserver.html":{},"miscellaneous/typealiases.html":{}}}],["load",{"_index":921,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"directives/ImgRecognizer.html":{},"changelog.html":{}}}],["load(items",{"_index":1229,"title":{},"body":{"classes/GalleryRef.html":{}}}],["loaded",{"_index":1071,"title":{},"body":{"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"changelog.html":{}}}],["loader",{"_index":944,"title":{},"body":{"components/GalleryImageComponent.html":{},"changelog.html":{}}}],["loadertemplate",{"_index":924,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["loading",{"_index":940,"title":{},"body":{"components/GalleryImageComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/typealiases.html":{}}}],["loadingattr",{"_index":803,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["loadingattr.lazy",{"_index":837,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["loadingerror",{"_index":928,"title":{},"body":{"components/GalleryImageComponent.html":{},"changelog.html":{}}}],["loadingicon",{"_index":929,"title":{},"body":{"components/GalleryImageComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["loadingmode",{"_index":2781,"title":{},"body":{"changelog.html":{}}}],["loadingstrategy",{"_index":804,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GalleryItemComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["loadingstrategy.default",{"_index":840,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["loadingstrategy.lazy",{"_index":1131,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["loadingstrategy.preload",{"_index":1130,"title":{},"body":{"components/GalleryItemComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["loadingsvg",{"_index":2978,"title":{},"body":{"changelog.html":{}}}],["loads",{"_index":3015,"title":{},"body":{"changelog.html":{}}}],["locally",{"_index":2823,"title":{},"body":{"changelog.html":{}}}],["located",{"_index":1146,"title":{},"body":{"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{}}}],["location",{"_index":2893,"title":{},"body":{"changelog.html":{}}}],["logger",{"_index":459,"title":{},"body":{"injectables/Gallery.html":{}}}],["logic",{"_index":2795,"title":{},"body":{"changelog.html":{}}}],["longer",{"_index":2542,"title":{},"body":{"changelog.html":{}}}],["look",{"_index":1600,"title":{},"body":{"directives/HammerSliding.html":{}}}],["loop",{"_index":805,"title":{},"body":{"components/GalleryExampleComponent.html":{},"classes/GalleryRef.html":{},"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["ltr",{"_index":2329,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["main",{"_index":2833,"title":{},"body":{"changelog.html":{}}}],["make",{"_index":511,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{},"changelog.html":{}}}],["makes",{"_index":2854,"title":{},"body":{"changelog.html":{}}}],["manager",{"_index":113,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/ImgRecognizer.html":{},"directives/SliderResizeObserver.html":{}}}],["manager.ts",{"_index":1736,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"coverage.html":{}}}],["manager.ts:14",{"_index":1759,"title":{},"body":{"injectables/ImgManager.html":{}}}],["manager.ts:16",{"_index":1758,"title":{},"body":{"injectables/ImgManager.html":{}}}],["manager.ts:18",{"_index":1757,"title":{},"body":{"injectables/ImgManager.html":{}}}],["manager.ts:35",{"_index":1755,"title":{},"body":{"injectables/ImgManager.html":{}}}],["manager.ts:40",{"_index":1756,"title":{},"body":{"injectables/ImgManager.html":{}}}],["manages",{"_index":1948,"title":{},"body":{"components/LightboxComponent.html":{}}}],["mandatory",{"_index":690,"title":{},"body":{"components/GalleryCoreComponent.html":{},"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["manually",{"_index":2931,"title":{},"body":{"changelog.html":{}}}],["map",{"_index":32,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"injectables/Pixabay.html":{},"changelog.html":{}}}],["map((el",{"_index":415,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["map((entry",{"_index":38,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["map((res",{"_index":2101,"title":{},"body":{"injectables/Pixabay.html":{}}}],["margin",{"_index":199,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"directives/SliderIntersectionObserver.html":{}}}],["mark",{"_index":1779,"title":{},"body":{"directives/ImgRecognizer.html":{},"directives/SliderResizeObserver.html":{}}}],["matchers",{"_index":3437,"title":{},"body":{"miscellaneous/variables.html":{}}}],["matching",{"_index":63,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{},"dependencies.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/functions.html":{},"index.html":{},"license.html":{},"modules.html":{},"overview.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["math.abs(velocity",{"_index":1594,"title":{},"body":{"directives/HammerSliding.html":{}}}],["max",{"_index":204,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{}}}],["means",{"_index":338,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/SmoothScroll.html":{}}}],["media",{"_index":1186,"title":{},"body":{"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["merchantability",{"_index":3342,"title":{},"body":{"license.html":{}}}],["merge",{"_index":2354,"title":{},"body":{"directives/SmoothScroll.html":{},"license.html":{}}}],["mergemap",{"_index":30,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["mergemap((entries",{"_index":61,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["message",{"_index":991,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["meta",{"_index":3213,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["metadata",{"_index":72,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["method",{"_index":2004,"title":{},"body":{"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["methods",{"_index":11,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"injectables/Pixabay.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{}}}],["microtask",{"_index":1997,"title":{},"body":{"components/LightboxComponent.html":{}}}],["migrate",{"_index":2540,"title":{},"body":{"changelog.html":{}}}],["min",{"_index":665,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["miscellaneous",{"_index":3253,"title":{"miscellaneous/enumerations.html":{},"miscellaneous/functions.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}},"body":{"miscellaneous/enumerations.html":{},"miscellaneous/functions.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["mit",{"_index":3302,"title":{},"body":{"license.html":{},"miscellaneous/variables.html":{}}}],["mixin",{"_index":2024,"title":{},"body":{"components/LightboxComponent.html":{}}}],["mobile",{"_index":2623,"title":{},"body":{"changelog.html":{},"index.html":{}}}],["modal",{"_index":1974,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["mode",{"_index":337,"title":{},"body":{"directives/GallerizeDirective.html":{},"changelog.html":{}}}],["mode=intermediate",{"_index":2773,"title":{},"body":{"changelog.html":{}}}],["models/config.model",{"_index":119,"title":{},"body":{"directives/AutoplayDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{}}}],["models/constants",{"_index":1098,"title":{},"body":{"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["models/gallery.model",{"_index":118,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["modes",{"_index":375,"title":{},"body":{"directives/GallerizeDirective.html":{},"miscellaneous/enumerations.html":{}}}],["modify",{"_index":3320,"title":{},"body":{"license.html":{}}}],["module",{"_index":1150,"title":{"modules/GalleryModule.html":{},"modules/LightboxModule.html":{}},"body":{"changelog.html":{},"index.html":{}}}],["modules",{"_index":1151,"title":{"modules.html":{}},"body":{"modules/GalleryModule.html":{},"modules/LightboxModule.html":{},"modules.html":{},"overview.html":{}}}],["monospace",{"_index":735,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["more",{"_index":2510,"title":{},"body":{"changelog.html":{}}}],["mouse",{"_index":1136,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"changelog.html":{}}}],["mouseevent",{"_index":1696,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["mouseslidingdisabled",{"_index":806,"title":{},"body":{"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["mousethumbslidingdisabled",{"_index":2636,"title":{},"body":{"changelog.html":{}}}],["move",{"_index":1137,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"components/LightboxComponent.html":{}}}],["moves",{"_index":1933,"title":{},"body":{"components/LightboxComponent.html":{}}}],["mp4_url",{"_index":2937,"title":{},"body":{"changelog.html":{}}}],["ms",{"_index":1963,"title":{},"body":{"components/LightboxComponent.html":{}}}],["multiple",{"_index":1507,"title":{},"body":{"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["murhaf",{"_index":3297,"title":{},"body":{"index.html":{},"license.html":{}}}],["mutationobserver",{"_index":361,"title":{},"body":{"directives/GallerizeDirective.html":{},"changelog.html":{}}}],["mute",{"_index":1473,"title":{},"body":{"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["mx1",{"_index":3271,"title":{},"body":{"miscellaneous/functions.html":{}}}],["mx2",{"_index":3269,"title":{},"body":{"miscellaneous/functions.html":{}}}],["my1",{"_index":3268,"title":{},"body":{"miscellaneous/functions.html":{}}}],["my2",{"_index":3270,"title":{},"body":{"miscellaneous/functions.html":{}}}],["name",{"_index":22,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["native",{"_index":2318,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["nativeelement",{"_index":1038,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"changelog.html":{}}}],["nav",{"_index":807,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GalleryNavComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["nav'},{'name",{"_index":265,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["nav.component",{"_index":617,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["nav.component.ts",{"_index":1162,"title":{},"body":{"components/GalleryNavComponent.html":{},"coverage.html":{}}}],["nav.component.ts:32",{"_index":1170,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["nav.component.ts:33",{"_index":1166,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["nav.component.ts:34",{"_index":1167,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["nav.component.ts:35",{"_index":1165,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["nav.component.ts:37",{"_index":1169,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["nav.component.ts:40",{"_index":1168,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["nav.scss",{"_index":1163,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["navicon",{"_index":1164,"title":{},"body":{"components/GalleryNavComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["navigate",{"_index":1584,"title":{},"body":{"directives/HammerSliding.html":{},"changelog.html":{}}}],["navigated",{"_index":2518,"title":{},"body":{"changelog.html":{}}}],["navigation",{"_index":2591,"title":{},"body":{"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["navscrollbehavior",{"_index":808,"title":{},"body":{"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["need",{"_index":1397,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["needed",{"_index":3020,"title":{},"body":{"changelog.html":{}}}],["needs",{"_index":2014,"title":{},"body":{"components/LightboxComponent.html":{}}}],["new",{"_index":49,"title":{},"body":{"classes/ActiveItemObserver.html":{},"interfaces/BezierEasingOptions.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"interfaces/LightboxConfig.html":{},"injectables/Pixabay.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["newton_iterations",{"_index":3202,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["newton_min_slope",{"_index":3204,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["newtonraphsoniterate",{"_index":3198,"title":{},"body":{"coverage.html":{},"miscellaneous/functions.html":{}}}],["newtonraphsoniterate(ax",{"_index":3280,"title":{},"body":{"miscellaneous/functions.html":{}}}],["nexgenua",{"_index":2737,"title":{},"body":{"changelog.html":{}}}],["next",{"_index":1173,"title":{},"body":{"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{}}}],["next(behavior",{"_index":1231,"title":{},"body":{"classes/GalleryRef.html":{},"changelog.html":{}}}],["nextclass",{"_index":3094,"title":{},"body":{"changelog.html":{}}}],["ng",{"_index":238,"title":{},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["ngaftercontentchecked",{"_index":3053,"title":{},"body":{"changelog.html":{}}}],["ngafterviewchecked",{"_index":2141,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["ngafterviewinit",{"_index":1029,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["ngfor",{"_index":1497,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["ngif",{"_index":902,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryVideoComponent.html":{}}}],["ngmodule",{"_index":1160,"title":{},"body":{"modules/GalleryModule.html":{},"modules/LightboxModule.html":{},"changelog.html":{}}}],["ngonchanges",{"_index":82,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["ngonchanges(changes",{"_index":595,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"directives/ThumbResizeObserver.html":{}}}],["ngondestroy",{"_index":83,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"directives/LightboxDirective.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["ngoninit",{"_index":84,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/ImgRecognizer.html":{},"directives/LightboxDirective.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["ngswitch",{"_index":958,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["ngswitchcase",{"_index":959,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["ngtemplatecontextguard",{"_index":502,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{}}}],["ngtemplatecontextguard(directive",{"_index":505,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"directives/GalleryItemDef.html":{},"directives/GalleryThumbDef.html":{}}}],["nguniversal/express",{"_index":3240,"title":{},"body":{"dependencies.html":{}}}],["ngx",{"_index":2765,"title":{},"body":{"changelog.html":{},"dependencies.html":{}}}],["ngzone",{"_index":316,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{}}}],["nodownload",{"_index":1477,"title":{},"body":{"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["nofullscreen",{"_index":1478,"title":{},"body":{"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["none",{"_index":731,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/variables.html":{}}}],["noninfringement",{"_index":3346,"title":{},"body":{"license.html":{}}}],["noremoteplayback",{"_index":1479,"title":{},"body":{"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["normal",{"_index":339,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["normalized",{"_index":2315,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["note",{"_index":2003,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["notice",{"_index":3332,"title":{},"body":{"license.html":{}}}],["notified",{"_index":1396,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["now",{"_index":2496,"title":{},"body":{"changelog.html":{}}}],["null",{"_index":434,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryIframeComponent.html":{},"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{}}}],["number",{"_index":47,"title":{},"body":{"classes/ActiveItemObserver.html":{},"interfaces/BezierEasingOptions.html":{},"directives/GallerizeDirective.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"classes/VerticalAdapter.html":{},"interfaces/WorkerState.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["object",{"_index":676,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"changelog.html":{}}}],["observable",{"_index":27,"title":{},"body":{"classes/ActiveItemObserver.html":{},"components/CustomTemplateComponent.html":{},"components/GalleryExampleComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"changelog.html":{},"miscellaneous/functions.html":{}}}],["observable((observer",{"_index":50,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["observable((subscriber",{"_index":2404,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["observe",{"_index":12,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/GallerizeDirective.html":{},"directives/SliderResizeObserver.html":{}}}],["observe(root",{"_index":13,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["observer",{"_index":1804,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{}}}],["observer).pipe",{"_index":2194,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive",{"_index":1372,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["observer.directive.ts",{"_index":1788,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{},"coverage.html":{}}}],["observer.directive.ts:132",{"_index":2156,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:136",{"_index":2157,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:14",{"_index":2126,"title":{},"body":{"directives/SliderIntersectionObserver.html":{}}}],["observer.directive.ts:141",{"_index":2155,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:145",{"_index":2164,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:157",{"_index":2163,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:16",{"_index":1800,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["observer.directive.ts:164",{"_index":2153,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:18",{"_index":1801,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["observer.directive.ts:194",{"_index":2154,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:198",{"_index":2162,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:20",{"_index":1802,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["observer.directive.ts:209",{"_index":2160,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:22",{"_index":2124,"title":{},"body":{"directives/SliderIntersectionObserver.html":{}}}],["observer.directive.ts:24",{"_index":1793,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["observer.directive.ts:26",{"_index":1794,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["observer.directive.ts:28",{"_index":1795,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["observer.directive.ts:30",{"_index":1792,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["observer.directive.ts:32",{"_index":2458,"title":{},"body":{"directives/ThumbResizeObserver.html":{}}}],["observer.directive.ts:34",{"_index":2457,"title":{},"body":{"directives/ThumbResizeObserver.html":{}}}],["observer.directive.ts:35",{"_index":1798,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["observer.directive.ts:39",{"_index":1799,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["observer.directive.ts:42",{"_index":2168,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:43",{"_index":1796,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["observer.directive.ts:44",{"_index":2166,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:46",{"_index":2169,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:48",{"_index":2170,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:51",{"_index":2165,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["observer.directive.ts:53",{"_index":2171,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:57",{"_index":2173,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["observer.directive.ts:61",{"_index":2175,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["observer.directive.ts:65",{"_index":2125,"title":{},"body":{"directives/SliderIntersectionObserver.html":{}}}],["observer.directive.ts:68",{"_index":2152,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:70",{"_index":2150,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:72",{"_index":2151,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:74",{"_index":1797,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{}}}],["observer.directive.ts:82",{"_index":2158,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["observer.next(entries",{"_index":54,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["observer.ts",{"_index":9,"title":{},"body":{"classes/ActiveItemObserver.html":{},"coverage.html":{},"miscellaneous/functions.html":{}}}],["observer.ts:5",{"_index":19,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["observers/item",{"_index":1373,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["observers/slider",{"_index":1371,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["observers/thumb",{"_index":1454,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["observing",{"_index":2197,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["obtained",{"_index":3065,"title":{},"body":{"changelog.html":{}}}],["obtaining",{"_index":3311,"title":{},"body":{"license.html":{}}}],["occurs",{"_index":947,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{}}}],["of(null",{"_index":2187,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["of(null).pipe",{"_index":2379,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["of({}).pipe",{"_index":135,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["offset",{"_index":1563,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["offsets",{"_index":2314,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["ogg_url",{"_index":2938,"title":{},"body":{"changelog.html":{}}}],["on[a",{"_index":3436,"title":{},"body":{"miscellaneous/variables.html":{}}}],["onactiveindexchange",{"_index":1330,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["onactiveindexchange(index",{"_index":1342,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["onanimationdone",{"_index":1920,"title":{},"body":{"components/LightboxComponent.html":{}}}],["onanimationdone($event",{"_index":1981,"title":{},"body":{"components/LightboxComponent.html":{}}}],["onanimationdone(event",{"_index":1935,"title":{},"body":{"components/LightboxComponent.html":{}}}],["once",{"_index":1357,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"changelog.html":{}}}],["onchanges",{"_index":70,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["ondestroy",{"_index":71,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"directives/LightboxDirective.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["one",{"_index":1148,"title":{},"body":{"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["onerror",{"_index":1762,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["ongoing",{"_index":2290,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["oninit",{"_index":69,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/ImgRecognizer.html":{},"directives/LightboxDirective.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["onload",{"_index":1763,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["onto",{"_index":2008,"title":{},"body":{"components/LightboxComponent.html":{}}}],["opacity",{"_index":753,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"components/GalleryThumbComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["open",{"_index":1829,"title":{},"body":{"injectables/Lightbox.html":{},"index.html":{}}}],["open(i",{"_index":1834,"title":{},"body":{"injectables/Lightbox.html":{}}}],["opened",{"_index":1827,"title":{},"body":{"injectables/Lightbox.html":{},"components/LightboxComponent.html":{}}}],["opening",{"_index":2011,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["openlightbox",{"_index":3071,"title":{},"body":{"changelog.html":{}}}],["opens",{"_index":345,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["option",{"_index":1726,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["option's",{"_index":2487,"title":{},"body":{"changelog.html":{}}}],["optional",{"_index":24,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/functions.html":{}}}],["optional)video_poster_url",{"_index":2940,"title":{},"body":{"changelog.html":{}}}],["optional)video_thumbnail_url",{"_index":2939,"title":{},"body":{"changelog.html":{}}}],["options",{"_index":2287,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["options.bottom",{"_index":2443,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["options.duration",{"_index":2427,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["options.easing.x2",{"_index":2433,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["options.easing.y1",{"_index":2432,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["options.easing.y2",{"_index":2434,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["options.left",{"_index":2430,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["options.right",{"_index":2452,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["options.top",{"_index":2429,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["order",{"_index":700,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/LightboxComponent.html":{}}}],["otherwise",{"_index":430,"title":{},"body":{"directives/GallerizeDirective.html":{},"license.html":{}}}],["out",{"_index":1157,"title":{},"body":{"modules/GalleryModule.html":{},"modules/LightboxModule.html":{},"license.html":{},"overview.html":{}}}],["outline",{"_index":713,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/LightboxComponent.html":{}}}],["output",{"_index":611,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{}}}],["output('thumbresizeobserver",{"_index":2460,"title":{},"body":{"directives/ThumbResizeObserver.html":{}}}],["outputs",{"_index":526,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["outside",{"_index":1306,"title":{},"body":{"classes/GalleryRef.html":{},"changelog.html":{}}}],["over",{"_index":187,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["overall",{"_index":2528,"title":{},"body":{"changelog.html":{}}}],["overflow",{"_index":659,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{}}}],["overlay",{"_index":763,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["overlayconfig",{"_index":1844,"title":{},"body":{"injectables/Lightbox.html":{}}}],["overlayref",{"_index":1838,"title":{},"body":{"injectables/Lightbox.html":{},"components/LightboxComponent.html":{}}}],["overview",{"_index":3360,"title":{"overview.html":{}},"body":{"overview.html":{}}}],["package",{"_index":2546,"title":{"dependencies.html":{}},"body":{"changelog.html":{}}}],["packages",{"_index":2762,"title":{},"body":{"changelog.html":{}}}],["padding",{"_index":206,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryNavComponent.html":{}}}],["page",{"_index":2534,"title":{},"body":{"changelog.html":{},"index.html":{}}}],["pageurl",{"_index":1619,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["pan",{"_index":1565,"title":{},"body":{"directives/HammerSliding.html":{}}}],["panelclass",{"_index":1857,"title":{},"body":{"injectables/Lightbox.html":{},"interfaces/LightboxConfig.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["panning",{"_index":3086,"title":{},"body":{"changelog.html":{}}}],["panoffset",{"_index":1564,"title":{},"body":{"directives/HammerSliding.html":{}}}],["pansensitivity",{"_index":2649,"title":{},"body":{"changelog.html":{}}}],["param",{"_index":484,"title":{},"body":{"injectables/Gallery.html":{},"injectables/Lightbox.html":{},"directives/SmoothScroll.html":{}}}],["parameter",{"_index":2602,"title":{},"body":{"changelog.html":{}}}],["parameters",{"_index":20,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["params",{"_index":1725,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"components/LightboxComponent.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["parsefloat(transitionduration",{"_index":2185,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["particular",{"_index":3344,"title":{},"body":{"license.html":{}}}],["pass",{"_index":3024,"title":{},"body":{"changelog.html":{}}}],["passive",{"_index":2410,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["path",{"_index":1054,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"changelog.html":{}}}],["pause",{"_index":883,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryVideoComponent.html":{},"changelog.html":{}}}],["pausevideo",{"_index":884,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryVideoComponent.html":{}}}],["pausevideo(shouldpause",{"_index":911,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryVideoComponent.html":{}}}],["payload",{"_index":1746,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["peer",{"_index":2859,"title":{},"body":{"changelog.html":{}}}],["peerdependencies",{"_index":2584,"title":{},"body":{"changelog.html":{}}}],["performance",{"_index":2490,"title":{},"body":{"changelog.html":{}}}],["permission",{"_index":3306,"title":{},"body":{"license.html":{}}}],["permit",{"_index":3327,"title":{},"body":{"license.html":{}}}],["person",{"_index":3310,"title":{},"body":{"license.html":{}}}],["persons",{"_index":3328,"title":{},"body":{"license.html":{}}}],["perspective(1px",{"_index":761,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryNavComponent.html":{}}}],["phanimation",{"_index":1007,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["photo",{"_index":2105,"title":{},"body":{"injectables/Pixabay.html":{}}}],["pipe",{"_index":60,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/ItemIntersectionObserver.html":{}}}],["pixabay",{"_index":231,"title":{"injectables/Pixabay.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryExampleComponent.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"coverage.html":{}}}],["pixabay.gethdimages('massages",{"_index":242,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["pixabay.gethdimages('vegetables",{"_index":877,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["pixabay.model",{"_index":2094,"title":{},"body":{"injectables/Pixabay.html":{}}}],["pixabay/pixabay.service",{"_index":239,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryExampleComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["pixabayhdmodel",{"_index":1633,"title":{"interfaces/PixabayHDModel.html":{}},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"coverage.html":{}}}],["pixabaymodel",{"_index":1630,"title":{"interfaces/PixabayModel.html":{}},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"coverage.html":{}}}],["placeholder",{"_index":1001,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["platform",{"_index":1520,"title":{},"body":{"directives/HammerSliding.html":{}}}],["play",{"_index":1198,"title":{},"body":{"classes/GalleryRef.html":{},"components/GalleryVideoComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["play(interval",{"_index":1234,"title":{},"body":{"classes/GalleryRef.html":{}}}],["player",{"_index":1237,"title":{},"body":{"classes/GalleryRef.html":{},"changelog.html":{}}}],["playerinterval",{"_index":809,"title":{},"body":{"components/GalleryExampleComponent.html":{},"classes/GalleryRef.html":{},"miscellaneous/variables.html":{}}}],["playingchange",{"_index":2960,"title":{},"body":{"changelog.html":{}}}],["playingchanged",{"_index":1208,"title":{},"body":{"classes/GalleryRef.html":{}}}],["playvideo",{"_index":1475,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["playvideo(shouldplay",{"_index":1503,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["please",{"_index":3295,"title":{},"body":{"index.html":{}}}],["plugin",{"_index":3023,"title":{},"body":{"changelog.html":{}}}],["pointer",{"_index":418,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{}}}],["popup",{"_index":3135,"title":{},"body":{"changelog.html":{}}}],["portalmodule",{"_index":2905,"title":{},"body":{"changelog.html":{}}}],["portions",{"_index":3336,"title":{},"body":{"license.html":{}}}],["pos",{"_index":1405,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["position",{"_index":193,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{}}}],["positioning",{"_index":3102,"title":{},"body":{"changelog.html":{}}}],["positions",{"_index":3137,"title":{},"body":{"changelog.html":{}}}],["positionstrategy",{"_index":1861,"title":{},"body":{"injectables/Lightbox.html":{}}}],["possible",{"_index":798,"title":{},"body":{"components/GalleryExampleComponent.html":{},"changelog.html":{}}}],["poster",{"_index":1474,"title":{},"body":{"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["povidedin",{"_index":2907,"title":{},"body":{"changelog.html":{}}}],["pr",{"_index":2738,"title":{},"body":{"changelog.html":{}}}],["precise",{"_index":2511,"title":{},"body":{"changelog.html":{}}}],["prefix",{"_index":3022,"title":{},"body":{"changelog.html":{}}}],["preload",{"_index":839,"title":{},"body":{"components/GalleryExampleComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["prev",{"_index":1174,"title":{},"body":{"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{}}}],["prev(behavior",{"_index":1239,"title":{},"body":{"classes/GalleryRef.html":{},"changelog.html":{}}}],["prevclass",{"_index":3093,"title":{},"body":{"changelog.html":{}}}],["prevent",{"_index":2009,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["prevents",{"_index":3073,"title":{},"body":{"changelog.html":{}}}],["preview",{"_index":3150,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["previewheight",{"_index":1620,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["previewurl",{"_index":1621,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["previewwidth",{"_index":1622,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["previously",{"_index":2885,"title":{},"body":{"changelog.html":{}}}],["private",{"_index":77,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"directives/HammerSliding.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"injectables/Pixabay.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["proceed",{"_index":2425,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["process",{"_index":3285,"title":{},"body":{"index.html":{}}}],["progress",{"_index":2840,"title":{},"body":{"changelog.html":{}}}],["progressbar",{"_index":3089,"title":{},"body":{"changelog.html":{},"dependencies.html":{}}}],["projects/.../active",{"_index":3261,"title":{},"body":{"miscellaneous/functions.html":{}}}],["projects/.../bezier",{"_index":3260,"title":{},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["projects/.../config.model.ts",{"_index":3376,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/.../constants.ts",{"_index":3255,"title":{},"body":{"miscellaneous/enumerations.html":{},"miscellaneous/typealiases.html":{}}}],["projects/.../customtemplates.stories.ts",{"_index":3369,"title":{},"body":{"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["projects/.../gallerize.directive.ts",{"_index":3256,"title":{},"body":{"miscellaneous/enumerations.html":{}}}],["projects/.../gallery",{"_index":3375,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/.../gallery.default.ts",{"_index":3374,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/.../gallery.stories.ts",{"_index":3368,"title":{},"body":{"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["projects/.../hammer",{"_index":3377,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/.../items.model.ts",{"_index":3365,"title":{},"body":{"miscellaneous/typealiases.html":{}}}],["projects/.../lightbox.animation.ts",{"_index":3381,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/.../lightbox.default.ts",{"_index":3373,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/.../lightbox.model.ts",{"_index":3380,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/.../lightbox.stories.ts",{"_index":3370,"title":{},"body":{"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["projects/.../main",{"_index":3378,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/.../main.ts",{"_index":3372,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/.../preview.ts",{"_index":3382,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/.../resize",{"_index":3262,"title":{},"body":{"miscellaneous/functions.html":{}}}],["projects/.../smooth",{"_index":3366,"title":{},"body":{"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["projects/.../svg",{"_index":3379,"title":{},"body":{"miscellaneous/variables.html":{}}}],["projects/ng",{"_index":6,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"coverage.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/functions.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["promise",{"_index":2298,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["promise.resolve().then",{"_index":2017,"title":{},"body":{"components/LightboxComponent.html":{}}}],["proper",{"_index":2211,"title":{},"body":{"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["properly",{"_index":2578,"title":{},"body":{"changelog.html":{}}}],["properties",{"_index":76,"title":{},"body":{"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{}}}],["property",{"_index":425,"title":{},"body":{"directives/GallerizeDirective.html":{},"changelog.html":{}}}],["props",{"_index":3383,"title":{},"body":{"miscellaneous/variables.html":{}}}],["provid",{"_index":2822,"title":{},"body":{"changelog.html":{}}}],["provide",{"_index":2543,"title":{},"body":{"changelog.html":{}}}],["provideanimations",{"_index":3394,"title":{},"body":{"miscellaneous/variables.html":{}}}],["provided",{"_index":2606,"title":{},"body":{"changelog.html":{},"license.html":{}}}],["providedin",{"_index":480,"title":{},"body":{"injectables/Gallery.html":{},"injectables/Lightbox.html":{},"injectables/Pixabay.html":{},"changelog.html":{}}}],["providehttpclient",{"_index":3393,"title":{},"body":{"miscellaneous/variables.html":{}}}],["providers",{"_index":2261,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["public",{"_index":499,"title":{},"body":{"directives/GalleryBoxDef.html":{},"components/GalleryDotsComponent.html":{},"directives/GalleryImageDef.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"directives/GalleryThumbDef.html":{},"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["publish",{"_index":3321,"title":{},"body":{"license.html":{}}}],["published",{"_index":2764,"title":{},"body":{"changelog.html":{}}}],["purpose",{"_index":3345,"title":{},"body":{"license.html":{}}}],["put",{"_index":2973,"title":{},"body":{"changelog.html":{}}}],["px",{"_index":1689,"title":{},"body":{"classes/HorizontalAdapter.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{}}}],["q",{"_index":2097,"title":{},"body":{"injectables/Pixabay.html":{}}}],["query",{"_index":332,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["querylist",{"_index":1353,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["queue",{"_index":1998,"title":{},"body":{"components/LightboxComponent.html":{}}}],["radial",{"_index":2839,"title":{},"body":{"changelog.html":{}}}],["radius",{"_index":225,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/LightboxComponent.html":{}}}],["random",{"_index":2500,"title":{},"body":{"changelog.html":{}}}],["range",{"_index":1307,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ratio",{"_index":2600,"title":{},"body":{"changelog.html":{}}}],["re",{"_index":2196,"title":{},"body":{"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["reached",{"_index":2294,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["reactive",{"_index":2497,"title":{},"body":{"changelog.html":{}}}],["read",{"_index":2754,"title":{},"body":{"changelog.html":{}}}],["readonly",{"_index":228,"title":{},"body":{"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"classes/SliderAdapter.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["ready",{"_index":1991,"title":{},"body":{"components/LightboxComponent.html":{}}}],["rearrange",{"_index":3058,"title":{},"body":{"changelog.html":{}}}],["recognizer",{"_index":965,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{}}}],["recognizer.ts",{"_index":1760,"title":{},"body":{"directives/ImgRecognizer.html":{},"coverage.html":{}}}],["recognizer.ts:11",{"_index":1767,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["recognizer.ts:14",{"_index":1770,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["recognizer.ts:19",{"_index":1769,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["recognizer.ts:21",{"_index":1766,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["recognizer.ts:32",{"_index":1772,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["recognizer.ts:39",{"_index":1771,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["rect",{"_index":2225,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["recursively",{"_index":2304,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["ref",{"_index":116,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{}}}],["ref(id",{"_index":468,"title":{},"body":{"injectables/Gallery.html":{}}}],["ref.destroy",{"_index":491,"title":{},"body":{"injectables/Gallery.html":{}}}],["ref.reset",{"_index":492,"title":{},"body":{"injectables/Gallery.html":{}}}],["ref.ts",{"_index":1191,"title":{},"body":{"classes/GalleryRef.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["ref.ts:111",{"_index":1223,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:118",{"_index":1225,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:125",{"_index":1221,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:132",{"_index":1227,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:139",{"_index":1242,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:157",{"_index":1230,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:171",{"_index":1246,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:190",{"_index":1232,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:201",{"_index":1240,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:212",{"_index":1235,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:222",{"_index":1251,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:229",{"_index":1243,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:236",{"_index":1228,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:24",{"_index":1211,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:27",{"_index":1210,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:30",{"_index":1214,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:33",{"_index":1216,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:36",{"_index":1213,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:41",{"_index":1215,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:44",{"_index":1212,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:46",{"_index":1253,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:50",{"_index":1255,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:55",{"_index":1257,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:60",{"_index":1260,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:65",{"_index":1264,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:70",{"_index":1266,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:72",{"_index":1209,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:84",{"_index":1250,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:91",{"_index":1248,"title":{},"body":{"classes/GalleryRef.html":{}}}],["ref.ts:98",{"_index":1218,"title":{},"body":{"classes/GalleryRef.html":{}}}],["refactor",{"_index":2491,"title":{},"body":{"changelog.html":{}}}],["refactor(config",{"_index":3133,"title":{},"body":{"changelog.html":{}}}],["refactor(core",{"_index":2589,"title":{},"body":{"changelog.html":{}}}],["refactor(gallerize",{"_index":3018,"title":{},"body":{"changelog.html":{}}}],["refactor(gallerybullets",{"_index":3101,"title":{},"body":{"changelog.html":{}}}],["refactor(galleryconfig",{"_index":3098,"title":{},"body":{"changelog.html":{}}}],["refactor(gallerythumbnail",{"_index":3097,"title":{},"body":{"changelog.html":{}}}],["refactor(lightbox",{"_index":2820,"title":{},"body":{"changelog.html":{}}}],["refactor(styles",{"_index":3021,"title":{},"body":{"changelog.html":{}}}],["refer",{"_index":2324,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["reference",{"_index":1931,"title":{},"body":{"components/LightboxComponent.html":{}}}],["regarding",{"_index":2590,"title":{},"body":{"changelog.html":{}}}],["regression(core",{"_index":2849,"title":{},"body":{"changelog.html":{}}}],["regret",{"_index":2772,"title":{},"body":{"changelog.html":{}}}],["regret(core",{"_index":2592,"title":{},"body":{"changelog.html":{}}}],["related",{"_index":2667,"title":{},"body":{"changelog.html":{}}}],["relative",{"_index":658,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/HammerSliding.html":{},"components/LightboxComponent.html":{}}}],["release",{"_index":3141,"title":{},"body":{"changelog.html":{}}}],["released",{"_index":2778,"title":{},"body":{"changelog.html":{}}}],["remove",{"_index":1199,"title":{},"body":{"classes/GalleryRef.html":{},"changelog.html":{}}}],["remove(i",{"_index":1241,"title":{},"body":{"classes/GalleryRef.html":{}}}],["removecontentvisibilityauto",{"_index":2595,"title":{},"body":{"changelog.html":{}}}],["removed",{"_index":1262,"title":{},"body":{"classes/GalleryRef.html":{},"changelog.html":{}}}],["removeitemloaded",{"_index":2593,"title":{},"body":{"changelog.html":{}}}],["rename",{"_index":2816,"title":{},"body":{"changelog.html":{}}}],["renamed",{"_index":2521,"title":{},"body":{"changelog.html":{}}}],["renaudeau",{"_index":3417,"title":{},"body":{"miscellaneous/variables.html":{}}}],["render",{"_index":3014,"title":{},"body":{"changelog.html":{},"miscellaneous/variables.html":{}}}],["rendered",{"_index":515,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{},"changelog.html":{}}}],["renderer2",{"_index":2052,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["rendering",{"_index":2005,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["replace",{"_index":2492,"title":{},"body":{"changelog.html":{}}}],["replaced",{"_index":3028,"title":{},"body":{"changelog.html":{}}}],["report",{"_index":2868,"title":{},"body":{"changelog.html":{}}}],["requestanimationframe",{"_index":1386,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{}}}],["require",{"_index":2678,"title":{},"body":{"changelog.html":{}}}],["required",{"_index":1052,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["res.hits.map((item",{"_index":2102,"title":{},"body":{"injectables/Pixabay.html":{}}}],["reservegestureaction",{"_index":2662,"title":{},"body":{"changelog.html":{}}}],["reservegesturesaction",{"_index":2652,"title":{},"body":{"changelog.html":{}}}],["reset",{"_index":473,"title":{},"body":{"injectables/Gallery.html":{},"modules/GalleryModule.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"modules/LightboxModule.html":{},"directives/SliderResizeObserver.html":{},"overview.html":{}}}],["resetall",{"_index":454,"title":{},"body":{"injectables/Gallery.html":{}}}],["resetelement",{"_index":2273,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["resetresizingstate",{"_index":2142,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["resetresizingstate(undefined",{"_index":2159,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["resets",{"_index":2516,"title":{},"body":{"changelog.html":{}}}],["resize",{"_index":1375,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{},"coverage.html":{}}}],["resized",{"_index":2461,"title":{},"body":{"directives/ThumbResizeObserver.html":{}}}],["resizedebouncetime",{"_index":810,"title":{},"body":{"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["resizeobservable",{"_index":1805,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{},"coverage.html":{},"miscellaneous/functions.html":{}}}],["resizeobservable(el",{"_index":3282,"title":{},"body":{"miscellaneous/functions.html":{}}}],["resizeobservable(this._item.nativeelement",{"_index":1812,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["resizeobservable(this._viewport",{"_index":1811,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{}}}],["resizeobservable(this._viewport).pipe",{"_index":2462,"title":{},"body":{"directives/ThumbResizeObserver.html":{}}}],["resizeobserver",{"_index":2167,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["resizeobserverentry",{"_index":2208,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["resizing",{"_index":705,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"directives/SliderResizeObserver.html":{}}}],["resolves",{"_index":2297,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["response_group=high_resolution&editors_choice=true&per_page=18&image_type=photo",{"_index":2099,"title":{},"body":{"injectables/Pixabay.html":{}}}],["restart",{"_index":2679,"title":{},"body":{"changelog.html":{}}}],["restore",{"_index":1943,"title":{},"body":{"components/LightboxComponent.html":{}}}],["restores",{"_index":1926,"title":{},"body":{"components/LightboxComponent.html":{}}}],["restriction",{"_index":3316,"title":{},"body":{"license.html":{}}}],["results",{"_index":62,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{},"dependencies.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/functions.html":{},"index.html":{},"license.html":{},"modules.html":{},"overview.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["return",{"_index":35,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Pixabay.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"miscellaneous/variables.html":{}}}],["returns",{"_index":26,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"injectables/Pixabay.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"miscellaneous/functions.html":{}}}],["reverse",{"_index":671,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["rewrite",{"_index":2438,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["rgb(255",{"_index":724,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["rgb(31",{"_index":727,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["rgba($loading",{"_index":1011,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["rgba(0",{"_index":218,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"components/LightboxComponent.html":{}}}],["rgba(236",{"_index":739,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["rgba(245",{"_index":721,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["right",{"_index":198,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GalleryThumbComponent.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["right_arrow",{"_index":1847,"title":{},"body":{"injectables/Lightbox.html":{}}}],["rights",{"_index":3319,"title":{},"body":{"license.html":{}}}],["role",{"_index":1915,"title":{},"body":{"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["role=\"button",{"_index":2689,"title":{},"body":{"changelog.html":{}}}],["root",{"_index":25,"title":{},"body":{"classes/ActiveItemObserver.html":{},"injectables/Gallery.html":{},"injectables/Lightbox.html":{},"directives/LightboxDirective.html":{},"injectables/Pixabay.html":{},"changelog.html":{},"miscellaneous/functions.html":{}}}],["rootmargin",{"_index":16,"title":{},"body":{"classes/ActiveItemObserver.html":{},"classes/HorizontalAdapter.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"classes/VerticalAdapter.html":{},"miscellaneous/functions.html":{}}}],["rootmargin).pipe",{"_index":37,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["route",{"_index":3001,"title":{},"body":{"changelog.html":{}}}],["row",{"_index":669,"title":{},"body":{"components/GalleryCoreComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{}}}],["rtl",{"_index":2322,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["rtlscrollaxistype",{"_index":2353,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["rtlscrollaxistype.inverted",{"_index":2451,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["rtlscrollaxistype.negated",{"_index":2453,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["rtlscrollaxistype.normal",{"_index":2447,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["run",{"_index":1993,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["rxjs",{"_index":33,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{},"dependencies.html":{}}}],["safe",{"_index":953,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["safehtml",{"_index":950,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["saferesourceurl",{"_index":895,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["same",{"_index":2013,"title":{},"body":{"components/LightboxComponent.html":{},"changelog.html":{}}}],["sanitized",{"_index":2757,"title":{},"body":{"changelog.html":{}}}],["save",{"_index":1942,"title":{},"body":{"components/LightboxComponent.html":{}}}],["saves",{"_index":1930,"title":{},"body":{"components/LightboxComponent.html":{}}}],["scale",{"_index":1182,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["scale(0.7",{"_index":3426,"title":{},"body":{"miscellaneous/variables.html":{}}}],["scan",{"_index":2805,"title":{},"body":{"changelog.html":{}}}],["scratch",{"_index":3078,"title":{},"body":{"changelog.html":{}}}],["screen",{"_index":1187,"title":{},"body":{"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["screens",{"_index":3066,"title":{},"body":{"changelog.html":{}}}],["scroll",{"_index":687,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{}}}],["scroll.directive.ts",{"_index":2260,"title":{},"body":{"directives/SmoothScroll.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["scroll.directive.ts:104",{"_index":2308,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:127",{"_index":2307,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:135",{"_index":2300,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:140",{"_index":2309,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:155",{"_index":2292,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:166",{"_index":2288,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:199",{"_index":2302,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:221",{"_index":2286,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:248",{"_index":2311,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:45",{"_index":2336,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:48",{"_index":2333,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:50",{"_index":2338,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:52",{"_index":2335,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:54",{"_index":2334,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:56",{"_index":2337,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:58",{"_index":2339,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:60",{"_index":2341,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:67",{"_index":2343,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:72",{"_index":2283,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:80",{"_index":2282,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:82",{"_index":2284,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.directive.ts:84",{"_index":2281,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scroll.model.ts",{"_index":145,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"coverage.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["scroll/bezier",{"_index":3191,"title":{},"body":{"coverage.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["scroll/smooth",{"_index":144,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"coverage.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["scrollable",{"_index":161,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{}}}],["scrollbar",{"_index":1409,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"dependencies.html":{}}}],["scrollbehavior",{"_index":791,"title":{},"body":{"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"interfaces/GalleryItem.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["scrolled",{"_index":1581,"title":{},"body":{"directives/HammerSliding.html":{}}}],["scroller",{"_index":2503,"title":{},"body":{"changelog.html":{}}}],["scrolling",{"_index":706,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["scrollleft",{"_index":2321,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scrolls",{"_index":2312,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scrollsnaptype",{"_index":1642,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["scrollstrategy",{"_index":1863,"title":{},"body":{"injectables/Lightbox.html":{}}}],["scrollto",{"_index":2274,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scrollto(customoptions",{"_index":2310,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["scrolltoindex",{"_index":1331,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["scrolltoindex(index",{"_index":1344,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["scrolltoindex(value",{"_index":1441,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["scrolltooptions",{"_index":1666,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["scrollvalue",{"_index":1650,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/SliderAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["scss",{"_index":2974,"title":{},"body":{"changelog.html":{}}}],["section",{"_index":180,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["see",{"_index":2532,"title":{},"body":{"changelog.html":{}}}],["select",{"_index":752,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["selected",{"_index":3122,"title":{},"body":{"changelog.html":{}}}],["selector",{"_index":73,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{}}}],["self",{"_index":367,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryImageComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["sell",{"_index":3325,"title":{},"body":{"license.html":{}}}],["separate",{"_index":3025,"title":{},"body":{"changelog.html":{}}}],["server",{"_index":2006,"title":{},"body":{"components/LightboxComponent.html":{},"dependencies.html":{}}}],["service",{"_index":2821,"title":{},"body":{"changelog.html":{}}}],["services",{"_index":2813,"title":{},"body":{"changelog.html":{}}}],["services/gallery",{"_index":115,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/SliderResizeObserver.html":{}}}],["services/gallery.service",{"_index":114,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"directives/SliderResizeObserver.html":{}}}],["set",{"_index":325,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["set(i",{"_index":1245,"title":{},"body":{"classes/GalleryRef.html":{}}}],["set(index",{"_index":2603,"title":{},"body":{"changelog.html":{}}}],["setconfig",{"_index":1200,"title":{},"body":{"classes/GalleryRef.html":{},"injectables/Lightbox.html":{}}}],["setconfig(config",{"_index":1247,"title":{},"body":{"classes/GalleryRef.html":{},"injectables/Lightbox.html":{}}}],["setpausevideo(shouldpause",{"_index":899,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryVideoComponent.html":{}}}],["setplayvideo(shouldplay",{"_index":1495,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["setresizingstate",{"_index":2143,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["setresizingstate(undefined",{"_index":2161,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["sets",{"_index":1455,"title":{},"body":{"components/GalleryThumbsComponent.html":{},"changelog.html":{}}}],["setsmoothscroll(value",{"_index":2345,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["setsrc(src",{"_index":898,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["setstate",{"_index":1201,"title":{},"body":{"classes/GalleryRef.html":{}}}],["setstate(state",{"_index":1249,"title":{},"body":{"classes/GalleryRef.html":{}}}],["setter",{"_index":3283,"title":{},"body":{"miscellaneous/functions.html":{}}}],["setting",{"_index":2531,"title":{},"body":{"changelog.html":{}}}],["settings",{"_index":2676,"title":{},"body":{"changelog.html":{}}}],["shadow",{"_index":764,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{}}}],["shadow(0px",{"_index":215,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/LightboxComponent.html":{}}}],["shall",{"_index":3333,"title":{},"body":{"license.html":{}}}],["sharereplay",{"_index":2093,"title":{},"body":{"injectables/Pixabay.html":{}}}],["sharereplay(1",{"_index":2106,"title":{},"body":{"injectables/Pixabay.html":{}}}],["shortcuts",{"_index":1898,"title":{},"body":{"injectables/Lightbox.html":{}}}],["shouldn't",{"_index":2677,"title":{},"body":{"changelog.html":{}}}],["shouldpause",{"_index":900,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GalleryVideoComponent.html":{}}}],["shouldplay",{"_index":1496,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["shouldskip",{"_index":2227,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["show",{"_index":2700,"title":{},"body":{"changelog.html":{}}}],["shown",{"_index":2637,"title":{},"body":{"changelog.html":{}}}],["side",{"_index":2325,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["simplechanges",{"_index":596,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"directives/ThumbResizeObserver.html":{}}}],["simplifies",{"_index":3284,"title":{},"body":{"index.html":{}}}],["simply",{"_index":1995,"title":{},"body":{"components/LightboxComponent.html":{}}}],["single",{"_index":3016,"title":{},"body":{"changelog.html":{}}}],["size",{"_index":583,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{}}}],["sizing",{"_index":717,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["skip",{"_index":2127,"title":{},"body":{"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["slide",{"_index":1463,"title":{},"body":{"components/GalleryThumbsComponent.html":{},"changelog.html":{}}}],["slider",{"_index":569,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{}}}],["slider'},{'name",{"_index":267,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["slider.component",{"_index":618,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["slider.component.ts",{"_index":1323,"title":{},"body":{"components/GallerySliderComponent.html":{},"coverage.html":{}}}],["slider.component.ts:101",{"_index":1336,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:104",{"_index":1334,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:107",{"_index":1338,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:110",{"_index":1337,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:113",{"_index":1361,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:115",{"_index":1355,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:117",{"_index":1363,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:119",{"_index":1333,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:124",{"_index":1341,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:154",{"_index":1340,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:163",{"_index":1347,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:167",{"_index":1343,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:176",{"_index":1345,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:83",{"_index":1359,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:86",{"_index":1349,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:89",{"_index":1356,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:91",{"_index":1351,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:93",{"_index":1352,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:95",{"_index":1350,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.component.ts:98",{"_index":1335,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slider.scss",{"_index":1324,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slideradapter",{"_index":1348,"title":{"classes/SliderAdapter.html":{}},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"directives/ItemIntersectionObserver.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"coverage.html":{}}}],["sliderel",{"_index":1329,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["sliderintersectionobserver",{"_index":297,"title":{"directives/SliderIntersectionObserver.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderIntersectionObserver.html":{},"coverage.html":{}}}],["sliderintersectionobserver]'},{'name",{"_index":298,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["sliderintersectionobserverdisabled",{"_index":2123,"title":{},"body":{"directives/SliderIntersectionObserver.html":{}}}],["sliderrect",{"_index":1596,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliderrect.height",{"_index":1607,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliderrect.width",{"_index":1605,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliderrect.x",{"_index":1604,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliderrect.y",{"_index":1606,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliderresizeobserver",{"_index":299,"title":{"directives/SliderResizeObserver.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderResizeObserver.html":{},"coverage.html":{}}}],["sliderresizeobserver]'},{'name",{"_index":300,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["sliderstate",{"_index":2256,"title":{"interfaces/SliderState.html":{}},"body":{"interfaces/SliderState.html":{},"interfaces/WorkerState.html":{},"coverage.html":{}}}],["sliding",{"_index":588,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"changelog.html":{}}}],["sliding.directive",{"_index":1370,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["sliding.directive.ts",{"_index":1511,"title":{},"body":{"directives/HammerSliding.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["sliding.directive.ts:102",{"_index":1532,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:124",{"_index":1530,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:19",{"_index":1536,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:21",{"_index":1539,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:25",{"_index":1524,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:27",{"_index":1525,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:29",{"_index":1522,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:31",{"_index":1526,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:33",{"_index":1523,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:35",{"_index":1527,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:37",{"_index":1521,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:46",{"_index":1534,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:55",{"_index":1535,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:59",{"_index":1528,"title":{},"body":{"directives/HammerSliding.html":{}}}],["sliding.directive.ts:98",{"_index":1529,"title":{},"body":{"directives/HammerSliding.html":{}}}],["slidingdirection",{"_index":546,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GallerySliderComponent.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["slidingdirection.horizontal",{"_index":851,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GallerySliderComponent.html":{},"miscellaneous/variables.html":{}}}],["slidingdirection.vertical",{"_index":1381,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["slidingdirection='horizontal",{"_index":689,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["slidingdirection='vertical",{"_index":691,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["slidingdisabled",{"_index":552,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["slidingdisabled='true",{"_index":692,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["slidingduration",{"_index":811,"title":{},"body":{"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["slidingease",{"_index":812,"title":{},"body":{"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["small",{"_index":2522,"title":{},"body":{"changelog.html":{}}}],["smooth",{"_index":845,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"miscellaneous/variables.html":{}}}],["smooth_scroll_options",{"_index":154,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["smoother",{"_index":2855,"title":{},"body":{"changelog.html":{}}}],["smoothscroll",{"_index":301,"title":{"directives/SmoothScroll.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"directives/SmoothScroll.html":{},"coverage.html":{}}}],["smoothscroll(value",{"_index":2364,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["smoothscroll]'},{'name",{"_index":302,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["smoothscrollinterruptonmousemove",{"_index":2275,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["smoothscrolloptions",{"_index":157,"title":{"interfaces/SmoothScrollOptions.html":{}},"body":{"interfaces/BezierEasingOptions.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"coverage.html":{}}}],["smoothscrollstep",{"_index":160,"title":{"interfaces/SmoothScrollStep.html":{}},"body":{"interfaces/BezierEasingOptions.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"coverage.html":{}}}],["smoothscrolltooptions",{"_index":156,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"classes/VerticalAdapter.html":{},"miscellaneous/typealiases.html":{}}}],["snap",{"_index":688,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["snapshot",{"_index":2726,"title":{},"body":{"changelog.html":{}}}],["software",{"_index":3313,"title":{},"body":{"license.html":{}}}],["solid",{"_index":714,"title":{},"body":{"components/GalleryCoreComponent.html":{},"dependencies.html":{}}}],["source",{"_index":4,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"modules/GalleryModule.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"modules/LightboxModule.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["sources",{"_index":1508,"title":{},"body":{"components/GalleryVideoComponent.html":{},"changelog.html":{}}}],["sousli",{"_index":3298,"title":{},"body":{"index.html":{},"license.html":{}}}],["space",{"_index":2722,"title":{},"body":{"changelog.html":{}}}],["spacing",{"_index":212,"title":{},"body":{"components/CustomTemplateComponent.html":{}}}],["special",{"_index":2735,"title":{},"body":{"changelog.html":{}}}],["specific",{"_index":3031,"title":{},"body":{"changelog.html":{}}}],["specified",{"_index":2313,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["src",{"_index":424,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"injectables/Pixabay.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["src(src",{"_index":906,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["src/**/*.mdx",{"_index":3399,"title":{},"body":{"miscellaneous/variables.html":{}}}],["src/**/*.stories.@(js|jsx|mjs|ts|tsx",{"_index":3400,"title":{},"body":{"miscellaneous/variables.html":{}}}],["ssr",{"_index":2564,"title":{},"body":{"changelog.html":{}}}],["standalone",{"_index":120,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"changelog.html":{}}}],["start",{"_index":1236,"title":{},"body":{"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"classes/HorizontalAdapter.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{}}}],["start/exit",{"_index":2741,"title":{},"body":{"changelog.html":{}}}],["startanimationtime",{"_index":1916,"title":{},"body":{"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"miscellaneous/variables.html":{}}}],["started",{"_index":2483,"title":{"changelog.html":{},"index.html":{},"license.html":{}},"body":{}}],["starting",{"_index":2502,"title":{},"body":{"changelog.html":{}}}],["starttime",{"_index":162,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{}}}],["startwith",{"_index":1365,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["startwith(null",{"_index":1399,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["startx",{"_index":163,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{}}}],["starty",{"_index":164,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{}}}],["state",{"_index":517,"title":{},"body":{"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["state$.pipe",{"_index":1741,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["state('enter",{"_index":3427,"title":{},"body":{"miscellaneous/variables.html":{}}}],["state('void",{"_index":3424,"title":{},"body":{"miscellaneous/variables.html":{}}}],["state.currindex",{"_index":746,"title":{},"body":{"components/GalleryCounterComponent.html":{}}}],["state.items.length",{"_index":747,"title":{},"body":{"components/GalleryCounterComponent.html":{},"classes/GalleryRef.html":{}}}],["state.items.slice(0",{"_index":1300,"title":{},"body":{"classes/GalleryRef.html":{}}}],["state.items.slice(i",{"_index":1301,"title":{},"body":{"classes/GalleryRef.html":{}}}],["state]=\"state",{"_index":523,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["statements",{"_index":3145,"title":{},"body":{"coverage.html":{}}}],["statesnapshot",{"_index":1203,"title":{},"body":{"classes/GalleryRef.html":{},"changelog.html":{}}}],["static",{"_index":501,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{}}}],["step",{"_index":2378,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["steps",{"_index":2305,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["still",{"_index":1728,"title":{},"body":{"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["stop",{"_index":1202,"title":{},"body":{"classes/GalleryRef.html":{},"miscellaneous/enumerations.html":{}}}],["store",{"_index":475,"title":{},"body":{"injectables/Gallery.html":{}}}],["stories",{"_index":3398,"title":{},"body":{"miscellaneous/variables.html":{}}}],["story",{"_index":3367,"title":{},"body":{"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["storybook/addon",{"_index":3402,"title":{},"body":{"miscellaneous/variables.html":{}}}],["storybook/angular",{"_index":3407,"title":{},"body":{"miscellaneous/variables.html":{}}}],["storybookconfig",{"_index":3397,"title":{},"body":{"miscellaneous/variables.html":{}}}],["storyobj",{"_index":3371,"title":{},"body":{"miscellaneous/typealiases.html":{}}}],["strategy",{"_index":3054,"title":{},"body":{"changelog.html":{}}}],["stream",{"_index":352,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"injectables/Lightbox.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{}}}],["string",{"_index":17,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/functions.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["style",{"_index":570,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"interfaces/SliderState.html":{},"interfaces/WorkerState.html":{},"changelog.html":{}}}],["style({opacity",{"_index":3425,"title":{},"body":{"miscellaneous/variables.html":{}}}],["style({transform",{"_index":3428,"title":{},"body":{"miscellaneous/variables.html":{}}}],["styles",{"_index":173,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{}}}],["styles/debug.scss",{"_index":622,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["styleurls",{"_index":521,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{}}}],["subdivision_max_iterations",{"_index":3205,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["subdivision_precision",{"_index":3206,"title":{},"body":{"coverage.html":{},"miscellaneous/variables.html":{}}}],["subject",{"_index":350,"title":{},"body":{"directives/GallerizeDirective.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"injectables/Lightbox.html":{},"directives/SmoothScroll.html":{},"changelog.html":{},"license.html":{}}}],["sublicense",{"_index":3323,"title":{},"body":{"license.html":{}}}],["subscribe",{"_index":138,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"directives/LightboxDirective.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["subscribe((index",{"_index":1823,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["subscriber",{"_index":29,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/SmoothScroll.html":{}}}],["subscriber.complete",{"_index":2406,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["subscriber.next",{"_index":2405,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["subscriber.next(context",{"_index":2426,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["subscribing",{"_index":2944,"title":{},"body":{"changelog.html":{}}}],["subscription",{"_index":102,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"directives/ItemIntersectionObserver.html":{},"directives/LightboxDirective.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["subscription.empty",{"_index":2058,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["subscriptionlike",{"_index":2057,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["substantial",{"_index":3335,"title":{},"body":{"license.html":{}}}],["subtree",{"_index":446,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["success",{"_index":969,"title":{},"body":{"components/GalleryImageComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/typealiases.html":{}}}],["support",{"_index":2954,"title":{},"body":{"changelog.html":{},"index.html":{},"modules.html":{}}}],["sure",{"_index":512,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{}}}],["svg",{"_index":963,"title":{},"body":{"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"components/LightboxComponent.html":{},"changelog.html":{},"dependencies.html":{},"modules.html":{}}}],["switch",{"_index":390,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"injectables/Lightbox.html":{}}}],["switchmap",{"_index":109,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{}}}],["switchmap((context",{"_index":2374,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["switchmap((img",{"_index":2246,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["switchmap((state",{"_index":132,"title":{},"body":{"directives/AutoplayDirective.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["systemjs",{"_index":3128,"title":{},"body":{"changelog.html":{}}}],["t",{"_index":1144,"title":{},"body":{"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"miscellaneous/variables.html":{}}}],["tabindex",{"_index":1973,"title":{},"body":{"components/LightboxComponent.html":{}}}],["table",{"_index":3221,"title":{},"body":{"coverage.html":{}}}],["tablesort(document.getelementbyid('coverage",{"_index":3220,"title":{},"body":{"coverage.html":{}}}],["tag",{"_index":2994,"title":{},"body":{"changelog.html":{},"miscellaneous/variables.html":{}}}],["tags",{"_index":1623,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"miscellaneous/variables.html":{}}}],["take",{"_index":2176,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{}}}],["take(1",{"_index":2250,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["taken",{"_index":1590,"title":{},"body":{"directives/HammerSliding.html":{}}}],["takeuntil",{"_index":2356,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["takeuntil(this._finished",{"_index":2383,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["takeuntil(this._interrupted",{"_index":2385,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["takewhile",{"_index":2357,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["takewhile((currcontext",{"_index":2381,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["tap",{"_index":110,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/LightboxDirective.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["tap((data",{"_index":437,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["tap(async",{"_index":2206,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["tapclick",{"_index":2646,"title":{},"body":{"changelog.html":{}}}],["target",{"_index":1737,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{}}}],["template",{"_index":184,"title":{},"body":{"components/CustomTemplateComponent.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["template.component.ts",{"_index":178,"title":{},"body":{"components/CustomTemplateComponent.html":{},"coverage.html":{}}}],["template.component.ts:45",{"_index":232,"title":{},"body":{"components/CustomTemplateComponent.html":{}}}],["templateref",{"_index":500,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{}}}],["templates",{"_index":191,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/ImgRecognizer.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"changelog.html":{}}}],["templates/custom",{"_index":177,"title":{},"body":{"components/CustomTemplateComponent.html":{},"coverage.html":{}}}],["templates/customtemplates.stories.ts",{"_index":3215,"title":{},"body":{"coverage.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["templates/gallery",{"_index":1094,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["templates/items.model",{"_index":1101,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["terminates",{"_index":2289,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["test",{"_index":820,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["text",{"_index":186,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["thanks",{"_index":2736,"title":{},"body":{"changelog.html":{}}}],["they're",{"_index":1358,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["thickness",{"_index":3090,"title":{},"body":{"changelog.html":{}}}],["this._afterheightchanged",{"_index":2186,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._afterheightchanged$.pipe",{"_index":2249,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._applyscrolltooptions(options",{"_index":2455,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._autoheightsubscription",{"_index":2244,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._autoheightsubscription?.unsubscribe",{"_index":2251,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._config",{"_index":1284,"title":{},"body":{"classes/GalleryRef.html":{},"injectables/Lightbox.html":{}}}],["this._config.ariadescribedby",{"_index":1890,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._config.arialabel",{"_index":1886,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._config.arialabelledby",{"_index":1888,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._config.asobservable",{"_index":1287,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._config.complete",{"_index":1319,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._config.exitanimationtime",{"_index":1894,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._config.next",{"_index":1290,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._config.role",{"_index":1884,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._config.startanimationtime",{"_index":1892,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._config.value",{"_index":1276,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._config.value.loop",{"_index":1311,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._config.value.scrollbehavior",{"_index":1233,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._currentsubscription",{"_index":130,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["this._currentsubscription?.unsubscribe",{"_index":139,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["this._defaultoptions",{"_index":2371,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._detector",{"_index":407,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._detector$.complete",{"_index":395,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._detector$.next",{"_index":443,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._detector$.pipe",{"_index":408,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._dir.value",{"_index":2437,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._document",{"_index":2000,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._document.activeelement",{"_index":2002,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._document.defaultview",{"_index":2361,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._document.defaultview.getcomputedstyle(el",{"_index":433,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._document.elementsfrompoint",{"_index":1603,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this._document.onselectstart",{"_index":1574,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this._el",{"_index":2369,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._el.classlist.add('g",{"_index":2376,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._el.classlist.remove('g",{"_index":2391,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._el.clientheight",{"_index":2446,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._el.clientwidth",{"_index":2450,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._el.nativeelement",{"_index":1545,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["this._el.nativeelement.parentelement.parentelement.parentelement",{"_index":2181,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._el.nativeelement.queryselectorall(this.selector",{"_index":412,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._el.scrollheight",{"_index":2445,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._el.scrollleft",{"_index":2388,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._el.scrolltop",{"_index":2389,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._el.scrollwidth",{"_index":2449,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._el.style.setproperty",{"_index":2377,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._elementfocusedbeforedialogwasopened",{"_index":2001,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._elementref.nativeelement.focus",{"_index":2007,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._finished.next",{"_index":2398,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._focustrap",{"_index":1987,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._focustrap.destroy",{"_index":2023,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._focustrap.focusinitialelementwhenready",{"_index":1999,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._focustrapfactory.create(this._elementref.nativeelement",{"_index":1988,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._gallery.ref(id",{"_index":1866,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._gallery.ref(this._galleryid",{"_index":389,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._gallery.ref(this.galleryid",{"_index":124,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/SliderResizeObserver.html":{}}}],["this._gallery.ref(this.galleryid).set(index",{"_index":1402,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["this._gallerycmp.galleryref.itemclick.subscribe((i",{"_index":402,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._gallerycmp.galleryref.itemschanged.subscribe((state",{"_index":405,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._gallerycore.style.setproperty",{"_index":2221,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._galleryid",{"_index":387,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._galleryref",{"_index":123,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["this._galleryref.next(this.config.scrollbehavior",{"_index":137,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["this._galleryref.play",{"_index":127,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["this._galleryref.playingchanged.pipe",{"_index":131,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["this._galleryref.stop",{"_index":128,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["this._hammer",{"_index":1558,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["this._hammer.destroy",{"_index":2407,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._hammer.get('pan').set",{"_index":1562,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["this._hammer.on('panend",{"_index":1573,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this._hammer.on('panmove",{"_index":1571,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this._hammer.on('panstart",{"_index":1566,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["this._hammer?.destroy",{"_index":1579,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this._http.get(url).pipe",{"_index":2100,"title":{},"body":{"injectables/Pixabay.html":{}}}],["this._imgmanager.getactiveitem(state).pipe",{"_index":2245,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._imgmanager.getactiveitem(this._galleryref.state).pipe",{"_index":134,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["this._instances.delete(id",{"_index":495,"title":{},"body":{"injectables/Gallery.html":{}}}],["this._instances.foreach((ref",{"_index":490,"title":{},"body":{"injectables/Gallery.html":{}}}],["this._instances.get(id",{"_index":486,"title":{},"body":{"injectables/Gallery.html":{}}}],["this._instances.has(id",{"_index":485,"title":{},"body":{"injectables/Gallery.html":{}}}],["this._instances.set(id",{"_index":488,"title":{},"body":{"injectables/Gallery.html":{}}}],["this._isautoheight",{"_index":2214,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._isfinished(currcontext",{"_index":2382,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._isinterruptedbymouse",{"_index":2392,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._item.nativeelement",{"_index":1815,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["this._item.nativeelement.clientheight",{"_index":1820,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["this._item.nativeelement.clientwidth",{"_index":1819,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["this._item.nativeelement.parentelement.parentelement",{"_index":1807,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["this._item.nativeelement.style.setproperty",{"_index":1816,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["this._item.state",{"_index":1813,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["this._itemchange",{"_index":404,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._itemchange$.unsubscribe",{"_index":398,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._itemclick",{"_index":401,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._itemclick$.unsubscribe",{"_index":397,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._lightbox.open(i",{"_index":403,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._lightbox.open(this.index",{"_index":2067,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["this._mode",{"_index":383,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._now",{"_index":2415,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._observer",{"_index":442,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._observer$.disconnect",{"_index":396,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._observer$.observe(this._el.nativeelement",{"_index":444,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this._overlay.create(overlayconfig",{"_index":1869,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._overlay.position().global().centerhorizontally().centervertically",{"_index":1862,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._overlay.scrollstrategies.block",{"_index":1864,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._overlayref",{"_index":1868,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._overlayref.attach(galleryportal",{"_index":1878,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._overlayref.attachments().subscribe",{"_index":1870,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._overlayref.backdropclick().subscribe",{"_index":1895,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._overlayref.detach",{"_index":1905,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._overlayref.detachments().subscribe",{"_index":1872,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._overlayref.hasattached",{"_index":1904,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._overlayref.keydownevents().subscribe((event",{"_index":1900,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._platform.android",{"_index":1553,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this._platform.ios",{"_index":1554,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this._renderer.setstyle(this._el.nativeelement",{"_index":2063,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["this._resizeobserver",{"_index":2193,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._resizeobserver.observe(this._viewport",{"_index":2255,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._resizeobserver.unobserve(this._viewport",{"_index":2253,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._resizesubscription",{"_index":2192,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["this._resizesubscription?.unsubscribe",{"_index":2231,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["this._restorefocus",{"_index":1986,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._sanitizer.bypasssecuritytrusthtml(this._config.closeicon",{"_index":1882,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this._sanitizer.bypasssecuritytrusthtml(this.config.navicon",{"_index":1172,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["this._sanitizer.bypasssecuritytrusthtml(this.erroricon",{"_index":982,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["this._sanitizer.bypasssecuritytrusthtml(this.loadingerror",{"_index":979,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["this._sanitizer.bypasssecuritytrusthtml(this.loadingicon",{"_index":976,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["this._sanitizer.bypasssecuritytrustresourceurl(src",{"_index":909,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["this._sanitizer.bypasssecuritytrustresourceurl(this.videosrc",{"_index":917,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["this._savepreviouslyfocusedelement",{"_index":1982,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._scrollcontroller.complete",{"_index":2387,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._scrollcontroller.next(context",{"_index":2435,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._scrollcontroller.pipe",{"_index":2373,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._scrollelement(context.currentx",{"_index":2424,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._scrollelement(options.left",{"_index":2428,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._sensor.observe",{"_index":1821,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["this._shouldskip",{"_index":2198,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._state",{"_index":1282,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._state.asobservable",{"_index":1286,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._state.complete",{"_index":1318,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._state.next",{"_index":1288,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._state.value",{"_index":1275,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this._step(context).pipe",{"_index":2380,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._subscribe",{"_index":125,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["this._subscribeautoheight",{"_index":2229,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._subscription",{"_index":2372,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._subscription?.unsubscribe",{"_index":2386,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._trapfocus",{"_index":1984,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this._unsubscribe",{"_index":129,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["this._unsubscribeautoheight",{"_index":2230,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this._viewport",{"_index":1822,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["this._viewport.classlist.add('g",{"_index":1569,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SliderResizeObserver.html":{}}}],["this._viewport.classlist.remove('g",{"_index":1575,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SliderResizeObserver.html":{}}}],["this._viewport.clientheight",{"_index":1818,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{}}}],["this._viewport.clientwidth",{"_index":1817,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{}}}],["this._viewport.getboundingclientrect",{"_index":1598,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this._viewport.scrollto(this.adapter.gethammervalue(offset",{"_index":1572,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this._viewport.style.setproperty",{"_index":1570,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SliderIntersectionObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["this._w.performance?.now?.bind(this._w.performance",{"_index":2362,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this._zone.run",{"_index":420,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{}}}],["this._zone.runoutsideangular",{"_index":386,"title":{},"body":{"directives/GallerizeDirective.html":{},"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{}}}],["this.activeindexchange.emit(index",{"_index":1578,"title":{},"body":{"directives/HammerSliding.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["this.adapter",{"_index":1379,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["this.adapter.getcentralizerendsize",{"_index":2237,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["this.adapter.getcentralizerstartsize",{"_index":2236,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["this.adapter.getelementrootmargin(this._viewport",{"_index":1814,"title":{},"body":{"directives/ItemIntersectionObserver.html":{}}}],["this.adapter.gethammervelocity(e",{"_index":1593,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this.adapter.getrootmargin",{"_index":2130,"title":{},"body":{"directives/SliderIntersectionObserver.html":{}}}],["this.adapter.getscrolltovalue(el",{"_index":1406,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["this.adapter.hammerdirection",{"_index":1557,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{}}}],["this.adapter.scrollsnaptype",{"_index":2393,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this.adapter.scrollvalue",{"_index":1568,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this.add(new",{"_index":1296,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.api_key",{"_index":2096,"title":{},"body":{"injectables/Pixabay.html":{}}}],["this.autoplay",{"_index":916,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["this.clickevent",{"_index":2064,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["this.clickevent.unsubscribe",{"_index":2069,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["this.clientsize",{"_index":1681,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.close",{"_index":1896,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this.closed.next(id",{"_index":1873,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this.config",{"_index":483,"title":{},"body":{"injectables/Gallery.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["this.config.autoheight",{"_index":644,"title":{},"body":{"components/GalleryCoreComponent.html":{},"directives/SliderResizeObserver.html":{}}}],["this.config.autoplay",{"_index":126,"title":{},"body":{"directives/AutoplayDirective.html":{}}}],["this.config.counterposition",{"_index":636,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["this.config.debug",{"_index":493,"title":{},"body":{"injectables/Gallery.html":{},"components/GalleryCoreComponent.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["this.config.disablethumb",{"_index":628,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["this.config.bulletsPosition",{"_index":634,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["this.config.imagesize",{"_index":630,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["this.config.itemautosize",{"_index":642,"title":{},"body":{"components/GalleryCoreComponent.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{}}}],["this.config.loadingstrategy",{"_index":1129,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["this.config.scrollbehavior",{"_index":1407,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["this.config.slidingdirection",{"_index":626,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"directives/SliderResizeObserver.html":{}}}],["this.config.slidingdisabled",{"_index":638,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["this.config.slidingduration",{"_index":1685,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.config.slidingease",{"_index":1686,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.config.thumbautosize",{"_index":646,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["this.config.thumbdetached",{"_index":1461,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["this.config.thumbimagesize",{"_index":632,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["this.config.thumbposition",{"_index":624,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/SliderResizeObserver.html":{}}}],["this.config.thumbslidingdisabled",{"_index":640,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["this.count",{"_index":1112,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["this.currindex",{"_index":1104,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["this.data",{"_index":1115,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["this.deleteinstance",{"_index":1322,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.deleteinstance(id))).get(id",{"_index":489,"title":{},"body":{"injectables/Gallery.html":{}}}],["this.detectormode(ref",{"_index":392,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this.disabled",{"_index":1810,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderIntersectionObserver.html":{}}}],["this.el.nativeelement",{"_index":1116,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"directives/ImgRecognizer.html":{}}}],["this.el.nativeelement.style.setproperty",{"_index":651,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["this.erroricon",{"_index":980,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["this.errorsvg",{"_index":981,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["this.errortemplate",{"_index":978,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["this.gallerize",{"_index":388,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this.galleryid",{"_index":1610,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this.gallerymode(ref",{"_index":394,"title":{},"body":{"directives/GallerizeDirective.html":{}}}],["this.getelementfromviewportcenter",{"_index":1589,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this.getindexonmouseup(e",{"_index":1576,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this.id",{"_index":2068,"title":{},"body":{"directives/LightboxDirective.html":{}}}],["this.iframe.nativeelement",{"_index":914,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["this.iframe?.nativeelement",{"_index":912,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["this.iframesrc",{"_index":908,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["this.imagedata",{"_index":1109,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["this.images.delete(index",{"_index":1751,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["this.images.get(state.currindex",{"_index":1742,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["this.images.has(index",{"_index":1750,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["this.images.set(index",{"_index":1747,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["this.index",{"_index":1103,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["this.interruptonmousemove",{"_index":2400,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this.isactive",{"_index":1111,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["this.iscontentlessthancontainer",{"_index":1690,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.isitemcontainimage",{"_index":1133,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["this.isresizingchange.emit(false",{"_index":2254,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this.isresizingchange.emit(true",{"_index":2252,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this.isscrollingchange.emit(false",{"_index":2390,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this.isscrollingchange.emit(true",{"_index":2375,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this.isslidingchange.emit(false",{"_index":1577,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this.isslidingchange.emit(true",{"_index":1567,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this.item.state$.asobservable",{"_index":1785,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["this.item.state$.next('failed",{"_index":1778,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["this.item.state$.next('success",{"_index":1777,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["this.itemclick.complete",{"_index":1320,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.items",{"_index":241,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["this.items.changes.pipe",{"_index":1394,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["this.items.get(index)?.nativeelement",{"_index":1403,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["this.items.get(value)?.nativeelement",{"_index":1466,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["this.items.map((item",{"_index":2131,"title":{},"body":{"directives/SliderIntersectionObserver.html":{}}}],["this.items.notifyonchanges",{"_index":1393,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["this.items.toarray",{"_index":1400,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["this.items?.length",{"_index":2129,"title":{},"body":{"directives/SliderIntersectionObserver.html":{}}}],["this.items[this.state.currindex].nativeelement",{"_index":1586,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this.lightbox.open(0",{"_index":3072,"title":{},"body":{"changelog.html":{}}}],["this.loadertemplate",{"_index":975,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["this.loadingerror",{"_index":977,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["this.loadingicon",{"_index":974,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["this.manager.additem(this.index",{"_index":1784,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["this.manager.deleteitem(this.index",{"_index":1786,"title":{},"body":{"directives/ImgRecognizer.html":{}}}],["this.navicon",{"_index":1171,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["this.opened.next(id",{"_index":1871,"title":{},"body":{"injectables/Lightbox.html":{}}}],["this.overlayref.dispose",{"_index":1985,"title":{},"body":{"components/LightboxComponent.html":{}}}],["this.position$.next(pos",{"_index":1408,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["this.resetelement",{"_index":2384,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this.resetresizingstate",{"_index":2219,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this.resized.emit",{"_index":2463,"title":{},"body":{"directives/ThumbResizeObserver.html":{}}}],["this.scrollto(value",{"_index":2365,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["this.scrolltoindex(index",{"_index":1465,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["this.scrolltoindex(this.state.currindex",{"_index":1387,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["this.set(0",{"_index":1312,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.set(this.statesnapshot.currindex",{"_index":1310,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.set(this.statesnapshot.items.length",{"_index":1314,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.setconfig",{"_index":1315,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.setresizingstate",{"_index":2204,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this.setstate",{"_index":1292,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.setstate(defaultstate",{"_index":1317,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.slider.clientheight",{"_index":1702,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.slider.clientwidth",{"_index":1680,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.slider.firstelementchild.clientheight",{"_index":1703,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.slider.firstelementchild.clientwidth",{"_index":1682,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.slider.firstelementchild.firstelementchild?.clientheight",{"_index":1707,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.slider.firstelementchild.firstelementchild?.clientwidth",{"_index":1691,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.slider.firstelementchild.lastelementchild?.clientheight",{"_index":1708,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.slider.firstelementchild.lastelementchild?.clientwidth",{"_index":1692,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.slider.scrollleft",{"_index":1679,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.slider.scrolltop",{"_index":1701,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["this.sliderel.nativeelement",{"_index":1376,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["this.src",{"_index":1505,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["this.state",{"_index":973,"title":{},"body":{"components/GalleryImageComponent.html":{},"classes/GalleryRef.html":{}}}],["this.state$.next('success",{"_index":1134,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["this.state$.value",{"_index":1107,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["this.state.behavior",{"_index":1392,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["this.state.currindex",{"_index":1595,"title":{},"body":{"directives/HammerSliding.html":{}}}],["this.state.pipe(filteractions([galleryaction.index_changed",{"_index":1279,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.state.pipe(filteractions([galleryaction.initialized",{"_index":1277,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.state.pipe(filteractions([galleryaction.items_changed",{"_index":1278,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.state.pipe(filteractions([galleryaction.play",{"_index":1280,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.statesnapshot",{"_index":1289,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.statesnapshot.currindex",{"_index":1295,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.statesnapshot.hasnext",{"_index":1309,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.statesnapshot.hasprev",{"_index":1313,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.statesnapshot.items",{"_index":1291,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.statesnapshot.items.length",{"_index":1303,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.thumbclick.complete",{"_index":1321,"title":{},"body":{"classes/GalleryRef.html":{}}}],["this.trigger$.next",{"_index":1748,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["this.trigger$.pipe",{"_index":1740,"title":{},"body":{"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["this.type",{"_index":1110,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{}}}],["this.updatecentralizecssvariables",{"_index":2235,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["this.updateslidersize",{"_index":2213,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["this.video.nativeelement",{"_index":1498,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["this.videodata.autoplay",{"_index":1119,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["this.videosources",{"_index":1509,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["this.videosrc",{"_index":907,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["threshold",{"_index":55,"title":{},"body":{"classes/ActiveItemObserver.html":{}}}],["through",{"_index":2306,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["throw",{"_index":1781,"title":{},"body":{"directives/ImgRecognizer.html":{},"changelog.html":{}}}],["thumb",{"_index":428,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"modules/GalleryModule.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"injectables/Pixabay.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["thumb'},{'name",{"_index":269,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["thumb.component",{"_index":1453,"title":{},"body":{"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{}}}],["thumb.component.ts",{"_index":1417,"title":{},"body":{"components/GalleryThumbComponent.html":{},"coverage.html":{}}}],["thumb.component.ts:38",{"_index":1420,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:41",{"_index":1424,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:44",{"_index":1421,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:47",{"_index":1422,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:50",{"_index":1425,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:53",{"_index":1423,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:55",{"_index":1426,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:57",{"_index":1428,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:61",{"_index":1427,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:65",{"_index":1429,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:77",{"_index":1430,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.component.ts:79",{"_index":1419,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb.scss",{"_index":1418,"title":{},"body":{"components/GalleryThumbComponent.html":{}}}],["thumb_src",{"_index":3027,"title":{},"body":{"changelog.html":{}}}],["thumbautosize",{"_index":556,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["thumbautosize=\"true",{"_index":683,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["thumbclick",{"_index":529,"title":{},"body":{"components/GalleryCoreComponent.html":{},"classes/GalleryRef.html":{},"components/GalleryThumbsComponent.html":{},"changelog.html":{}}}],["thumbdetached",{"_index":813,"title":{},"body":{"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["thumbheight",{"_index":814,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["thumbimagesize",{"_index":549,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["thumbimagesize='contain",{"_index":679,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["thumbimagesize='cover",{"_index":682,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["thumbloadingerror",{"_index":2791,"title":{},"body":{"changelog.html":{}}}],["thumbloadingicon",{"_index":2790,"title":{},"body":{"changelog.html":{}}}],["thumbmode",{"_index":2644,"title":{},"body":{"changelog.html":{}}}],["thumbmouseslidingdisabled",{"_index":815,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["thumbnail",{"_index":938,"title":{},"body":{"components/GalleryImageComponent.html":{},"classes/GalleryRef.html":{},"changelog.html":{}}}],["thumbnails",{"_index":577,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/SmoothScroll.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/variables.html":{}}}],["thumbnailsposition",{"_index":874,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GalleryThumbsComponent.html":{},"miscellaneous/enumerations.html":{}}}],["thumbnailsposition.bottom",{"_index":867,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GalleryThumbsComponent.html":{},"miscellaneous/variables.html":{}}}],["thumbnailsposition.left",{"_index":1459,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbnailsposition.right",{"_index":1458,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbnailsposition.top",{"_index":1460,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbnailsview",{"_index":875,"title":{},"body":{"components/GalleryExampleComponent.html":{},"components/GalleryThumbsComponent.html":{},"miscellaneous/enumerations.html":{}}}],["thumbnailsview.default",{"_index":870,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["thumbposition",{"_index":545,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["thumbposition='bottom",{"_index":672,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["thumbposition='left",{"_index":668,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["thumbposition='right",{"_index":670,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["thumbposition='top",{"_index":666,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["thumbresizeobserver",{"_index":303,"title":{"directives/ThumbResizeObserver.html":{}},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{},"directives/ThumbResizeObserver.html":{},"coverage.html":{}}}],["thumbs",{"_index":680,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryThumbsComponent.html":{},"changelog.html":{}}}],["thumbs'},{'name",{"_index":271,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["thumbs.component",{"_index":619,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["thumbs.component.ts",{"_index":1431,"title":{},"body":{"components/GalleryThumbsComponent.html":{},"coverage.html":{}}}],["thumbs.component.ts:133",{"_index":1438,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:142",{"_index":1443,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:146",{"_index":1440,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:155",{"_index":1442,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:64",{"_index":1448,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:67",{"_index":1450,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:70",{"_index":1444,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:73",{"_index":1447,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:76",{"_index":1434,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:79",{"_index":1435,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:82",{"_index":1433,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:85",{"_index":1437,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:88",{"_index":1436,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:91",{"_index":1449,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:93",{"_index":1446,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:95",{"_index":1452,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.component.ts:99",{"_index":1439,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbs.scss",{"_index":1432,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["thumbslidingdisabled",{"_index":553,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["thumbslidingdisabled='true",{"_index":686,"title":{},"body":{"components/GalleryCoreComponent.html":{}}}],["thumbsrc",{"_index":2807,"title":{},"body":{"changelog.html":{}}}],["thumbtemplate",{"_index":2536,"title":{},"body":{"changelog.html":{}}}],["thumbview",{"_index":816,"title":{},"body":{"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["thumbview=\"contain",{"_index":2641,"title":{},"body":{"changelog.html":{}}}],["thumbwidth",{"_index":817,"title":{},"body":{"components/GalleryExampleComponent.html":{},"miscellaneous/variables.html":{}}}],["time",{"_index":1962,"title":{},"body":{"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["timer",{"_index":2517,"title":{},"body":{"changelog.html":{}}}],["times",{"_index":2418,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["timing",{"_index":2344,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["title",{"_index":3388,"title":{},"body":{"miscellaneous/variables.html":{}}}],["todo",{"_index":2238,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["tofocus",{"_index":2018,"title":{},"body":{"components/LightboxComponent.html":{}}}],["tofocus.focus",{"_index":2022,"title":{},"body":{"components/LightboxComponent.html":{}}}],["toggling",{"_index":2495,"title":{},"body":{"changelog.html":{}}}],["token",{"_index":2831,"title":{},"body":{"changelog.html":{}}}],["tokens",{"_index":2809,"title":{},"body":{"changelog.html":{}}}],["top",{"_index":195,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["tort",{"_index":3355,"title":{},"body":{"license.html":{}}}],["tostring",{"_index":1127,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["total",{"_index":1046,"title":{},"body":{"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryThumbComponent.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["totalhits",{"_index":1631,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["touch",{"_index":2666,"title":{},"body":{"changelog.html":{}}}],["touchmove",{"_index":2412,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["touchpad",{"_index":2622,"title":{},"body":{"changelog.html":{}}}],["trackbyfn",{"_index":1332,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["trackbyfn(index",{"_index":1346,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["transform",{"_index":759,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["transition",{"_index":755,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["transitionduration",{"_index":2183,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["transitionend",{"_index":2189,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["translate3d",{"_index":998,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["translate3d(30",{"_index":1017,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["translatex",{"_index":760,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{}}}],["translatey",{"_index":1180,"title":{},"body":{"components/GalleryNavComponent.html":{}}}],["transparent",{"_index":1125,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["trap",{"_index":1934,"title":{},"body":{"components/LightboxComponent.html":{}}}],["traps",{"_index":1947,"title":{},"body":{"components/LightboxComponent.html":{}}}],["tree",{"_index":175,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["trigger",{"_index":961,"title":{},"body":{"components/GalleryImageComponent.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{}}}],["trigger('fadein",{"_index":968,"title":{},"body":{"components/GalleryImageComponent.html":{}}}],["trigger('lightbox",{"_index":3423,"title":{},"body":{"miscellaneous/variables.html":{}}}],["triggering",{"_index":2705,"title":{},"body":{"changelog.html":{}}}],["true",{"_index":121,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/variables.html":{}}}],["try",{"_index":1599,"title":{},"body":{"directives/HammerSliding.html":{}}}],["tslib",{"_index":3250,"title":{},"body":{"dependencies.html":{}}}],["twitter/murhafsousli",{"_index":3300,"title":{},"body":{"index.html":{}}}],["type",{"_index":23,"title":{},"body":{"classes/ActiveItemObserver.html":{},"directives/AutoplayDirective.html":{},"interfaces/BezierEasingOptions.html":{},"components/CustomTemplateComponent.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"directives/GalleryBoxDef.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"interfaces/GalleryError.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItem.html":{},"components/GalleryItemComponent.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"interfaces/GalleryState.html":{},"interfaces/GalleryStateContext.html":{},"components/GalleryThumbComponent.html":{},"directives/GalleryThumbDef.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"classes/HorizontalAdapter.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"interfaces/LightboxConfig.html":{},"directives/LightboxDirective.html":{},"components/LightboxExampleComponent.html":{},"injectables/Pixabay.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"directives/ThumbResizeObserver.html":{},"classes/VerticalAdapter.html":{},"classes/VideoItem.html":{},"interfaces/WorkerState.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{},"miscellaneous/functions.html":{},"miscellaneous/typealiases.html":{},"miscellaneous/variables.html":{}}}],["typealiases",{"_index":3363,"title":{"miscellaneous/typealiases.html":{}},"body":{}}],["typeof",{"_index":1555,"title":{},"body":{"directives/HammerSliding.html":{},"components/LightboxComponent.html":{},"directives/SmoothScroll.html":{},"miscellaneous/variables.html":{}}}],["types",{"_index":1028,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["typings",{"_index":2529,"title":{},"body":{"changelog.html":{}}}],["typo",{"_index":2556,"title":{},"body":{"changelog.html":{}}}],["umd",{"_index":3127,"title":{},"body":{"changelog.html":{}}}],["unable",{"_index":920,"title":{},"body":{"components/GalleryImageComponent.html":{},"classes/GalleryRef.html":{},"changelog.html":{}}}],["undefined",{"_index":1556,"title":{},"body":{"directives/HammerSliding.html":{},"directives/SmoothScroll.html":{},"changelog.html":{}}}],["undisplayed",{"_index":2850,"title":{},"body":{"changelog.html":{}}}],["universal",{"_index":2784,"title":{},"body":{"changelog.html":{}}}],["unknown",{"_index":516,"title":{},"body":{"directives/GalleryBoxDef.html":{},"directives/GalleryImageDef.html":{},"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"interfaces/GalleryStateContext.html":{},"directives/GalleryThumbDef.html":{}}}],["unnecessary",{"_index":2904,"title":{},"body":{"changelog.html":{}}}],["unobserve",{"_index":2220,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["unplayable",{"_index":2572,"title":{},"body":{"changelog.html":{}}}],["unsafe",{"_index":2874,"title":{},"body":{"changelog.html":{}}}],["unset",{"_index":677,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GallerySliderComponent.html":{},"components/LightboxComponent.html":{}}}],["until",{"_index":1141,"title":{},"body":{"components/GalleryItemComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["untyped",{"_index":2912,"title":{},"body":{"changelog.html":{}}}],["up",{"_index":2296,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["update",{"_index":2209,"title":{},"body":{"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["update(core",{"_index":2858,"title":{},"body":{"changelog.html":{}}}],["updatecentralizecssvariables",{"_index":2144,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["updateslidersize",{"_index":2145,"title":{},"body":{"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["upgrade",{"_index":2551,"title":{},"body":{"changelog.html":{}}}],["upon",{"_index":1944,"title":{},"body":{"components/LightboxComponent.html":{}}}],["url",{"_index":431,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"injectables/Pixabay.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{}}}],["url(this.data.src",{"_index":1121,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["url.href",{"_index":1128,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["url.search",{"_index":1122,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["urls",{"_index":2758,"title":{},"body":{"changelog.html":{}}}],["urlsearchparams",{"_index":1123,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["usage",{"_index":2530,"title":{},"body":{"changelog.html":{}}}],["use",{"_index":379,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"changelog.html":{},"license.html":{},"miscellaneous/variables.html":{}}}],["used",{"_index":331,"title":{},"body":{"directives/GallerizeDirective.html":{},"components/GalleryItemComponent.html":{},"directives/ImgRecognizer.html":{},"changelog.html":{}}}],["user",{"_index":751,"title":{},"body":{"components/GalleryCounterComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{},"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"components/LightboxComponent.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{},"changelog.html":{}}}],["user_id",{"_index":1624,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["userimageurl",{"_index":1625,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["usevalue",{"_index":2835,"title":{},"body":{"changelog.html":{}}}],["using",{"_index":1413,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"directives/HammerSliding.html":{},"changelog.html":{}}}],["utils/gallery.default",{"_index":479,"title":{},"body":{"injectables/Gallery.html":{},"classes/GalleryRef.html":{}}}],["utils/img",{"_index":112,"title":{},"body":{"directives/AutoplayDirective.html":{},"components/GalleryImageComponent.html":{},"directives/SliderResizeObserver.html":{}}}],["utils/resize",{"_index":1806,"title":{},"body":{"directives/ItemIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/ThumbResizeObserver.html":{}}}],["v6",{"_index":2713,"title":{},"body":{"changelog.html":{}}}],["value",{"_index":329,"title":{},"body":{"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"injectables/ImgManager.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"injectables/Pixabay.html":{},"classes/SliderAdapter.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"interfaces/SliderState.html":{},"directives/SmoothScroll.html":{},"classes/VerticalAdapter.html":{},"interfaces/WorkerState.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{},"miscellaneous/variables.html":{}}}],["values",{"_index":2212,"title":{},"body":{"directives/SliderResizeObserver.html":{}}}],["var",{"_index":246,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["variable",{"_index":3147,"title":{},"body":{"coverage.html":{}}}],["variables",{"_index":381,"title":{"miscellaneous/variables.html":{}},"body":{"directives/GallerizeDirective.html":{},"components/GalleryCoreComponent.html":{},"directives/SliderResizeObserver.html":{},"miscellaneous/variables.html":{}}}],["velocity",{"_index":1592,"title":{},"body":{"directives/HammerSliding.html":{}}}],["versa",{"_index":2331,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["version",{"_index":2316,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["vertical",{"_index":586,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryExampleComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["verticaladapter",{"_index":1367,"title":{"classes/VerticalAdapter.html":{}},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{},"coverage.html":{}}}],["verticaladapter(this.slider",{"_index":1382,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["vice",{"_index":2330,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["video",{"_index":1057,"title":{},"body":{"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryVideoComponent.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["video'},{'name",{"_index":273,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryExampleComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"components/LightboxComponent.html":{},"components/LightboxExampleComponent.html":{}}}],["video.component",{"_index":1096,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["video.component.ts",{"_index":1467,"title":{},"body":{"components/GalleryVideoComponent.html":{},"coverage.html":{}}}],["video.component.ts:30",{"_index":1494,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:32",{"_index":1489,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:33",{"_index":1487,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:34",{"_index":1484,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:35",{"_index":1483,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:36",{"_index":1476,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:37",{"_index":1480,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:38",{"_index":1482,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:39",{"_index":1481,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:41",{"_index":1485,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:50",{"_index":1486,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:60",{"_index":1490,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:62",{"_index":1493,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.component.ts:64",{"_index":1491,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.pause",{"_index":1501,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.paused",{"_index":1500,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.play",{"_index":1504,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["video.poster",{"_index":3041,"title":{},"body":{"changelog.html":{}}}],["video.thumb",{"_index":3040,"title":{},"body":{"changelog.html":{}}}],["video/mp4",{"_index":2941,"title":{},"body":{"changelog.html":{}}}],["video/ogg",{"_index":2942,"title":{},"body":{"changelog.html":{}}}],["videodata",{"_index":1042,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["videoitem",{"_index":1269,"title":{"classes/VideoItem.html":{}},"body":{"classes/GalleryRef.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{}}}],["videoitem(data",{"_index":1297,"title":{},"body":{"classes/GalleryRef.html":{}}}],["videoitem(video.src",{"_index":3039,"title":{},"body":{"changelog.html":{}}}],["videoitemdata",{"_index":1099,"title":{},"body":{"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/typealiases.html":{}}}],["videos",{"_index":2571,"title":{},"body":{"changelog.html":{}}}],["videosources",{"_index":1468,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["videosrc",{"_index":882,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["view",{"_index":1451,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["viewchild",{"_index":901,"title":{},"body":{"components/GalleryIframeComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{}}}],["viewchild('iframe",{"_index":894,"title":{},"body":{"components/GalleryIframeComponent.html":{}}}],["viewchild('slider",{"_index":1360,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["viewchild('video",{"_index":1492,"title":{},"body":{"components/GalleryVideoComponent.html":{}}}],["viewchildren",{"_index":1364,"title":{},"body":{"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["viewchildren(galleryitemcomponent",{"_index":1354,"title":{},"body":{"components/GallerySliderComponent.html":{}}}],["viewchildren(gallerythumbcomponent",{"_index":1445,"title":{},"body":{"components/GalleryThumbsComponent.html":{}}}],["viewitem",{"_index":3038,"title":{},"body":{"changelog.html":{}}}],["viewport",{"_index":1663,"title":{},"body":{"classes/HorizontalAdapter.html":{},"directives/ItemIntersectionObserver.html":{},"classes/SliderAdapter.html":{},"directives/SliderResizeObserver.html":{},"classes/VerticalAdapter.html":{}}}],["viewport.clientheight",{"_index":1706,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["viewport.clientwidth",{"_index":1688,"title":{},"body":{"classes/HorizontalAdapter.html":{},"classes/VerticalAdapter.html":{}}}],["views",{"_index":1626,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["visibility",{"_index":708,"title":{},"body":{"components/GalleryCoreComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["void",{"_index":97,"title":{},"body":{"directives/AutoplayDirective.html":{},"directives/GallerizeDirective.html":{},"injectables/Gallery.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryIframeComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"classes/GalleryRef.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/GalleryVideoComponent.html":{},"directives/HammerSliding.html":{},"interfaces/ImageRegistry.html":{},"injectables/ImgManager.html":{},"directives/ImgRecognizer.html":{},"directives/ItemIntersectionObserver.html":{},"injectables/Lightbox.html":{},"components/LightboxComponent.html":{},"directives/LightboxDirective.html":{},"directives/SliderIntersectionObserver.html":{},"directives/SliderResizeObserver.html":{},"directives/SmoothScroll.html":{},"directives/ThumbResizeObserver.html":{},"miscellaneous/variables.html":{}}}],["wait",{"_index":1996,"title":{},"body":{"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["warning",{"_index":3111,"title":{},"body":{"changelog.html":{}}}],["warranties",{"_index":3341,"title":{},"body":{"license.html":{}}}],["warranty",{"_index":3337,"title":{},"body":{"license.html":{}}}],["web",{"_index":3289,"title":{},"body":{"index.html":{}}}],["webformatheight",{"_index":1627,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["webformaturl",{"_index":1628,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["webformatwidth",{"_index":1629,"title":{},"body":{"interfaces/Hit.html":{},"interfaces/Hit2.html":{},"interfaces/PixabayHDModel.html":{},"interfaces/PixabayModel.html":{}}}],["webkit",{"_index":1138,"title":{},"body":{"components/GalleryItemComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{}}}],["website/safari",{"_index":2506,"title":{},"body":{"changelog.html":{}}}],["weight",{"_index":749,"title":{},"body":{"components/GalleryCounterComponent.html":{}}}],["well",{"_index":2513,"title":{},"body":{"changelog.html":{}}}],["wheel",{"_index":2409,"title":{},"body":{"directives/SmoothScroll.html":{}}}],["whenever",{"_index":1940,"title":{},"body":{"components/LightboxComponent.html":{}}}],["whether",{"_index":3353,"title":{},"body":{"license.html":{}}}],["white",{"_index":732,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryThumbComponent.html":{}}}],["width",{"_index":202,"title":{},"body":{"components/CustomTemplateComponent.html":{},"components/GalleryCoreComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GallerySliderComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"directives/SliderResizeObserver.html":{},"changelog.html":{}}}],["wiki",{"_index":2533,"title":{},"body":{"changelog.html":{},"index.html":{}}}],["window",{"_index":2360,"title":{},"body":{"directives/SmoothScroll.html":{},"changelog.html":{}}}],["withconfig",{"_index":2544,"title":{},"body":{"changelog.html":{}}}],["withconfig(config",{"_index":2818,"title":{},"body":{"changelog.html":{}}}],["within",{"_index":1147,"title":{},"body":{"interfaces/GalleryItemContext.html":{},"directives/GalleryItemDef.html":{},"components/LightboxComponent.html":{}}}],["without",{"_index":2514,"title":{},"body":{"changelog.html":{},"license.html":{}}}],["wmode",{"_index":1124,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["won't",{"_index":3042,"title":{},"body":{"changelog.html":{}}}],["work",{"_index":2507,"title":{},"body":{"changelog.html":{}}}],["workerstate",{"_index":2259,"title":{"interfaces/WorkerState.html":{}},"body":{"interfaces/SliderState.html":{},"interfaces/WorkerState.html":{},"coverage.html":{}}}],["working",{"_index":2759,"title":{},"body":{"changelog.html":{}}}],["works",{"_index":2512,"title":{},"body":{"changelog.html":{}}}],["write",{"_index":799,"title":{},"body":{"components/GalleryExampleComponent.html":{}}}],["written",{"_index":3077,"title":{},"body":{"changelog.html":{}}}],["wrong",{"_index":2982,"title":{},"body":{"changelog.html":{}}}],["x",{"_index":165,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"components/GalleryCoreComponent.html":{},"classes/HorizontalAdapter.html":{},"directives/ItemIntersectionObserver.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"classes/VerticalAdapter.html":{},"miscellaneous/functions.html":{}}}],["x1",{"_index":146,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"components/GalleryExampleComponent.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"miscellaneous/variables.html":{}}}],["x2",{"_index":147,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"components/GalleryExampleComponent.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"miscellaneous/variables.html":{}}}],["y",{"_index":166,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"components/GalleryCoreComponent.html":{},"classes/HorizontalAdapter.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"classes/VerticalAdapter.html":{}}}],["y1",{"_index":148,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"components/GalleryExampleComponent.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"miscellaneous/variables.html":{}}}],["y2",{"_index":149,"title":{},"body":{"interfaces/BezierEasingOptions.html":{},"components/GalleryExampleComponent.html":{},"directives/SmoothScroll.html":{},"interfaces/SmoothScrollOptions.html":{},"interfaces/SmoothScrollStep.html":{},"miscellaneous/variables.html":{}}}],["yes",{"_index":471,"title":{},"body":{"injectables/Gallery.html":{},"classes/GalleryRef.html":{},"injectables/Lightbox.html":{},"miscellaneous/functions.html":{}}}],["youtube",{"_index":1058,"title":{},"body":{"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"components/GalleryThumbComponent.html":{},"changelog.html":{},"miscellaneous/enumerations.html":{}}}],["youtubeitem",{"_index":1270,"title":{"classes/YoutubeItem.html":{}},"body":{"classes/GalleryRef.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"changelog.html":{},"coverage.html":{}}}],["youtubeitem(data",{"_index":1299,"title":{},"body":{"classes/GalleryRef.html":{}}}],["youtubeitemdata",{"_index":1100,"title":{},"body":{"components/GalleryItemComponent.html":{},"classes/GalleryRef.html":{},"classes/IframeItem.html":{},"classes/ImageItem.html":{},"classes/VideoItem.html":{},"classes/YoutubeItem.html":{},"miscellaneous/typealiases.html":{}}}],["youtubeitemdata).autoplay",{"_index":1120,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["youtubeitemdata).params",{"_index":1126,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["youtubesrc",{"_index":1040,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["z",{"_index":701,"title":{},"body":{"components/GalleryCoreComponent.html":{},"components/GalleryCounterComponent.html":{},"components/GalleryDotsComponent.html":{},"components/GalleryImageComponent.html":{},"components/GalleryItemComponent.html":{},"components/GalleryNavComponent.html":{},"components/GalleryThumbComponent.html":{},"components/GalleryThumbsComponent.html":{},"components/LightboxComponent.html":{},"miscellaneous/variables.html":{}}}],["zero",{"_index":1140,"title":{},"body":{"components/GalleryItemComponent.html":{}}}],["zone",{"_index":2853,"title":{},"body":{"changelog.html":{}}}],["zone.js",{"_index":3252,"title":{},"body":{"dependencies.html":{}}}],["zoom",{"_index":1156,"title":{},"body":{"modules/GalleryModule.html":{},"modules/LightboxModule.html":{},"overview.html":{}}}],["zoomout",{"_index":2654,"title":{},"body":{"changelog.html":{}}}]],"pipeline":["stemmer"]},
-    "store": {"classes/ActiveItemObserver.html":{"url":"classes/ActiveItemObserver.html","title":"class - ActiveItemObserver","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n  Classes\n  ActiveItemObserver\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/observers/active-item-observer.ts\n        \n\n\n\n\n\n\n            \n    Index\n    \n        \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                observe\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        observe\n                        \n                    \n                \n            \n            \n                \nobserve(root: HTMLElement, elements: HTMLElement[], rootMargin: string)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/active-item-observer.ts:5\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    root\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    elements\n                                    \n                                            HTMLElement[]\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    rootMargin\n                                    \n                                                string\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :     Observable\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n\n\n\n\n\n    \n\n\n    \n        import { Observable, Subscriber, mergeMap, filter, map } from 'rxjs';\n\nexport class ActiveItemObserver {\n\n  observe(root: HTMLElement, elements: HTMLElement[], rootMargin: string): Observable {\n    return createIntersectionObserver(root, elements, rootMargin).pipe(\n      map((entry: IntersectionObserverEntry) => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('g-item-highlight');\n          return +entry.target.getAttribute('galleryIndex');\n        } else {\n          entry.target.classList.remove('g-item-highlight');\n          return -1;\n        }\n      }),\n      filter((index: number) => index !== -1)\n    );\n  }\n}\n\nfunction createIntersectionObserver(root: HTMLElement, elements: HTMLElement[], rootMargin: string): Observable {\n  return new Observable((observer: Subscriber) => {\n    const intersectionObserver: IntersectionObserver = new IntersectionObserver(\n      (entries: IntersectionObserverEntry[]) => observer.next(entries),\n      {\n        root,\n        rootMargin,\n        threshold: 1\n      }\n    );\n    elements.forEach((element: HTMLElement) => intersectionObserver.observe(element));\n    return () => {\n      elements.forEach((element: HTMLElement) => intersectionObserver.unobserve(element));\n      intersectionObserver.disconnect();\n    };\n  }).pipe(\n    mergeMap((entries: IntersectionObserverEntry[]) => entries)\n  );\n}\n\n\n    \n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/AutoplayDirective.html":{"url":"directives/AutoplayDirective.html","title":"directive - AutoplayDirective","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  AutoplayDirective\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts\n        \n\n\n\n            \n                Implements\n            \n            \n                            OnInit\n                            OnChanges\n                            OnDestroy\n            \n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        gallery-core[autoplay]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _currentSubscription\n                            \n                            \n                                    Private\n                                _galleryRef\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _subscribe\n                            \n                            \n                                    Private\n                                _unsubscribe\n                            \n                            \n                                ngOnChanges\n                            \n                            \n                                ngOnDestroy\n                            \n                            \n                                ngOnInit\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                config\n                            \n                            \n                                galleryId\n                            \n                        \n                    \n                \n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(_gallery: Gallery, _imgManager: ImgManager)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:21\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _gallery\n                                                  \n                                                        \n                                                                        Gallery\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _imgManager\n                                                  \n                                                        \n                                                                        ImgManager\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    Inputs\n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:19\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        galleryId\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:21\n                            \n                        \n            \n        \n\n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _subscribe\n                        \n                    \n                \n            \n            \n                \n                    \n                    _subscribe()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:42\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _unsubscribe\n                        \n                    \n                \n            \n            \n                \n                    \n                    _unsubscribe()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:60\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnChanges\n                        \n                    \n                \n            \n            \n                \nngOnChanges()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:31\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnDestroy\n                        \n                    \n                \n            \n            \n                \nngOnDestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:37\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnInit\n                        \n                    \n                \n            \n            \n                \nngOnInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:26\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _currentSubscription\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subscription\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:15\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _galleryRef\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GalleryRef\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts:17\n                        \n                    \n\n\n        \n    \n\n\n\n    \n\n\n    \n        import { Directive, Input, OnInit, OnChanges, OnDestroy } from '@angular/core';\nimport { Subscription, delay, of, switchMap, tap, EMPTY } from 'rxjs';\nimport { ImgManager } from '../utils/img-manager';\nimport { Gallery } from '../services/gallery.service';\nimport { GalleryRef } from '../services/gallery-ref';\nimport { GalleryState } from '../models/gallery.model';\nimport { GalleryConfig } from '../models/config.model';\n\n@Directive({\n  selector: 'gallery-core[autoplay]',\n  standalone: true\n})\nexport class AutoplayDirective implements OnInit, OnChanges, OnDestroy {\n\n  private _currentSubscription: Subscription;\n\n  private _galleryRef: GalleryRef;\n\n  @Input() config: GalleryConfig;\n\n  @Input() galleryId: string;\n\n  constructor(private _gallery: Gallery, private _imgManager: ImgManager) {\n  }\n\n  ngOnInit(): void {\n    this._galleryRef = this._gallery.ref(this.galleryId);\n    this._subscribe();\n  }\n\n  ngOnChanges(): void {\n    if (this._galleryRef) {\n      this.config.autoplay ? this._galleryRef.play() : this._galleryRef.stop();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this._unsubscribe();\n  }\n\n\n  private _subscribe(): void {\n    this._unsubscribe();\n\n    this._currentSubscription = this._galleryRef.playingChanged.pipe(\n      switchMap((state: GalleryState) => {\n        if(state.isPlaying) {\n          return this._imgManager.getActiveItem(this._galleryRef.state).pipe(\n            switchMap(() => of({}).pipe(\n              delay(this.config.playerInterval),\n              tap(() => this._galleryRef.next(this.config.scrollBehavior))\n            ))\n          );\n        }\n        return EMPTY;\n      })\n    ).subscribe();\n  }\n\n  private _unsubscribe(): void {\n    this._currentSubscription?.unsubscribe();\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/BezierEasingOptions.html":{"url":"interfaces/BezierEasingOptions.html","title":"interface - BezierEasingOptions","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  BezierEasingOptions\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                        \n                                            x1\n                                        \n                                \n                                \n                                        \n                                            x2\n                                        \n                                \n                                \n                                        \n                                            y1\n                                        \n                                \n                                \n                                        \n                                            y2\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        x1\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        x1:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        x2\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        x2:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        y1\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        y1:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        y2\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        y2:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        import { InjectionToken } from '@angular/core';\nimport { _XAxis, _YAxis } from '@angular/cdk/scrolling';\n\nexport const SMOOTH_SCROLL_OPTIONS: InjectionToken = new InjectionToken('SMOOTH_SCROLL_OPTIONS');\n\nexport type SmoothScrollToOptions = _XAxis & _YAxis & SmoothScrollOptions;\n\nexport interface SmoothScrollOptions {\n  duration?: number;\n  easing?: BezierEasingOptions;\n}\n\nexport interface SmoothScrollStep {\n  scrollable: HTMLElement;\n  startTime: number;\n  startX: number;\n  startY: number;\n  x: number;\n  y: number;\n  duration: number;\n  easing: (k: number) => number;\n  currentX?: number;\n  currentY?: number;\n}\n\nexport interface BezierEasingOptions {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/CustomTemplateComponent.html":{"url":"components/CustomTemplateComponent.html","title":"component - CustomTemplateComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  CustomTemplateComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts\n\n\n\n    \n        Description\n    \n    \n        This section demonstrate how to extend the image template, like displaying a text over the image item\n\n    \n\n\n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                custom-templates-example\n            \n\n\n            \n                styles\n                \n    .item-text {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      margin: 3em auto 0;\n      width: 100%;\n      max-width: 500px;\n      padding: 20px 25px;\n      text-align: justify;\n      letter-spacing: 1px;\n      filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));\n      background: #ffffffd9;\n      color: black;\n      border-radius: 8px;\n    }\n  \n            \n\n            \n                template\n                \n  \n    \n      {{ item?.alt }}\n    \n  \n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Readonly\n                                items$\n                            \n                        \n                    \n                \n\n\n\n\n\n\n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(pixabay: Pixabay)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts:45\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        pixabay\n                                                  \n                                                        \n                                                                        Pixabay\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n\n\n\n\n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        items$\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Observable\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts:45\n                        \n                    \n\n\n        \n    \n\n\n\n\n\n    \n        import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GalleryModule, GalleryItem, } from 'ng-gallery';\nimport { Observable } from 'rxjs';\nimport { Pixabay } from '../pixabay/pixabay.service';\n\n/**\n * This section demonstrate how to extend the image template, like displaying a text over the image item\n */\n@Component({\n  selector: 'custom-templates-example',\n  template: `\n    \n      \n        \n          {{ item?.alt }}\n        \n      \n    \n  `,\n  styles: [`\n    .item-text {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      margin: 3em auto 0;\n      width: 100%;\n      max-width: 500px;\n      padding: 20px 25px;\n      text-align: justify;\n      letter-spacing: 1px;\n      filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));\n      background: #ffffffd9;\n      color: black;\n      border-radius: 8px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [CommonModule, GalleryModule]\n})\nexport class CustomTemplateComponent {\n\n  readonly items$: Observable;\n\n  constructor(pixabay: Pixabay) {\n    this.items$ = pixabay.getHDImages('massages');\n  }\n}\n\n    \n\n\n    \n            \n    .item-text {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      margin: 3em auto 0;\n      width: 100%;\n      max-width: 500px;\n      padding: 20px 25px;\n      text-align: justify;\n      letter-spacing: 1px;\n      filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));\n      background: #ffffffd9;\n      color: black;\n      border-radius: 8px;\n    }\n  \n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '            {{ item?.alt }}      '\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'CustomTemplateComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/GallerizeDirective.html":{"url":"directives/GallerizeDirective.html","title":"directive - GallerizeDirective","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  GallerizeDirective\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/lightbox/src/gallerize.directive.ts\n        \n\n\n\n            \n                Implements\n            \n            \n                            OnInit\n                            OnDestroy\n            \n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [gallerize]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _detector$\n                            \n                            \n                                    Private\n                                _galleryId\n                            \n                            \n                                    Private\n                                _itemChange$\n                            \n                            \n                                    Private\n                                _itemClick$\n                            \n                            \n                                    Private\n                                    Readonly\n                                _mode\n                            \n                            \n                                    Private\n                                _observer$\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                detectorMode\n                            \n                            \n                                    Private\n                                galleryMode\n                            \n                            \n                                ngOnDestroy\n                            \n                            \n                                ngOnInit\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                gallerize\n                            \n                            \n                                selector\n                            \n                        \n                    \n                \n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(_zone: NgZone, _el: ElementRef, _gallery: Gallery, _lightbox: Lightbox, _document: any, _galleryCmp: GalleryComponent)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:62\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _zone\n                                                  \n                                                        \n                                                                        NgZone\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _el\n                                                  \n                                                        \n                                                                        ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _gallery\n                                                  \n                                                        \n                                                                        Gallery\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _lightbox\n                                                  \n                                                        \n                                                                        Lightbox\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _document\n                                                  \n                                                        \n                                                                        any\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _galleryCmp\n                                                  \n                                                        \n                                                                        GalleryComponent\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    Inputs\n        \n            \n                \n                    \n                        \n                        gallerize\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:59\n                            \n                        \n                \n                    \n                        If set, it will become the gallery id\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        selector\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                \n                    \n                        Default value : 'img'\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:62\n                            \n                        \n                \n                    \n                        The selector used to query images elements\n\n                    \n                \n            \n        \n\n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        detectorMode\n                        \n                    \n                \n            \n            \n                \n                    \n                    detectorMode(galleryRef: GalleryRef)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:112\n                \n            \n\n\n            \n                \n                    Detector mode: means gallerize directive is used on a normal HTMLElement\n Detects images and adds a click event to each image, so it opens in the lightbox\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    galleryRef\n                                    \n                                                GalleryRef\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        galleryMode\n                        \n                    \n                \n            \n            \n                \n                    \n                    galleryMode(galleryRef: GalleryRef)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:104\n                \n            \n\n\n            \n                \n                    Gallery mode: means gallerize directive is used on  component\nAdds a click event to each gallery item so it opens in lightbox\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    galleryRef\n                                    \n                                                GalleryRef\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnDestroy\n                        \n                    \n                \n            \n            \n                \nngOnDestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:90\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnInit\n                        \n                    \n                \n            \n            \n                \nngOnInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:75\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _detector$\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subject\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:48\n                        \n                    \n\n            \n                \n                    Stream that emits when image is discover\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _galleryId\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                \n                    \n                        Default value : 'lightbox'\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:37\n                        \n                    \n\n            \n                \n                    Default gallery id\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _itemChange$\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subscription\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:54\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _itemClick$\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subscription\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:53\n                        \n                    \n\n            \n                \n                    Gallery events (if used on a gallery component)\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        _mode\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GallerizeMode\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:40\n                        \n                    \n\n            \n                \n                    Gallerize mode\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _observer$\n                        \n                    \n                \n            \n                \n                    \n                        Type :     MutationObserver\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/gallerize.directive.ts:45\n                        \n                    \n\n            \n                \n                    Stream that emits to fire the detection stream the image elements has changed\n\n                \n            \n\n        \n    \n\n\n\n    \n\n\n    \n        import {\n  Directive,\n  Input,\n  OnInit,\n  OnDestroy,\n  Inject,\n  Optional,\n  Self,\n  Host,\n  NgZone,\n  ElementRef,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { Gallery, GalleryRef, ImageItem, GalleryComponent, GalleryState, GalleryItem } from 'ng-gallery';\nimport { Subject, Subscription, from, tap, map, switchMap, finalize, debounceTime, EMPTY } from 'rxjs';\n\nimport { Lightbox } from './lightbox.service';\n\n/**\n * This directive has 2 modes:\n * 1 - If host element is a HTMLElement, it detects the images and hooks their clicks to lightbox\n * 2 - If host element is a GalleryComponent, it hooks the images click to the lightbox\n */\n\nconst enum GallerizeMode {\n  Detector = 'detector',\n  Gallery = 'gallery'\n}\n\n@Directive({\n  selector: '[gallerize]',\n  standalone: true\n})\nexport class GallerizeDirective implements OnInit, OnDestroy {\n\n  /** Default gallery id */\n  private _galleryId: string = 'lightbox';\n\n  /** Gallerize mode */\n  private readonly _mode: GallerizeMode;\n\n  /** If host element is a HTMLElement, will use the following variables: */\n\n  /** Stream that emits to fire the detection stream the image elements has changed */\n  private _observer$: MutationObserver;\n\n  /** Stream that emits when image is discover */\n  private _detector$: Subject;\n\n  /** If host element is a GalleryComponent, will use the following variables: */\n\n  /** Gallery events (if used on a gallery component) */\n  private _itemClick$: Subscription;\n  private _itemChange$: Subscription;\n\n  // ======================================================\n\n  /** If set, it will become the gallery id */\n  @Input() gallerize: string;\n\n  /** The selector used to query images elements */\n  @Input() selector: string = 'img';\n\n  constructor(private _zone: NgZone,\n              private _el: ElementRef,\n              private _gallery: Gallery,\n              private _lightbox: Lightbox,\n              @Inject(DOCUMENT) private _document: any,\n              @Host() @Self() @Optional() private _galleryCmp: GalleryComponent) {\n\n    // Set gallerize mode\n    this._mode = _galleryCmp ? GallerizeMode.Gallery : GallerizeMode.Detector;\n  }\n\n  ngOnInit(): void {\n    this._zone.runOutsideAngular(() => {\n      this._galleryId = this.gallerize || this._galleryId;\n      const ref: GalleryRef = this._gallery.ref(this._galleryId);\n\n      switch (this._mode) {\n        case GallerizeMode.Detector:\n          this.detectorMode(ref);\n          break;\n        case GallerizeMode.Gallery:\n          this.galleryMode(ref);\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    switch (this._mode) {\n      case GallerizeMode.Detector:\n        this._detector$.complete();\n        this._observer$.disconnect();\n        break;\n      case GallerizeMode.Gallery:\n        this._itemClick$.unsubscribe();\n        this._itemChange$.unsubscribe();\n    }\n  }\n\n  /** Gallery mode: means `gallerize` directive is used on `` component\n   * Adds a click event to each gallery item so it opens in lightbox */\n  private galleryMode(galleryRef: GalleryRef): void {\n    // Clone its items to the new gallery instance\n    this._itemClick$ = this._galleryCmp.galleryRef.itemClick.subscribe((i: number) => this._lightbox.open(i, this._galleryId));\n    this._itemChange$ = this._galleryCmp.galleryRef.itemsChanged.subscribe((state: GalleryState) => galleryRef.load(state.items));\n  }\n\n  /** Detector mode: means `gallerize` directive is used on a normal HTMLElement\n   *  Detects images and adds a click event to each image, so it opens in the lightbox */\n  private detectorMode(galleryRef: GalleryRef): void {\n    this._detector$ = new Subject();\n    // Query image elements\n    this._detector$.pipe(\n      debounceTime(300),\n      switchMap(() => {\n\n        /** get all img elements from content */\n        const imageElements = this._el.nativeElement.querySelectorAll(this.selector);\n\n        if (imageElements && imageElements.length) {\n\n          const images: GalleryItem[] = [];\n\n          return from(imageElements).pipe(\n            map((el: HTMLElement, i: number) => {\n              // Add click event to the image\n              el.style.cursor = 'pointer';\n              el.addEventListener('click', () => {\n                this._zone.run(() => this._lightbox.open(i, this._galleryId));\n              });\n\n              if (el instanceof HTMLImageElement) {\n                // If element is type of img use the src property\n                return {\n                  src: el.getAttribute('imageSrc') || el.src,\n                  thumb: el.getAttribute('thumbSrc') || el.src\n                };\n              } else {\n                // Otherwise, use element background-image url\n                const elStyle = this._document.defaultView.getComputedStyle(el, null);\n                const background = elStyle.backgroundImage.slice(4, -1).replace(/\"/g, '');\n                return {\n                  src: el.getAttribute('imageSrc') || background,\n                  thumb: el.getAttribute('thumbSrc') || background\n                };\n              }\n            }),\n            tap((data: any) => images.push(new ImageItem(data))),\n            finalize(() => galleryRef.load(images))\n          );\n        } else {\n          return EMPTY;\n        }\n      })\n    ).subscribe();\n\n    // Observe content changes\n    this._observer$ = new MutationObserver(() => this._detector$.next());\n    this._observer$.observe(this._el.nativeElement, { childList: true, subtree: true });\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"injectables/Gallery.html":{"url":"injectables/Gallery.html","title":"injectable - Gallery","body":"\n                   \n\n\n\n\n\n\n\n\n\n  Injectables\n  Gallery\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/services/gallery.service.ts\n        \n\n\n\n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                    Readonly\n                                _instances\n                            \n                            \n                                config\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                debugConsole\n                            \n                            \n                                    Private\n                                deleteInstance\n                            \n                            \n                                destroyAll\n                            \n                            \n                                ref\n                            \n                            \n                                resetAll\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(config: GalleryConfig)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/services/gallery.service.ts:16\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        config\n                                                  \n                                                        \n                                                                        GalleryConfig\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        debugConsole\n                        \n                    \n                \n            \n            \n                \ndebugConsole(...data: any[])\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery.service.ts:56\n                \n            \n\n\n            \n                \n                    Logger for debugging\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    data\n                                    \n                                            any[]\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        deleteInstance\n                        \n                    \n                \n            \n            \n                \n                    \n                    deleteInstance(id: string)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery.service.ts:65\n                \n            \n\n\n            \n                \n                    A destroyer function for each gallery instance\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    id\n                                    \n                                                string\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :     () => void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        destroyAll\n                        \n                    \n                \n            \n            \n                \ndestroyAll()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery.service.ts:42\n                \n            \n\n\n            \n                \n                    Destroy all gallery instances\n\n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ref\n                        \n                    \n                \n            \n            \n                \nref(id: string, config?: GalleryConfig)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery.service.ts:27\n                \n            \n\n\n            \n                \n                    Get or create gallery by ID\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                    Default value\n                                \n                            \n                            \n                                \n                                    id\n                                    \n                                                string\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                        'root'\n                                    \n\n                                \n                                \n                                    config\n                                    \n                                                GalleryConfig\n                                    \n\n                                    \n                                        Yes\n                                    \n\n                                    \n                                    \n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         GalleryRef\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        resetAll\n                        \n                    \n                \n            \n            \n                \nresetAll()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery.service.ts:49\n                \n            \n\n\n            \n                \n                    Reset all gallery instances\n\n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        _instances\n                        \n                    \n                \n            \n                \n                    \n                        Default value : new Map()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/services/gallery.service.ts:13\n                        \n                    \n\n            \n                \n                    Store gallery instances\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        config\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/services/gallery.service.ts:16\n                        \n                    \n\n            \n                \n                    Global config\n\n                \n            \n\n        \n    \n\n\n    \n\n\n    \n        import { Inject, Injectable, Optional } from '@angular/core';\n\nimport { GalleryRef } from './gallery-ref';\nimport { GalleryConfig, GALLERY_CONFIG } from '../models/config.model';\nimport { defaultConfig } from '../utils/gallery.default';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class Gallery {\n\n  /** Store gallery instances */\n  private readonly _instances = new Map();\n\n  /** Global config */\n  config: GalleryConfig;\n\n  constructor(@Optional() @Inject(GALLERY_CONFIG) config: GalleryConfig) {\n    this.config = config ? { ...defaultConfig, ...config } : defaultConfig;\n  }\n\n  /**\n   * Get or create gallery by ID\n   * @param id\n   * @param config\n   */\n  ref(id = 'root', config?: GalleryConfig): GalleryRef {\n    if (this._instances.has(id)) {\n      const galleryRef = this._instances.get(id);\n      if (config) {\n        galleryRef.setConfig({ ...this.config, ...config });\n      }\n      return galleryRef;\n    } else {\n      return this._instances.set(id, new GalleryRef({ ...this.config, ...config }, this.deleteInstance(id))).get(id);\n    }\n  }\n\n  /**\n   * Destroy all gallery instances\n   */\n  destroyAll() {\n    this._instances.forEach((ref: GalleryRef) => ref.destroy());\n  }\n\n  /**\n   * Reset all gallery instances\n   */\n  resetAll() {\n    this._instances.forEach((ref: GalleryRef) => ref.reset());\n  }\n\n  /**\n   * Logger for debugging\n   */\n  debugConsole(...data: any[]): void {\n    if (this.config.debug) {\n      console.log(...data)\n    }\n  }\n\n  /**\n   * A destroyer function for each gallery instance\n   */\n  private deleteInstance(id: string) {\n    return () => {\n      if (this._instances.has(id)) {\n        this._instances.delete(id);\n      }\n    };\n  }\n\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/GalleryBoxDef.html":{"url":"directives/GalleryBoxDef.html","title":"directive - GalleryBoxDef","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  GalleryBoxDef\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts\n        \n\n\n\n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [galleryBoxDef]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Public\n                                templateRef\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Static\n                                ngTemplateContextGuard\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(templateRef: TemplateRef)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts:10\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        templateRef\n                                                  \n                                                        \n                                                                        TemplateRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n\n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Static\n                        ngTemplateContextGuard\n                        \n                    \n                \n            \n            \n                \n                    \n                    ngTemplateContextGuard(directive: GalleryBoxDef, context)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts:17\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    directive\n                                    \n                                                GalleryBoxDef\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    context\n                                    \n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         GalleryStateContext\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Public\n                        templateRef\n                        \n                    \n                \n            \n                \n                    \n                        Type :         TemplateRef\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts:12\n                        \n                    \n\n\n        \n    \n\n\n\n    \n\n\n    \n        import { Directive, TemplateRef } from '@angular/core';\nimport { GalleryState } from '../models/gallery.model';\nimport { GalleryConfig } from '../models/config.model';\n\n\n@Directive({\n  standalone: true,\n  selector: '[galleryBoxDef]'\n})\nexport class GalleryBoxDef {\n\n  constructor(public templateRef: TemplateRef) {\n  }\n\n  // Make sure the template checker knows the type of the context with which the\n  // template of this directive will be rendered\n  static ngTemplateContextGuard(\n    directive: GalleryBoxDef,\n    context: unknown\n  ): context is GalleryStateContext {\n    return true;\n  }\n}\n\nexport interface GalleryStateContext {\n  state?: GalleryState;\n  config?: GalleryConfig;\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryCoreComponent.html":{"url":"components/GalleryCoreComponent.html","title":"component - GalleryCoreComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryCoreComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/gallery-core.component.ts\n\n\n\n\n\n    \n        Implements\n    \n    \n                    OnChanges\n    \n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-core\n            \n\n            \n                styleUrls\n                ./gallery-core.scss,../styles/debug.scss\n            \n\n\n            \n                template\n                \n\n\n\n  \n\n     1\"\n                 [state]=\"state\"\n                 [config]=\"config\"\n                 [galleryId]=\"galleryId\">\n    \n\n  \n\n  \n  \n\n  \n  \n\n  \n    \n  \n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                ngOnChanges\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                config\n                            \n                            \n                                galleryId\n                            \n                            \n                                state\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                error\n                            \n                            \n                                itemClick\n                            \n                            \n                                thumbClick\n                            \n                        \n                    \n                \n\n                \n                    \n                        HostBindings\n                    \n                \n                \n                    \n                        \n                            \n                                attr.autoHeight\n                            \n                            \n                                attr.counterPosition\n                            \n                            \n                                attr.debug\n                            \n                            \n                                attr.disableThumb\n                            \n                            \n                                attr.bulletsPosition\n                            \n                            \n                                attr.imageSize\n                            \n                            \n                                attr.itemAutosize\n                            \n                            \n                                attr.slidingDirection\n                            \n                            \n                                attr.slidingDisabled\n                            \n                            \n                                attr.thumbAutosize\n                            \n                            \n                                attr.thumbImageSize\n                            \n                            \n                                attr.thumbPosition\n                            \n                            \n                                attr.thumbSlidingDisabled\n                            \n                        \n                    \n                \n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    thumbPosition\n                                \n                                \n                                    slidingDirection\n                                \n                                \n                                    disableThumb\n                                \n                                \n                                    imageSize\n                                \n                                \n                                    thumbImageSize\n                                \n                                \n                                    bulletsPosition\n                                \n                                \n                                    counterPosition\n                                \n                                \n                                    slidingDisabled\n                                \n                                \n                                    thumbSlidingDisabled\n                                \n                                \n                                    itemAutosize\n                                \n                                \n                                    autoHeight\n                                \n                                \n                                    thumbAutosize\n                                \n                                \n                                    debug\n                                \n                            \n                        \n                    \n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(el: ElementRef)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:140\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        el\n                                                  \n                                                        \n                                                                    ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:73\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        galleryId\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:71\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        state\n                    \n                \n                \n                    \n                        Type :         GalleryState\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:72\n                            \n                        \n            \n        \n\n    \n    Outputs\n        \n            \n                \n                    \n                        \n                        error\n                    \n                \n                \n                    \n                        Type :         EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:76\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        itemClick\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:74\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbClick\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:75\n                            \n                        \n            \n        \n\n    \n    HostBindings    \n        \n            \n                \n                    \n                    \n                        attr.autoHeight\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:128\n                        \n                    \n\n            \n                \n                    Set gallery slider autoHeight style\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.counterPosition\n                        \n                    \n                \n            \n                \n                    \n                        Type :     \"top\" | \"bottom\"\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:108\n                        \n                    \n\n            \n                \n                    Set gallery counter position\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.debug\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:138\n                        \n                    \n\n            \n                \n                    Set debug style\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.disableThumb\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:89\n                        \n                    \n\n            \n                \n                    Disable thumbnails clicks\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.bulletsPosition\n                        \n                    \n                \n            \n                \n                    \n                        Type :     \"top\" | \"bottom\"\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:103\n                        \n                    \n\n            \n                \n                    Set gallery dots position\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.imageSize\n                        \n                    \n                \n            \n                \n                    \n                        Type :     \"cover\" | \"contain\"\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:94\n                        \n                    \n\n            \n                \n                    Set gallery image size\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.itemAutosize\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:123\n                        \n                    \n\n            \n                \n                    Set gallery slider itemAutosize style\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.slidingDirection\n                        \n                    \n                \n            \n                \n                    \n                        Type :     \"horizontal\" | \"vertical\"\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:84\n                        \n                    \n\n            \n                \n                    Set sliding direction\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.slidingDisabled\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:113\n                        \n                    \n\n            \n                \n                    Set gallery counter position\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.thumbAutosize\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:133\n                        \n                    \n\n            \n                \n                    Set gallery slider thumbAutosize style\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.thumbImageSize\n                        \n                    \n                \n            \n                \n                    \n                        Type :     \"contain\" | \"cover\"\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:98\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.thumbPosition\n                        \n                    \n                \n            \n                \n                    \n                        Type :     \"top\" | \"left\" | \"right\" | \"bottom\"\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:79\n                        \n                    \n\n            \n                \n                    Set thumbnails position\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.thumbSlidingDisabled\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:118\n                        \n                    \n\n            \n                \n                    Set gallery counter position\n\n                \n            \n\n        \n    \n\n\n\n    \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnChanges\n                        \n                    \n                \n            \n            \n                \nngOnChanges(changes: SimpleChanges)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:145\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    changes\n                                    \n                                                SimpleChanges\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n\n    \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        thumbPosition\n                    \n                \n\n                \n                    \n                        getthumbPosition()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:79\n                                \n                            \n                    \n                        \n                                Set thumbnails position\n\n\n                                \n                                    Returns :     \"top\" | \"left\" | \"right\" | \"bottom\"\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        slidingDirection\n                    \n                \n\n                \n                    \n                        getslidingDirection()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:84\n                                \n                            \n                    \n                        \n                                Set sliding direction\n\n\n                                \n                                    Returns :     \"horizontal\" | \"vertical\"\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        disableThumb\n                    \n                \n\n                \n                    \n                        getdisableThumb()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:89\n                                \n                            \n                    \n                        \n                                Disable thumbnails clicks\n\n\n                                \n                                    Returns :         boolean\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        imageSize\n                    \n                \n\n                \n                    \n                        getimageSize()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:94\n                                \n                            \n                    \n                        \n                                Set gallery image size\n\n\n                                \n                                    Returns :     \"cover\" | \"contain\"\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        thumbImageSize\n                    \n                \n\n                \n                    \n                        getthumbImageSize()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:98\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        bulletsPosition\n                    \n                \n\n                \n                    \n                        getbulletsPosition()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:103\n                                \n                            \n                    \n                        \n                                Set gallery dots position\n\n\n                                \n                                    Returns :     \"top\" | \"bottom\"\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        counterPosition\n                    \n                \n\n                \n                    \n                        getcounterPosition()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:108\n                                \n                            \n                    \n                        \n                                Set gallery counter position\n\n\n                                \n                                    Returns :     \"top\" | \"bottom\"\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        slidingDisabled\n                    \n                \n\n                \n                    \n                        getslidingDisabled()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:113\n                                \n                            \n                    \n                        \n                                Set gallery counter position\n\n\n                                \n                                    Returns :         boolean\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        thumbSlidingDisabled\n                    \n                \n\n                \n                    \n                        getthumbSlidingDisabled()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:118\n                                \n                            \n                    \n                        \n                                Set gallery counter position\n\n\n                                \n                                    Returns :         boolean\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        itemAutosize\n                    \n                \n\n                \n                    \n                        getitemAutosize()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:123\n                                \n                            \n                    \n                        \n                                Set gallery slider itemAutosize style\n\n\n                                \n                                    Returns :         boolean\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        autoHeight\n                    \n                \n\n                \n                    \n                        getautoHeight()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:128\n                                \n                            \n                    \n                        \n                                Set gallery slider autoHeight style\n\n\n                                \n                                    Returns :         boolean\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        thumbAutosize\n                    \n                \n\n                \n                    \n                        getthumbAutosize()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:133\n                                \n                            \n                    \n                        \n                                Set gallery slider thumbAutosize style\n\n\n                                \n                                    Returns :         boolean\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        debug\n                    \n                \n\n                \n                    \n                        getdebug()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-core.component.ts:138\n                                \n                            \n                    \n                        \n                                Set debug style\n\n\n                                \n                                    Returns :         boolean\n\n                                \n                        \n                    \n\n            \n        \n\n\n\n\n    \n        import {\n  Component,\n  Input,\n  Output,\n  HostBinding,\n  EventEmitter,\n  OnChanges,\n  SimpleChanges,\n  ElementRef,\n  ChangeDetectionStrategy\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceCssPixelValue } from '@angular/cdk/coercion';\nimport { GalleryCounterComponent } from './gallery-counter.component';\nimport { GalleryBulletsComponent } from './gallery-dots.component';\nimport { GalleryNavComponent } from './gallery-nav.component';\nimport { GallerySliderComponent } from './gallery-slider.component';\nimport { GalleryThumbsComponent } from './gallery-thumbs.component';\nimport { GalleryError, GalleryState } from '../models/gallery.model';\nimport { GalleryConfig } from '../models/config.model';\n\n@Component({\n  selector: 'gallery-core',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./gallery-core.scss', '../styles/debug.scss'],\n  template: `\n    \n    \n\n    \n      \n\n         1\"\n                     [state]=\"state\"\n                     [config]=\"config\"\n                     [galleryId]=\"galleryId\">\n        \n\n      \n\n      \n      \n\n      \n      \n\n      \n        \n      \n    \n  `,\n  standalone: true,\n  imports: [CommonModule, GalleryThumbsComponent, GallerySliderComponent, GalleryNavComponent, GalleryBulletsComponent, GalleryCounterComponent]\n})\nexport class GalleryCoreComponent implements OnChanges {\n\n  @Input() galleryId: string;\n  @Input() state: GalleryState;\n  @Input() config: GalleryConfig;\n  @Output() itemClick: EventEmitter = new EventEmitter();\n  @Output() thumbClick: EventEmitter = new EventEmitter();\n  @Output() error: EventEmitter = new EventEmitter();\n\n  /** Set thumbnails position */\n  @HostBinding('attr.thumbPosition') get thumbPosition(): 'top' | 'left' | 'right' | 'bottom' {\n    return this.config.thumbPosition;\n  }\n\n  /** Set sliding direction */\n  @HostBinding('attr.slidingDirection') get slidingDirection(): 'horizontal' | 'vertical' {\n    return this.config.slidingDirection;\n  }\n\n  /** Disable thumbnails clicks */\n  @HostBinding('attr.disableThumb') get disableThumb(): boolean {\n    return this.config.disableThumb;\n  }\n\n  /** Set gallery image size */\n  @HostBinding('attr.imageSize') get imageSize(): 'cover' | 'contain' {\n    return this.config.imageSize;\n  }\n\n  @HostBinding('attr.thumbImageSize') get thumbImageSize(): 'contain' | 'cover' {\n    return this.config.thumbImageSize;\n  }\n\n  /** Set gallery dots position */\n  @HostBinding('attr.bulletsPosition') get bulletsPosition(): 'top' | 'bottom' {\n    return this.config.bulletsPosition;\n  }\n\n  /** Set gallery counter position */\n  @HostBinding('attr.counterPosition') get counterPosition(): 'top' | 'bottom' {\n    return this.config.counterPosition;\n  }\n\n  /** Set gallery counter position */\n  @HostBinding('attr.slidingDisabled') get slidingDisabled(): boolean {\n    return this.config.slidingDisabled;\n  }\n\n  /** Set gallery counter position */\n  @HostBinding('attr.thumbSlidingDisabled') get thumbSlidingDisabled(): boolean {\n    return this.config.thumbSlidingDisabled;\n  }\n\n  /** Set gallery slider itemAutosize style  */\n  @HostBinding('attr.itemAutosize') get itemAutosize(): boolean {\n    return this.config.itemAutosize;\n  }\n\n  /** Set gallery slider autoHeight style  */\n  @HostBinding('attr.autoHeight') get autoHeight(): boolean {\n    return this.config.autoHeight;\n  }\n\n  /** Set gallery slider thumbAutosize style  */\n  @HostBinding('attr.thumbAutosize') get thumbAutosize(): boolean {\n    return this.config.thumbAutosize;\n  }\n\n  /** Set debug style  */\n  @HostBinding('attr.debug') get debug(): boolean {\n    return this.config.debug;\n  }\n\n  constructor(private el: ElementRef) {\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.config) {\n      if (changes.config.currentValue?.thumbWidth !== changes.config.previousValue?.thumbWidth) {\n        this.el.nativeElement.style.setProperty('--g-thumb-width', coerceCssPixelValue(changes.config.currentValue.thumbWidth));\n      }\n      if (changes.config.currentValue?.thumbHeight !== changes.config.previousValue?.thumbHeight) {\n        this.el.nativeElement.style.setProperty('--g-thumb-height', coerceCssPixelValue(changes.config.currentValue.thumbHeight));\n      }\n    }\n  }\n}\n\n    \n\n\n    \n                \n                    ./gallery-core.scss\n                \n                :host {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  gap: var(--g-gutter-size);\n  width: 100%;\n  height: 500px;\n  min-height: 100%;\n  max-height: 100%;\n\n  &[thumbPosition='top'] {\n    flex-direction: column;\n  }\n\n  &[thumbPosition='left'] {\n    flex-direction: row;\n  }\n\n  &[thumbPosition='right'] {\n    flex-direction: row-reverse;\n  }\n\n  &[thumbPosition='bottom'] {\n    flex-direction: column-reverse;\n  }\n\n  // Gallery auto-height variables\n  &[autoHeight='true'][itemAutoSize='false'][slidingDirection='horizontal'] {\n    &[thumbPosition='top'], &[thumbPosition='bottom'] {\n      // if auto-height, use fit-content\n      height: fit-content;\n      --g-item-height: auto !important;\n      --g-item-max-height: auto;\n    }\n  }\n\n  // Gallery image variables\n  --image-object-fit: unset;\n\n  &[imageSize='contain'] gallery-slider,\n  &[thumbImageSize='contain'] gallery-thumbs {\n    --image-object-fit: contain;\n  }\n\n  &[imageSize='cover'] gallery-slider,\n  &[thumbImageSize='cover'] gallery-thumbs {\n    --image-object-fit: cover;\n  }\n\n  // Gallery thumbs variables\n  --slider-thumb-height: unset;\n  --slider-thumb-width: unset;\n  --thumb-slider-left: unset;\n  --thumb-slider-overflow: unset;\n  --thumb-slider-flex-direction: unset;\n  --g-thumb-width: unset;\n  --g-thumb-height: unset;\n\n  &[thumbPosition='top'],\n  &[thumbPosition='bottom'] {\n    --thumb-slider-top: 0;\n    --thumb-slider-overflow: auto hidden;\n    --thumb-slider-flex-direction: row;\n    --g-thumb-height: 100%;\n\n    &[thumbAutosize=\"true\"] {\n      --g-thumb-width: auto !important;\n    }\n  }\n\n  &[thumbPosition='left'],\n  &[thumbPosition='right'] {\n    --thumb-slider-left: 0;\n    --thumb-slider-overflow: hidden auto;\n    --thumb-slider-flex-direction: column;\n    --g-thumb-width: 100%;\n\n    &[thumbAutosize=\"true\"] {\n      --g-thumb-height: auto !important;\n    }\n  }\n\n  --g-thumb-cursor: pointer;\n\n  &[disableThumb='true'] {\n    --g-thumb-cursor: default;\n  }\n\n  &[thumbSlidingDisabled='true'] {\n    --thumb-slider-overflow: hidden !important;\n  }\n\n  // Gallery slider variables\n  --slider-scroll-snap-type: unset;\n  --slider-overflow: unset;\n  --slider-flex-direction: unset;\n  --slider-width: unset;\n  --slider-height: unset;\n  --slider-content-width: unset;\n  --slider-content-height: unset;\n\n  &[slidingDirection='horizontal'] {\n    --slider-overflow: auto hidden;\n    --slider-scroll-snap-type: x mandatory;\n    --slider-flex-direction: row;\n    --slider-content-height: 100%;\n  }\n\n  &[slidingDirection='vertical'] {\n    --slider-overflow: hidden auto;\n    --slider-scroll-snap-type: y mandatory;\n    --slider-flex-direction: column;\n    --slider-content-width: 100%;\n  }\n\n  &[slidingDisabled='true'] {\n    --slider-overflow: hidden !important;\n  }\n\n  // Gallery items variables\n  --g-item-width: unset;\n  --g-item-height: unset;\n  --g-item-max-height: var(--slider-height);\n\n  &[slidingDirection='horizontal'] {\n    --g-item-width: var(--slider-width);\n    --g-item-height: 100%;\n\n    &[itemAutoSize='true'] {\n      --g-item-width: auto;\n    }\n  }\n\n  &[slidingDirection='vertical'] {\n    --g-item-width: 100%;\n    --g-item-height: var(--slider-height);\n\n    &[itemAutoSize='true'] {\n      --g-item-height: auto;\n    }\n  }\n\n  // Gallery dots variables\n  --dots-top: unset;\n  --dots-bottom: unset;\n\n  &[bulletsPosition='top'] {\n    --dots-top: 15px;\n  }\n\n  &[bulletsPosition='bottom'] {\n    --dots-bottom: 15px;\n  }\n\n  // Gallery position variables\n  --counter-top: unset;\n  --counter-bottom: unset;\n  --counter-border-radius: unset;\n\n  &[counterPosition='top'] {\n    --counter-top: 0;\n    --counter-border-radius: 0 0 4px 4px;\n  }\n\n  &[counterPosition='bottom'] {\n    --counter-bottom: 0;\n    --counter-border-radius: 4px 4px 0 0;\n  }\n}\n\n.g-box {\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  order: 1;\n  flex: 1;\n}\n\n.g-box-template {\n  position: absolute;\n  z-index: 10;\n}\n\n                \n                    ../styles/debug.scss\n                \n                :host[debug='true'] {\n  ::ng-deep {\n    .g-sliding, .g-resizing, .g-scrolling {\n      gallery-item.g-item-highlight {\n        visibility: hidden;\n      }\n    }\n  }\n\n  ::ng-deep {\n    gallery-slider {\n      &:after, &:before {\n        position: absolute;\n        content: '';\n        z-index: 12;\n      }\n\n      &:before {\n        width: 100%;\n        height: 0;\n        border-top: 1px dashed lime;\n      }\n\n      &:after {\n        height: 100%;\n        width: 0;\n        border-left: 1px dashed lime;\n      }\n\n      gallery-item {\n        outline: 1px solid darkorange;\n\n        &.g-item-highlight {\n          &:after {\n            content: '';\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            border: 3px solid lime;\n            box-sizing: border-box;\n            z-index: 10;\n          }\n        }\n      }\n    }\n\n    .g-sliding {\n      .g-slider-sliding {\n        display: block;\n      }\n    }\n\n    .g-scrolling {\n      .g-slider-scrolling {\n        display: block;\n      }\n    }\n\n    .g-resizing {\n      .g-slider-resizing {\n        display: block;\n      }\n    }\n\n    .g-slider-debug {\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: flex;\n      gap: 5px;\n      padding: 10px;\n\n      .g-slider-resizing {\n        background: rgba(245, 76, 40);\n      }\n\n      .g-slider-scrolling {\n        background: rgb(255, 133, 36);\n      }\n\n      .g-slider-sliding {\n        background: rgb(31, 108, 185);\n      }\n\n      div, &:before {\n        display: none;\n        color: white;\n        font-family: monospace;\n        z-index: 12;\n        padding: 2px 6px;\n        border-radius: 3px;\n      }\n    }\n  }\n\n  &[itemAutoSize='false'] {\n    ::ng-deep {\n      .g-slider-debug {\n        &:before {\n          content: var(--intersection-margin);\n          background: rgba(236, 236, 236, 0.84);\n          color: #363636;\n          display: block;\n        }\n      }\n    }\n  }\n\n  &[itemAutoSize='true'] {\n    ::ng-deep {\n      gallery-item {\n        &:before {\n          position: absolute;\n          margin: 10px;\n          content: var(--item-intersection-margin);\n          background: rgba(236, 236, 236, 0.84);\n          color: #363636;\n          display: block;\n          width: 270px;\n          font-family: monospace;\n          z-index: 12;\n          padding: 2px 6px;\n          border-radius: 3px;\n        }\n      }\n    }\n  }\n}\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '       1\"                 [state]=\"state\"                 [config]=\"config\"                 [galleryId]=\"galleryId\">                      '\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryCoreComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryCounterComponent.html":{"url":"components/GalleryCounterComponent.html","title":"component - GalleryCounterComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryCounterComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/gallery-counter.component.ts\n\n\n\n\n\n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-counter\n            \n\n            \n                styleUrls\n                ./gallery-counter.scss\n            \n\n\n            \n                template\n                {{ (state.currIndex + 1) + ' / ' + state.items.length }}\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n\n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                state\n                            \n                        \n                    \n                \n\n\n\n\n        \n    \n\n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        state\n                    \n                \n                \n                    \n                        Type :         GalleryState\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-counter.component.ts:14\n                            \n                        \n            \n        \n\n\n\n\n\n\n\n\n\n    \n        import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { GalleryState } from '../models/gallery.model';\n\n@Component({\n  selector: 'gallery-counter',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./gallery-counter.scss'],\n  template: `\n    {{ (state.currIndex + 1) + ' / ' + state.items.length }}\n  `,\n  standalone: true\n})\nexport class GalleryCounterComponent {\n  @Input() state: GalleryState;\n}\n\n    \n\n\n    \n                \n                    ./gallery-counter.scss\n                \n                .g-counter {\n  font-weight: bold;\n  user-select: none;\n  opacity: 0.6;\n  transition: opacity linear 150ms;\n  z-index: 50;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%) perspective(1px);\n  font-size: 12px;\n  padding: 4px 10px;\n  color: var(--g-font-color);\n  background-color: var(--g-overlay-color);\n  box-shadow: var(--g-box-shadow);\n\n  top: var(--counter-top);\n  bottom: var(--counter-bottom);\n  border-radius: var(--counter-border-radius);\n\n  &:hover {\n    opacity: 0.8;\n  }\n}\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '{{ (state.currIndex + 1) + \\' / \\' + state.items.length }}'\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryCounterComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryDotsComponent.html":{"url":"components/GalleryDotsComponent.html","title":"component - GalleryBulletsComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryBulletsComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/gallery-bullets.component.ts\n\n\n\n\n\n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-dots\n            \n\n            \n                styleUrls\n                ./gallery-bullets.scss\n            \n\n\n            \n                template\n                \n  \n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Public\n                                gallery\n                            \n                        \n                    \n                \n\n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                config\n                            \n                            \n                                galleryId\n                            \n                            \n                                state\n                            \n                        \n                    \n                \n\n\n\n\n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(gallery: Gallery)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/gallery-bullets.component.ts:27\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        gallery\n                                                  \n                                                        \n                                                                        Gallery\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-bullets.component.ts:27\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        galleryId\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-bullets.component.ts:25\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        state\n                    \n                \n                \n                    \n                        Type :         GalleryState\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-bullets.component.ts:26\n                            \n                        \n            \n        \n\n\n\n\n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Public\n                        gallery\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Gallery\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-bullets.component.ts:29\n                        \n                    \n\n\n        \n    \n\n\n\n\n\n    \n        import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Gallery } from '../services/gallery.service';\nimport { GalleryState } from '../models/gallery.model';\nimport { GalleryConfig } from '../models/config.model';\n\n@Component({\n  selector: 'gallery-dots',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./gallery-bullets.scss'],\n  template: `\n    \n      \n    \n  `,\n  standalone: true,\n  imports: [CommonModule]\n})\nexport class GalleryBulletsComponent {\n  @Input() galleryId: string;\n  @Input() state: GalleryState;\n  @Input() config: GalleryConfig;\n\n  constructor(public gallery: Gallery) {\n  }\n}\n\n    \n\n\n    \n                \n                    ./gallery-bullets.scss\n                \n                :host {\n  position: absolute;\n  left: 50%;\n  z-index: 99;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 6px;\n  top: var(--dots-top);\n  bottom: var(--dots-bottom);\n}\n\n:host,\n.g-dot,\n.g-dot-inner {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.g-dot {\n  cursor: pointer;\n  z-index: 20;\n\n  &:hover .g-dot-inner {\n    opacity: 1;\n  }\n}\n\n.g-dot-active .g-dot-inner {\n  opacity: 1;\n}\n\n.g-dot-inner {\n  background-color: var(--g-overlay-color);\n  opacity: 0.4;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  transition: opacity linear 150ms;\n}\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '  '\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryBulletsComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/GalleryError.html":{"url":"interfaces/GalleryError.html","title":"interface - GalleryError","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  GalleryError\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/models/gallery.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                        \n                                            error\n                                        \n                                \n                                \n                                        \n                                            itemIndex\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        error\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        error:     ErrorEvent\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :     ErrorEvent\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        itemIndex\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        itemIndex:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        import { GalleryAction, GalleryItemType } from './constants';\nimport { GalleryItemData } from '../components/templates/items.model';\n\nexport interface GalleryState {\n  action?: GalleryAction;\n  items?: GalleryItem[];\n  behavior?: ScrollBehavior;\n  currIndex?: number;\n  hasNext?: boolean;\n  hasPrev?: boolean;\n  isPlaying?: boolean;\n}\n\nexport interface GalleryItem {\n  data?: GalleryItemData;\n  type?: GalleryItemType;\n}\n\nexport interface GalleryError {\n  itemIndex: number;\n  error: ErrorEvent;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryExampleComponent.html":{"url":"components/GalleryExampleComponent.html","title":"component - GalleryExampleComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryExampleComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/stories/basic/gallery-example.component.ts\n\n\n\n    \n        Description\n    \n    \n        It should be possible to write a description here\n\n    \n\n\n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-example\n            \n\n\n\n            \n                template\n                \n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Readonly\n                                items$\n                            \n                        \n                    \n                \n\n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                autoHeight\n                            \n                            \n                                autoplay\n                            \n                            \n                                counter\n                            \n                            \n                                counterPosition\n                            \n                            \n                                debug\n                            \n                            \n                                disableThumb\n                            \n                            \n                                dots\n                            \n                            \n                                bulletsPosition\n                            \n                            \n                                dotsSize\n                            \n                            \n                                imageSize\n                            \n                            \n                                itemAutosize\n                            \n                            \n                                loadingAttr\n                            \n                            \n                                loadingStrategy\n                            \n                            \n                                loop\n                            \n                            \n                                mouseSlidingDisabled\n                            \n                            \n                                nav\n                            \n                            \n                                navScrollBehavior\n                            \n                            \n                                playerInterval\n                            \n                            \n                                resizeDebounceTime\n                            \n                            \n                                scrollBehavior\n                            \n                            \n                                slidingDirection\n                            \n                            \n                                slidingDisabled\n                            \n                            \n                                slidingDuration\n                            \n                            \n                                slidingEase\n                            \n                            \n                                thumb\n                            \n                            \n                                thumbAutosize\n                            \n                            \n                                thumbDetached\n                            \n                            \n                                thumbHeight\n                            \n                            \n                                thumbImageSize\n                            \n                            \n                                thumbMouseSlidingDisabled\n                            \n                            \n                                thumbPosition\n                            \n                            \n                                thumbSlidingDisabled\n                            \n                            \n                                thumbView\n                            \n                            \n                                thumbWidth\n                            \n                        \n                    \n                \n\n\n\n\n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(pixabay: Pixabay)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:112\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        pixabay\n                                                  \n                                                        \n                                                                        Pixabay\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        autoHeight\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:80\n                            \n                        \n                \n                    \n                        This is a test\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        autoplay\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:82\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        counter\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:74\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        counterPosition\n                    \n                \n                \n                    \n                        Type :     \"top\" | \"bottom\"\n\n                    \n                \n                \n                    \n                        Default value : CounterPosition.Top\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:107\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        debug\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:72\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        disableThumb\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:84\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        dots\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:70\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        bulletsPosition\n                    \n                \n                \n                    \n                        Type :     \"top\" | \"bottom\"\n\n                    \n                \n                \n                    \n                        Default value : bulletsPosition.Bottom\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:106\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        dotsSize\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 6\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:90\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        imageSize\n                    \n                \n                \n                    \n                        Type :     \"cover\" | \"contain\"\n\n                    \n                \n                \n                    \n                        Default value : ImageSize.Contain\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:104\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        itemAutosize\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:77\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        loadingAttr\n                    \n                \n                \n                    \n                        Type :     \"eager\" | \"lazy\"\n\n                    \n                \n                \n                    \n                        Default value : LoadingAttr.Lazy\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:109\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        loadingStrategy\n                    \n                \n                \n                    \n                        Type :     \"preload\" | \"lazy\" | \"default\"\n\n                    \n                \n                \n                    \n                        Default value : LoadingStrategy.Default\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:110\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        loop\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:71\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        mouseSlidingDisabled\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:88\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        nav\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:69\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        navScrollBehavior\n                    \n                \n                \n                    \n                        Type :     \"smooth\" | \"auto\"\n\n                    \n                \n                \n                    \n                        Default value : 'smooth'\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:97\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        playerInterval\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 3000\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:93\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        resizeDebounceTime\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 0\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:95\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        scrollBehavior\n                    \n                \n                \n                    \n                        Type :     \"smooth\" | \"auto\"\n\n                    \n                \n                \n                    \n                        Default value : 'smooth'\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:96\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        slidingDirection\n                    \n                \n                \n                    \n                        Type :     \"horizontal\" | \"vertical\"\n\n                    \n                \n                \n                    \n                        Default value : SlidingDirection.Horizontal\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:108\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        slidingDisabled\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:86\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        slidingDuration\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 468\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:94\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        slidingEase\n                    \n                \n                \n                    \n                        Type :         BezierEasingOptions\n\n                    \n                \n                \n                    \n                        Default value : {\n    x1: 0.42,\n    y1: 0,\n    x2: 0.58,\n    y2: 1\n  }\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:98\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumb\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:73\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbAutosize\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:76\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbDetached\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:75\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbHeight\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 90\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:92\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbImageSize\n                    \n                \n                \n                    \n                        Type :     \"cover\" | \"contain\"\n\n                    \n                \n                \n                    \n                        Default value : ImageSize.Cover\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:105\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbMouseSlidingDisabled\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:89\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbPosition\n                    \n                \n                \n                    \n                        Type :     \"top\" | \"left\" | \"right\" | \"bottom\"\n\n                    \n                \n                \n                    \n                        Default value : ThumbnailsPosition.Bottom\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:111\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbSlidingDisabled\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:87\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbView\n                    \n                \n                \n                    \n                        Type :     \"default\" | \"contain\"\n\n                    \n                \n                \n                    \n                        Default value : ThumbnailsView.Default\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:112\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbWidth\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 120\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:91\n                            \n                        \n            \n        \n\n\n\n\n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        items$\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Observable\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/stories/basic/gallery-example.component.ts:67\n                        \n                    \n\n\n        \n    \n\n\n\n\n\n    \n        import { Component, ChangeDetectionStrategy, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n  GalleryModule,\n  GalleryItem,\n  LoadingAttr,\n  ImageSize,\n  ThumbnailsPosition,\n  LoadingStrategy,\n  SlidingDirection,\n  CounterPosition,\n  bulletsPosition,\n  ThumbnailsView\n} from 'ng-gallery';\nimport { Observable } from 'rxjs';\nimport { Pixabay } from '../pixabay/pixabay.service';\nimport { BezierEasingOptions } from '../../lib/smooth-scroll';\n\n/**\n * It should be possible to write a description here\n */\n@Component({\n  selector: 'gallery-example',\n  template: `\n    \n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [CommonModule, GalleryModule]\n})\nexport class GalleryExampleComponent {\n\n  readonly items$: Observable;\n\n  @Input() nav: boolean;\n  @Input() dots: boolean;\n  @Input() loop: boolean;\n  @Input() debug: boolean;\n  @Input() thumb: boolean;\n  @Input() counter: boolean;\n  @Input() thumbDetached: boolean;\n  @Input() thumbAutosize: boolean;\n  @Input() itemAutosize: boolean;\n\n  /** This is a test */\n  @Input() autoHeight: boolean;\n\n  @Input() autoplay: boolean;\n\n  @Input() disableThumb: boolean;\n\n  @Input() slidingDisabled: boolean;\n  @Input() thumbSlidingDisabled: boolean;\n  @Input() mouseSlidingDisabled: boolean;\n  @Input() thumbMouseSlidingDisabled: boolean;\n  @Input() dotsSize: number = 6;\n  @Input() thumbWidth: number = 120;\n  @Input() thumbHeight: number = 90;\n  @Input() playerInterval: number = 3000;\n  @Input() slidingDuration: number = 468;\n  @Input() resizeDebounceTime: number = 0;\n  @Input() scrollBehavior: 'smooth' | 'auto' = 'smooth';\n  @Input() navScrollBehavior: 'smooth' | 'auto' = 'smooth';\n  @Input() slidingEase: BezierEasingOptions = {\n    x1: 0.42,\n    y1: 0,\n    x2: 0.58,\n    y2: 1\n  };\n  @Input() imageSize: 'cover' | 'contain' = ImageSize.Contain;\n  @Input() thumbImageSize: 'cover' | 'contain' = ImageSize.Cover;\n  @Input() bulletsPosition: 'top' | 'bottom' = bulletsPosition.Bottom;\n  @Input() counterPosition: 'top' | 'bottom' = CounterPosition.Top;\n  @Input() slidingDirection: 'horizontal' | 'vertical' = SlidingDirection.Horizontal;\n  @Input() loadingAttr: 'eager' | 'lazy' = LoadingAttr.Lazy;\n  @Input() loadingStrategy: 'preload' | 'lazy' | 'default' = LoadingStrategy.Default;\n  @Input() thumbPosition: 'top' | 'left' | 'right' | 'bottom' = ThumbnailsPosition.Bottom;\n  @Input() thumbView: 'default' | 'contain' = ThumbnailsView.Default;\n\n  constructor(pixabay: Pixabay) {\n    this.items$ = pixabay.getHDImages('vegetables');\n  }\n}\n\n    \n\n\n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = ''\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryExampleComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryIframeComponent.html":{"url":"components/GalleryIframeComponent.html","title":"component - GalleryIframeComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryIframeComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts\n\n\n\n\n\n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-iframe\n            \n\n\n\n            \n                template\n                \n\n\n  \n  \n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                iframe\n                            \n                            \n                                iframeSrc\n                            \n                            \n                                videoSrc\n                            \n                        \n                    \n                \n\n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                autoplay\n                            \n                            \n                                loadingAttr\n                            \n                            \n                                pause\n                            \n                            \n                                src\n                            \n                        \n                    \n                \n\n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    src\n                                \n                                \n                                    pauseVideo\n                                \n                            \n                        \n                    \n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(_sanitizer: DomSanitizer)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:56\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _sanitizer\n                                                  \n                                                        \n                                                                        DomSanitizer\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        autoplay\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:52\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        loadingAttr\n                    \n                \n                \n                    \n                        Type :     \"eager\" | \"lazy\"\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:54\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        pause\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:39\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        src\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:34\n                            \n                        \n            \n        \n\n\n\n\n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                        iframe\n                        \n                    \n                \n            \n                \n                    \n                        Type :         ElementRef\n\n                    \n                \n                \n                    \n                        Decorators : \n                        \n                        \n                            @ViewChild('iframe')\n                        \n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:56\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        iframeSrc\n                        \n                    \n                \n            \n                \n                    \n                        Type :         SafeResourceUrl\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:31\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        videoSrc\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:32\n                        \n                    \n\n\n        \n    \n\n\n    \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        src\n                    \n                \n\n\n                \n                    \n                        setsrc(src: string)\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:34\n                                \n                            \n                    \n                        \n\n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                        Type\n                                                    Optional\n                                                \n                                            \n                                            \n                                                    \n                                                            src\n                                                    \n                                                            \n                                                                            string\n                                                            \n                                                    \n                                                        \n                                                                No\n                                                        \n                                                        \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                                \n                                    Returns :         void\n\n                                \n                        \n                    \n            \n        \n        \n            \n                \n                    \n                        \n                        pauseVideo\n                    \n                \n\n\n                \n                    \n                        setpauseVideo(shouldPause: boolean)\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts:39\n                                \n                            \n                    \n                        \n\n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                        Type\n                                                    Optional\n                                                \n                                            \n                                            \n                                                    \n                                                            shouldPause\n                                                    \n                                                            \n                                                                            boolean\n                                                            \n                                                    \n                                                        \n                                                                No\n                                                        \n                                                        \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                                \n                                    Returns :         void\n\n                                \n                        \n                    \n            \n        \n\n\n\n\n    \n        import { Component, Input, ViewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core';\nimport { NgIf } from '@angular/common';\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\n\n@Component({\n  selector: 'gallery-iframe',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    \n    \n    \n      \n      \n    \n  `,\n  standalone: true,\n  imports: [NgIf]\n})\nexport class GalleryIframeComponent {\n\n  iframeSrc: SafeResourceUrl;\n  videoSrc: string;\n\n  @Input('src') set src(src: string) {\n    this.videoSrc = src;\n    this.iframeSrc = this._sanitizer.bypassSecurityTrustResourceUrl(src);\n  }\n\n  @Input('pause') set pauseVideo(shouldPause: boolean) {\n    if (this.iframe?.nativeElement) {\n      if (shouldPause) {\n        const iframe: HTMLIFrameElement = this.iframe.nativeElement;\n        iframe.src = null;\n\n        if (!this.autoplay && this.videoSrc) {\n          this.iframeSrc = this._sanitizer.bypassSecurityTrustResourceUrl(this.videoSrc);\n        }\n      }\n    }\n  }\n\n  @Input() autoplay: boolean;\n\n  @Input() loadingAttr: 'eager' | 'lazy';\n\n  @ViewChild('iframe') iframe: ElementRef;\n\n  constructor(private _sanitizer: DomSanitizer) {\n  }\n}\n\n    \n\n\n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '    '\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryIframeComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryImageComponent.html":{"url":"components/GalleryImageComponent.html","title":"component - GalleryImageComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryImageComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts\n\n\n\n\n\n    \n        Implements\n    \n    \n                    OnInit\n    \n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-image\n            \n\n            \n                styleUrls\n                ./gallery-image.scss\n            \n\n\n            \n                template\n                \n\n  \n    \n  \n  \n    \n  \n\n  \n    \n    \n      \n        \n          \n        \n      \n      \n        \n          \n        \n        Unable to load the image!\n      \n    \n  \n\n  \n    \n    \n    \n      \n    \n  \n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                errorSvg\n                            \n                            \n                                errorTemplate\n                            \n                            \n                                loaderTemplate\n                            \n                            \n                                state\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                ngOnInit\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                alt\n                            \n                            \n                                errorIcon\n                            \n                            \n                                index\n                            \n                            \n                                isThumbnail\n                            \n                            \n                                loadingAttr\n                            \n                            \n                                loadingError\n                            \n                            \n                                loadingIcon\n                            \n                            \n                                src\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                error\n                            \n                        \n                    \n                \n\n                \n                    \n                        HostBindings\n                    \n                \n                \n                    \n                        \n                            \n                                attr.imageState\n                            \n                        \n                    \n                \n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    imageState\n                                \n                            \n                        \n                    \n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(_sanitizer: DomSanitizer)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:124\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _sanitizer\n                                                  \n                                                        \n                                                                        DomSanitizer\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        alt\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:101\n                            \n                        \n                \n                    \n                        Image alt\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        errorIcon\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                \n                    \n                        Default value : imageFailedSvg\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:116\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        index\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:95\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        isThumbnail\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:93\n                            \n                        \n                \n                    \n                        Is thumbnail\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        loadingAttr\n                    \n                \n                \n                    \n                        Type :     \"eager\" | \"lazy\"\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:98\n                            \n                        \n                \n                    \n                        Image loading attribute\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        loadingError\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:112\n                            \n                        \n                \n                    \n                        Custom error template\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        loadingIcon\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:107\n                            \n                        \n                \n                    \n                        Custom loader template\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        src\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:104\n                            \n                        \n                \n                    \n                        Image source URL\n\n                    \n                \n            \n        \n\n    \n    Outputs\n        \n            \n                \n                    \n                        \n                        error\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:120\n                            \n                        \n                \n                    \n                        Stream that emits when an error occurs\n\n                    \n                \n            \n        \n\n    \n    HostBindings    \n        \n            \n                \n                    \n                    \n                        attr.imageState\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:122\n                        \n                    \n\n\n        \n    \n\n\n\n    \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnInit\n                        \n                    \n                \n            \n            \n                \nngOnInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:129\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                        errorSvg\n                        \n                    \n                \n            \n                \n                    \n                        Type :         SafeHtml\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:117\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        errorTemplate\n                        \n                    \n                \n            \n                \n                    \n                        Type :         SafeHtml\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:114\n                        \n                    \n\n            \n                \n                    Custom error safe template\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        loaderTemplate\n                        \n                    \n                \n            \n                \n                    \n                        Type :         SafeHtml\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:109\n                        \n                    \n\n            \n                \n                    Custom loader safe template\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        state\n                        \n                    \n                \n            \n                \n                    \n                        Type :         ItemState\n\n                    \n                \n                \n                    \n                        Default value : 'loading'\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:90\n                        \n                    \n\n\n        \n    \n\n\n    \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        imageState\n                    \n                \n\n                \n                    \n                        getimageState()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts:122\n                                \n                            \n\n            \n        \n\n\n\n\n    \n        import {\n  Component,\n  Input,\n  Output,\n  HostBinding,\n  EventEmitter,\n  OnInit,\n  ChangeDetectionStrategy\n} from '@angular/core';\nimport { NgSwitch, NgSwitchCase, NgIf } from '@angular/common';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { animate, style, transition, trigger } from '@angular/animations';\nimport { imageFailedSvg } from './svg-assets';\nimport { ImgRecognizer } from '../../utils/img-recognizer';\nimport { ItemState } from './items.model';\n\n@Component({\n  selector: 'gallery-image',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./gallery-image.scss'],\n  animations: [\n    trigger('fadeIn', [\n      transition('* => success', [\n        style({ opacity: 0 }),\n        animate('300ms ease-in', style({ opacity: 1 }))\n      ])\n    ])\n  ],\n  template: `\n    \n\n      \n        \n      \n      \n        \n      \n\n      \n        \n        \n          \n            \n              \n            \n          \n          \n            \n              \n            \n            Unable to load the image!\n          \n        \n      \n\n      \n        \n        \n        \n          \n        \n      \n    \n  `,\n  standalone: true,\n  imports: [NgSwitch, NgSwitchCase, NgIf, ImgRecognizer]\n})\n\nexport class GalleryImageComponent implements OnInit {\n\n  state: ItemState = 'loading';\n\n  /** Is thumbnail */\n  @Input() isThumbnail: boolean;\n\n  @Input() index: number;\n\n  /** Image loading attribute */\n  @Input() loadingAttr: 'eager' | 'lazy';\n\n  /** Image alt */\n  @Input() alt: string;\n\n  /** Image source URL */\n  @Input() src: string;\n\n  /** Custom loader template */\n  @Input() loadingIcon: string;\n  /** Custom loader safe template */\n  loaderTemplate: SafeHtml;\n\n  /** Custom error template */\n  @Input() loadingError: string;\n  /** Custom error safe template */\n  errorTemplate: SafeHtml;\n\n  @Input() errorIcon: string = imageFailedSvg;\n  errorSvg: SafeHtml;\n\n  /** Stream that emits when an error occurs */\n  @Output() error: EventEmitter = new EventEmitter();\n\n  @HostBinding('attr.imageState') get imageState(): string {\n    return this.state;\n  }\n\n  constructor(private _sanitizer: DomSanitizer) {\n  }\n\n  ngOnInit() {\n    if (this.loadingIcon) {\n      this.loaderTemplate = this._sanitizer.bypassSecurityTrustHtml(this.loadingIcon);\n    }\n    if (this.loadingError) {\n      this.errorTemplate = this._sanitizer.bypassSecurityTrustHtml(this.loadingError);\n    }\n    if (this.errorIcon) {\n      this.errorSvg = this._sanitizer.bypassSecurityTrustHtml(this.errorIcon);\n    }\n  }\n}\n\n    \n\n\n    \n                \n                    ./gallery-image.scss\n                \n                :host {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  max-width: 100%;\n  transition: opacity 300ms cubic-bezier(0.5, 0, 0.5, 1);\n  opacity: var(--g-thumb-opacity);\n\n  &[imageState='success'] {\n    align-self: center;\n  }\n\n  ::ng-deep {\n    svg {\n      width: 100%;\n      height: 100%;\n    }\n  }\n}\n\n.gallery-image-error {\n  width: 100px;\n  height: 100px;\n}\n\n.gallery-thumb-error {\n  width: 40px;\n  height: 40px;\n}\n\nimg.g-image-item {\n  object-fit: var(--image-object-fit);\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  max-height: 100%;\n  max-width: 100%;\n}\n\n.g-image-error-message {\n  position: absolute;\n  z-index: 10;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\nh2, h4 {\n  color: coral;\n  margin: 0;\n}\n\nh2 {\n  font-size: 3.5em;\n  margin-bottom: 0.3em;\n}\n\nh4 {\n  font-size: 1.6em;\n}\n\n.g-loading {\n  position: absolute;\n  transform: translate3d(-50%, -50%, 0);\n  left: 50%;\n  top: 50%;\n  width: 80px;\n  height: 80px;\n}\n\n// Thumbnail loading\n\n$loading-color: #fff !default;\n$placeholder-ng: #262626 !default;\n\n.g-active-thumb {\n  .g-thumb-loading {\n    background-color: #464646;\n  }\n}\n\n.g-thumb-loading {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  background-color: $placeholder-ng;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 50%;\n    z-index: 1;\n    width: 500%;\n    margin-left: -250%;\n    animation: phAnimation .8s linear infinite;\n    background: linear-gradient(to right, rgba($loading-color, 0) 46%, rgba($loading-color, .35) 50%, rgba($loading-color, 0) 54%) 50% 50%;\n  }\n}\n\n@keyframes phAnimation {\n  0% {\n    transform: translate3d(-30%, 0, 0);\n  }\n  100% {\n    transform: translate3d(30%, 0, 0);\n  }\n}\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '                                                                                                        Unable to load the image!                                      '\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryImageComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/GalleryImageDef.html":{"url":"directives/GalleryImageDef.html","title":"directive - GalleryImageDef","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  GalleryImageDef\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts\n        \n\n\n\n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [galleryImageDef]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Public\n                                templateRef\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Static\n                                ngTemplateContextGuard\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(templateRef: TemplateRef>)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts:9\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        templateRef\n                                                  \n                                                        \n                                                                        TemplateRef>\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n\n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Static\n                        ngTemplateContextGuard\n                        \n                    \n                \n            \n            \n                \n                    \n                    ngTemplateContextGuard(directive: GalleryImageDef, context)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts:16\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    directive\n                                    \n                                                GalleryImageDef\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    context\n                                    \n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         GalleryItemContext\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Public\n                        templateRef\n                        \n                    \n                \n            \n                \n                    \n                        Type :         TemplateRef>\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts:11\n                        \n                    \n\n\n        \n    \n\n\n\n    \n\n\n    \n        import { Directive, TemplateRef } from '@angular/core';\nimport { ImageItemData } from '../components/templates/items.model';\nimport { GalleryItemContext } from './gallery-item-def.directive';\n\n@Directive({\n  standalone: true,\n  selector: '[galleryImageDef]'\n})\nexport class GalleryImageDef {\n\n  constructor(public templateRef: TemplateRef>) {\n  }\n\n  // Make sure the template checker knows the type of the context with which the\n  // template of this directive will be rendered\n  static ngTemplateContextGuard(\n    directive: GalleryImageDef,\n    context: unknown\n  ): context is GalleryItemContext {\n    return true;\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/GalleryItem.html":{"url":"interfaces/GalleryItem.html","title":"interface - GalleryItem","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  GalleryItem\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/models/gallery.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                            Optional\n                                        \n                                            data\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            type\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        data\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        data:         GalleryItemData\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         GalleryItemData\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        type\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        type:         GalleryItemType\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         GalleryItemType\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        import { GalleryAction, GalleryItemType } from './constants';\nimport { GalleryItemData } from '../components/templates/items.model';\n\nexport interface GalleryState {\n  action?: GalleryAction;\n  items?: GalleryItem[];\n  behavior?: ScrollBehavior;\n  currIndex?: number;\n  hasNext?: boolean;\n  hasPrev?: boolean;\n  isPlaying?: boolean;\n}\n\nexport interface GalleryItem {\n  data?: GalleryItemData;\n  type?: GalleryItemType;\n}\n\nexport interface GalleryError {\n  itemIndex: number;\n  error: ErrorEvent;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryItemComponent.html":{"url":"components/GalleryItemComponent.html","title":"component - GalleryItemComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryItemComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/gallery-item.component.ts\n\n\n\n\n\n    \n        Implements\n    \n    \n                    AfterViewInit\n    \n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-item\n            \n\n            \n                styleUrls\n                ./gallery-item.scss\n            \n\n\n            \n                template\n                \n  \n    \n\n    \n      \n    \n  \n\n  \n\n  \n\n  \n\n  \n    \n      \n    \n  \n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                isItemContainImage\n                            \n                            \n                                    Readonly\n                                state$\n                            \n                            \n                                    Readonly\n                                Types\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                ngAfterViewInit\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                config\n                            \n                            \n                                count\n                            \n                            \n                                currIndex\n                            \n                            \n                                data\n                            \n                            \n                                index\n                            \n                            \n                                type\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                error\n                            \n                        \n                    \n                \n\n                \n                    \n                        HostBindings\n                    \n                \n                \n                    \n                        \n                            \n                                attr.galleryIndex\n                            \n                            \n                                attr.itemState\n                            \n                            \n                                class.g-active-item\n                            \n                        \n                    \n                \n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    isActive\n                                \n                                \n                                    isIndexAttr\n                                \n                                \n                                    itemState\n                                \n                                \n                                    imageContext\n                                \n                                \n                                    itemContext\n                                \n                                \n                                    nativeElement\n                                \n                                \n                                    isAutoPlay\n                                \n                                \n                                    youtubeSrc\n                                \n                                \n                                    load\n                                \n                                \n                                    imageData\n                                \n                                \n                                    videoData\n                                \n                            \n                        \n                    \n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(el: ElementRef)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:183\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        el\n                                                  \n                                                        \n                                                                        ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:84\n                            \n                        \n                \n                    \n                        Gallery config\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        count\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:90\n                            \n                        \n                \n                    \n                        The number of total items\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        currIndex\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:93\n                            \n                        \n                \n                    \n                        Gallery current index\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        data\n                    \n                \n                \n                    \n                        Type :         GalleryItemData\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:99\n                            \n                        \n                \n                    \n                        Item's data, this object contains the data required to display the content (e.g. src path)\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        index\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:87\n                            \n                        \n                \n                    \n                        Item's index in the gallery\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        type\n                    \n                \n                \n                    \n                        Type :         GalleryItemType\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:96\n                            \n                        \n                \n                    \n                        Item's type 'image', 'video', 'youtube', 'iframe'\n\n                    \n                \n            \n        \n\n    \n    Outputs\n        \n            \n                \n                    \n                        \n                        error\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:102\n                            \n                        \n                \n                    \n                        Stream that emits when an error occurs\n\n                    \n                \n            \n        \n\n    \n    HostBindings    \n        \n            \n                \n                    \n                    \n                        attr.galleryIndex\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:108\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        attr.itemState\n                        \n                    \n                \n            \n                \n                    \n                        Type :         ItemState\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:112\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        class.g-active-item\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:104\n                        \n                    \n\n\n        \n    \n\n\n\n    \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        ngAfterViewInit\n                        \n                    \n                \n            \n            \n                \nngAfterViewInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:188\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                        isItemContainImage\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:81\n                        \n                    \n\n            \n                \n                    A flag that indicates if the item is type of image, it can be a custom template by the user,\nThe img recognizer directive will set it to true\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        state$\n                        \n                    \n                \n            \n                \n                    \n                        Type :         BehaviorSubject\n\n                    \n                \n                \n                    \n                        Default value : new BehaviorSubject('loading')\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:77\n                        \n                    \n\n            \n                \n                    A stream that indicates that the height was emitted after the image is loaded, used only for gallery image types\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        Types\n                        \n                    \n                \n            \n                \n                    \n                        Default value : GalleryItemTypes\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:74\n                        \n                    \n\n\n        \n    \n\n\n    \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        isActive\n                    \n                \n\n                \n                    \n                        getisActive()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:104\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        isIndexAttr\n                    \n                \n\n                \n                    \n                        getisIndexAttr()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:108\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        itemState\n                    \n                \n\n                \n                    \n                        getitemState()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:112\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        imageContext\n                    \n                \n\n                \n                    \n                        getimageContext()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:116\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        itemContext\n                    \n                \n\n                \n                    \n                        getitemContext()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:128\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        nativeElement\n                    \n                \n\n                \n                    \n                        getnativeElement()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:140\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        isAutoPlay\n                    \n                \n\n                \n                    \n                        getisAutoPlay()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:144\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        youtubeSrc\n                    \n                \n\n                \n                    \n                        getyoutubeSrc()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:152\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        load\n                    \n                \n\n                \n                    \n                        getload()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:166\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        imageData\n                    \n                \n\n                \n                    \n                        getimageData()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:177\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        videoData\n                    \n                \n\n                \n                    \n                        getvideoData()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-item.component.ts:181\n                                \n                            \n\n            \n        \n\n\n\n\n    \n        import {\n  Component,\n  HostBinding,\n  Input,\n  Output,\n  EventEmitter,\n  ElementRef,\n  AfterViewInit,\n  ChangeDetectionStrategy\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BehaviorSubject } from 'rxjs';\nimport { GalleryItemContext } from '../directives/gallery-item-def.directive';\nimport { GalleryIframeComponent } from './templates/gallery-iframe.component';\nimport { GalleryVideoComponent } from './templates/gallery-video.component';\nimport { GalleryImageComponent } from './templates/gallery-image.component';\nimport { GalleryConfig } from '../models/config.model';\nimport { GalleryItemType, GalleryItemTypes, LoadingStrategy } from '../models/constants';\nimport { GalleryItemData, ImageItemData, ItemState, VideoItemData, YoutubeItemData } from './templates/items.model';\n\n@Component({\n  selector: 'gallery-item',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./gallery-item.scss'],\n  template: `\n    \n      \n        \n\n        \n          \n        \n      \n\n      \n\n      \n\n      \n\n      \n        \n          \n        \n      \n    \n  `,\n  standalone: true,\n  imports: [CommonModule, GalleryImageComponent, GalleryVideoComponent, GalleryIframeComponent]\n})\nexport class GalleryItemComponent implements AfterViewInit {\n\n  readonly Types = GalleryItemTypes;\n\n  /** A stream that indicates that the height was emitted after the image is loaded, used only for gallery image types */\n  readonly state$: BehaviorSubject = new BehaviorSubject('loading');\n\n  /** A flag that indicates if the item is type of image, it can be a custom template by the user,\n   * The img recognizer directive will set it to true*/\n  isItemContainImage: boolean;\n\n  /** Gallery config */\n  @Input() config: GalleryConfig;\n\n  /** Item's index in the gallery */\n  @Input() index: number;\n\n  /** The number of total items */\n  @Input() count: number;\n\n  /** Gallery current index */\n  @Input() currIndex: number;\n\n  /** Item's type 'image', 'video', 'youtube', 'iframe' */\n  @Input() type: GalleryItemType;\n\n  /** Item's data, this object contains the data required to display the content (e.g. src path) */\n  @Input() data: GalleryItemData;\n\n  /** Stream that emits when an error occurs */\n  @Output() error: EventEmitter = new EventEmitter();\n\n  @HostBinding('class.g-active-item') get isActive(): boolean {\n    return this.index === this.currIndex;\n  }\n\n  @HostBinding('attr.galleryIndex') get isIndexAttr(): number {\n    return this.index;\n  }\n\n  @HostBinding('attr.itemState') get itemState(): ItemState {\n    return this.state$.value;\n  }\n\n  get imageContext(): GalleryItemContext {\n    return {\n      $implicit: this.imageData,\n      index: this.index,\n      type: this.type,\n      active: this.isActive,\n      count: this.count,\n      first: this.index === 0,\n      last: this.index === this.count - 1\n    };\n  }\n\n  get itemContext(): GalleryItemContext {\n    return {\n      $implicit: this.data,\n      index: this.index,\n      type: this.type,\n      active: this.isActive,\n      count: this.count,\n      first: this.index === 0,\n      last: this.index === this.count - 1\n    };\n  }\n\n  get nativeElement(): HTMLElement {\n    return this.el.nativeElement;\n  }\n\n  get isAutoPlay(): boolean {\n    if (this.isActive) {\n      if (this.type === GalleryItemTypes.Video || this.type === GalleryItemTypes.Youtube) {\n        return this.videoData.autoplay;\n      }\n    }\n  }\n\n  get youtubeSrc(): string {\n    let autoplay: 1 | 0 = 0;\n    if (this.isActive && this.type === GalleryItemTypes.Youtube && (this.data as YoutubeItemData).autoplay) {\n      autoplay = 1;\n    }\n    const url: URL = new URL(this.data.src as string);\n    url.search = new URLSearchParams({\n      wmode: 'transparent',\n      ...(this.data as YoutubeItemData).params,\n      autoplay\n    }).toString();\n    return url.href;\n  }\n\n  get load(): boolean {\n    switch (this.config.loadingStrategy) {\n      case LoadingStrategy.Preload:\n        return true;\n      case LoadingStrategy.Lazy:\n        return this.currIndex === this.index;\n      default:\n        return this.currIndex === this.index || this.currIndex === this.index - 1 || this.currIndex === this.index + 1;\n    }\n  }\n\n  get imageData(): ImageItemData {\n    return this.data;\n  }\n\n  get videoData(): VideoItemData {\n    return this.data;\n  }\n\n  constructor(private el: ElementRef) {\n  }\n\n  ngAfterViewInit(): void {\n    // If item does not contain an image, then set the state to DONE\n    if (!this.isItemContainImage) {\n      this.state$.next('success');\n    }\n  }\n}\n\n\n    \n\n\n    \n                \n                    ./gallery-item.scss\n                \n                :host {\n  cursor: var(--g-item-cursor);\n  height: var(--g-item-height);\n  width: var(--g-item-width);\n  max-height: var(--g-item-max-height);\n  max-width: var(--slider-width);\n  z-index: 10;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex: 0 0 auto;\n  scroll-snap-align: center;\n\n  // Disable highlighting the elements on mouse move or click\n  user-select: none;\n  -webkit-user-drag: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n  // In itemAutoSize is true, item size will be zero until it is loaded, fallback to the slider size\n  &[itemState='loading'] {\n    width: var(--slider-width);\n    height: var(--slider-height);\n  }\n\n  > * {\n    height: 100%;\n  }\n\n  ::ng-deep {\n    video, iframe {\n      width: 100%;\n      height: 100%;\n    }\n  }\n}\n\ngallery-image {\n  width: var(--g-item-width);\n  height: var(--g-item-height);\n}\n\n.g-template {\n  position: absolute;\n  z-index: 10;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '                                              '\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryItemComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/GalleryItemContext.html":{"url":"interfaces/GalleryItemContext.html","title":"interface - GalleryItemContext","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  GalleryItemContext\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                            Optional\n                                        \n                                            $implicit\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            active\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            count\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            first\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            index\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            last\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            type\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        $implicit\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        $implicit:     T\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :     T\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                            \n                                \n                                    Data for the row that this cell is located within.\n\n                                \n                            \n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        active\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        active:         boolean\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         boolean\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                            \n                                \n                                    True if this item is the active one.\n\n                                \n                            \n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        count\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        count:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                            \n                                \n                                    The number of total items.\n\n                                \n                            \n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        first\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        first:         boolean\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         boolean\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                            \n                                \n                                    True if this item is first.\n\n                                \n                            \n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        index\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        index:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                            \n                                \n                                    Index of the item.\n\n                                \n                            \n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        last\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        last:         boolean\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         boolean\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                            \n                                \n                                    True if this item is last.\n\n                                \n                            \n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        type\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        type:         GalleryItemType\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         GalleryItemType\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                            \n                                \n                                    The type of the item.\n\n                                \n                            \n                        \n                    \n            \n    \n\n\n    \n        import { Directive, TemplateRef } from '@angular/core';\nimport { GalleryItemData } from '../components/templates/items.model';\nimport { GalleryItemType } from '../models/constants';\n\n@Directive({\n  standalone: true,\n  selector: '[galleryItemDef]'\n})\nexport class GalleryItemDef {\n  constructor(public templateRef: TemplateRef>) {\n  }\n\n  // Make sure the template checker knows the type of the context with which the\n  // template of this directive will be rendered\n  static ngTemplateContextGuard(\n    directive: GalleryItemDef,\n    context: unknown\n  ): context is GalleryItemContext {\n    return true;\n  }\n}\n\nexport interface GalleryItemContext {\n  /** Data for the row that this cell is located within. */\n  $implicit?: T;\n\n  /** Index of the item. */\n  index?: number;\n\n  /** The type of the item. */\n  type?: GalleryItemType;\n\n  /** True if this item is the active one. */\n  active?: boolean;\n\n  /** The number of total items. */\n  count?: number;\n\n  /** True if this item is first. */\n  first?: boolean;\n\n  /** True if this item is last. */\n  last?: boolean;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/GalleryItemDef.html":{"url":"directives/GalleryItemDef.html","title":"directive - GalleryItemDef","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  GalleryItemDef\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts\n        \n\n\n\n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [galleryItemDef]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Public\n                                templateRef\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Static\n                                ngTemplateContextGuard\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(templateRef: TemplateRef>)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts:9\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        templateRef\n                                                  \n                                                        \n                                                                        TemplateRef>\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n\n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Static\n                        ngTemplateContextGuard\n                        \n                    \n                \n            \n            \n                \n                    \n                    ngTemplateContextGuard(directive: GalleryItemDef, context)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts:15\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    directive\n                                    \n                                                GalleryItemDef\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    context\n                                    \n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         GalleryItemContext\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Public\n                        templateRef\n                        \n                    \n                \n            \n                \n                    \n                        Type :         TemplateRef>\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts:10\n                        \n                    \n\n\n        \n    \n\n\n\n    \n\n\n    \n        import { Directive, TemplateRef } from '@angular/core';\nimport { GalleryItemData } from '../components/templates/items.model';\nimport { GalleryItemType } from '../models/constants';\n\n@Directive({\n  standalone: true,\n  selector: '[galleryItemDef]'\n})\nexport class GalleryItemDef {\n  constructor(public templateRef: TemplateRef>) {\n  }\n\n  // Make sure the template checker knows the type of the context with which the\n  // template of this directive will be rendered\n  static ngTemplateContextGuard(\n    directive: GalleryItemDef,\n    context: unknown\n  ): context is GalleryItemContext {\n    return true;\n  }\n}\n\nexport interface GalleryItemContext {\n  /** Data for the row that this cell is located within. */\n  $implicit?: T;\n\n  /** Index of the item. */\n  index?: number;\n\n  /** The type of the item. */\n  type?: GalleryItemType;\n\n  /** True if this item is the active one. */\n  active?: boolean;\n\n  /** The number of total items. */\n  count?: number;\n\n  /** True if this item is first. */\n  first?: boolean;\n\n  /** True if this item is last. */\n  last?: boolean;\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules/GalleryModule.html":{"url":"modules/GalleryModule.html","title":"module - GalleryModule","body":"\n                   \n\n\n\n\n    Modules\n    GalleryModule\n\n\n\n    \n        \n\n\n\n\n\ndependencies\n\ndependencies\n\ncluster_GalleryModule\n\n\n\ncluster_GalleryModule_exports\n\n\n\ncluster_GalleryModule_imports\n\n\n\n\nGalleryBoxDef\n\nGalleryBoxDef\n\n\n\nGalleryModule\n\nGalleryModule\n\nGalleryModule -->\n\nGalleryBoxDef->GalleryModule\n\n\n\n\n\nGalleryComponent\n\nGalleryComponent\n\nGalleryModule -->\n\nGalleryComponent->GalleryModule\n\n\n\n\n\nGalleryImageDef\n\nGalleryImageDef\n\nGalleryModule -->\n\nGalleryImageDef->GalleryModule\n\n\n\n\n\nGalleryItemDef\n\nGalleryItemDef\n\nGalleryModule -->\n\nGalleryItemDef->GalleryModule\n\n\n\n\n\nGalleryThumbDef\n\nGalleryThumbDef\n\nGalleryModule -->\n\nGalleryThumbDef->GalleryModule\n\n\n\n\n\nGalleryBoxDef \n\nGalleryBoxDef \n\nGalleryBoxDef  -->\n\nGalleryModule->GalleryBoxDef \n\n\n\n\n\nGalleryComponent \n\nGalleryComponent \n\nGalleryComponent  -->\n\nGalleryModule->GalleryComponent \n\n\n\n\n\nGalleryImageDef \n\nGalleryImageDef \n\nGalleryImageDef  -->\n\nGalleryModule->GalleryImageDef \n\n\n\n\n\nGalleryItemDef \n\nGalleryItemDef \n\nGalleryItemDef  -->\n\nGalleryModule->GalleryItemDef \n\n\n\n\n\nGalleryThumbDef \n\nGalleryThumbDef \n\nGalleryThumbDef  -->\n\nGalleryModule->GalleryThumbDef \n\n\n\n\n\n\n    \n    \n    \n        Zoom in\n        Reset\n        Zoom out\n    \n\n\n\n\n\n    \n        Info\n    \n    \n        Source\n    \n\n\n\n    \n\n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/gallery.module.ts\n        \n\n\n\n\n\n        \n            \n                \n                    Imports\n                    \n                        \n                            GalleryBoxDef\n                        \n                        \n                            GalleryComponent\n                        \n                        \n                            GalleryImageDef\n                        \n                        \n                            GalleryItemDef\n                        \n                        \n                            GalleryThumbDef\n                        \n                    \n                \n                \n                    Exports\n                    \n                        \n                            GalleryBoxDef\n                        \n                        \n                            GalleryComponent\n                        \n                        \n                            GalleryImageDef\n                        \n                        \n                            GalleryItemDef\n                        \n                        \n                            GalleryThumbDef\n                        \n                    \n                \n            \n        \n\n\n    \n\n\n    \n        import { NgModule } from '@angular/core';\nimport { GalleryComponent } from './components/gallery.component';\nimport { GalleryImageDef } from './directives/gallery-image-def.directive';\nimport { GalleryThumbDef } from './directives/gallery-thumb-def.directive';\nimport { GalleryItemDef } from './directives/gallery-item-def.directive';\nimport { GalleryBoxDef } from './directives/gallery-box-def.directive';\n\n@NgModule({\n  imports: [\n    GalleryComponent,\n    GalleryItemDef,\n    GalleryImageDef,\n    GalleryThumbDef,\n    GalleryBoxDef\n  ],\n  exports: [\n    GalleryComponent,\n    GalleryItemDef,\n    GalleryImageDef,\n    GalleryThumbDef,\n    GalleryBoxDef\n  ]\n})\nexport class GalleryModule {\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryNavComponent.html":{"url":"components/GalleryNavComponent.html","title":"component - GalleryNavComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryNavComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/gallery-nav.component.ts\n\n\n\n\n\n    \n        Implements\n    \n    \n                    OnInit\n    \n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-nav\n            \n\n            \n                styleUrls\n                ./gallery-nav.scss\n            \n\n\n            \n                template\n                \n\n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Public\n                                gallery\n                            \n                            \n                                navIcon\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                ngOnInit\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                config\n                            \n                            \n                                galleryId\n                            \n                            \n                                state\n                            \n                        \n                    \n                \n\n\n\n\n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(gallery: Gallery, _sanitizer: DomSanitizer)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/gallery-nav.component.ts:35\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        gallery\n                                                  \n                                                        \n                                                                        Gallery\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _sanitizer\n                                                  \n                                                        \n                                                                        DomSanitizer\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-nav.component.ts:35\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        galleryId\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-nav.component.ts:33\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        state\n                    \n                \n                \n                    \n                        Type :         GalleryState\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-nav.component.ts:34\n                            \n                        \n            \n        \n\n\n\n\n    \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnInit\n                        \n                    \n                \n            \n            \n                \nngOnInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-nav.component.ts:40\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Public\n                        gallery\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Gallery\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-nav.component.ts:37\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        navIcon\n                        \n                    \n                \n            \n                \n                    \n                        Type :         SafeHtml\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-nav.component.ts:32\n                        \n                    \n\n\n        \n    \n\n\n\n\n\n    \n        import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { Gallery } from '../services/gallery.service';\nimport { GalleryState } from '../models/gallery.model';\nimport { GalleryConfig } from '../models/config.model';\n\n@Component({\n  selector: 'gallery-nav',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./gallery-nav.scss'],\n  template: `\n    \n\n    \n  `,\n  standalone: true,\n  imports: [CommonModule]\n})\nexport class GalleryNavComponent implements OnInit {\n\n  navIcon: SafeHtml;\n  @Input() galleryId: string;\n  @Input() state: GalleryState;\n  @Input() config: GalleryConfig;\n\n  constructor(public gallery: Gallery, private _sanitizer: DomSanitizer) {\n  }\n\n  ngOnInit() {\n    this.navIcon = this._sanitizer.bypassSecurityTrustHtml(this.config.navIcon);\n  }\n}\n\n    \n\n\n    \n                \n                    ./gallery-nav.scss\n                \n                .g-nav-next,\n.g-nav-prev {\n  position: absolute;\n  top: 50%;\n  display: flex;\n  padding: 16px 8px;\n  cursor: pointer;\n  z-index: 999;\n  opacity: 0.6;\n  transition: opacity linear 150ms, right linear 150ms, left linear 150ms;\n\n  &:hover {\n    opacity: 1;\n  }\n\n  ::ng-deep {\n    svg {\n      filter: var(--g-nav-drop-shadow);\n      width: 28px;\n      height: 28px;\n      fill: #fff;\n    }\n  }\n}\n\n.g-nav-next {\n  right: 0.5em;\n  transform: translateY(-50%) perspective(1px);\n\n  &:hover {\n    right: 0.4em;\n  }\n}\n\n.g-nav-prev {\n  left: 0.5em;\n  transform: translateY(-50%) perspective(1px) scale(-1, -1); //invert icon horizontally\n\n  &:hover {\n    left: 0.4em;\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  .g-nav-next {\n    right: 0.2em;\n  }\n\n  .g-nav-prev {\n    left: 0.2em;\n  }\n}\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = ''\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryNavComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"classes/GalleryRef.html":{"url":"classes/GalleryRef.html","title":"class - GalleryRef","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n  Classes\n  GalleryRef\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/services/gallery-ref.ts\n        \n\n\n\n\n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                    Readonly\n                                _config\n                            \n                            \n                                    Private\n                                    Readonly\n                                _state\n                            \n                            \n                                    Readonly\n                                config\n                            \n                            \n                                    Readonly\n                                error\n                            \n                            \n                                    Readonly\n                                itemClick\n                            \n                            \n                                    Readonly\n                                state\n                            \n                            \n                                    Readonly\n                                thumbClick\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                add\n                            \n                            \n                                addIframe\n                            \n                            \n                                addImage\n                            \n                            \n                                addVideo\n                            \n                            \n                                addYoutube\n                            \n                            \n                                destroy\n                            \n                            \n                                load\n                            \n                            \n                                next\n                            \n                            \n                                play\n                            \n                            \n                                prev\n                            \n                            \n                                remove\n                            \n                            \n                                reset\n                            \n                            \n                                set\n                            \n                            \n                                setConfig\n                            \n                            \n                                    Private\n                                setState\n                            \n                            \n                                stop\n                            \n                        \n                    \n                \n\n\n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    stateSnapshot\n                                \n                                \n                                    configSnapshot\n                                \n                                \n                                    initialized\n                                \n                                \n                                    itemsChanged\n                                \n                                \n                                    indexChanged\n                                \n                                \n                                    playingChanged\n                                \n                            \n                        \n                    \n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(config: GalleryConfig, deleteInstance: () => void)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:72\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        config\n                                                  \n                                                        \n                                                                        GalleryConfig\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        deleteInstance\n                                                  \n                                                        \n                                                                        function\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        _config\n                        \n                    \n                \n            \n                \n                    \n                        Type :         BehaviorSubject\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:27\n                        \n                    \n\n            \n                \n                    Stream that emits gallery config\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        _state\n                        \n                    \n                \n            \n                \n                    \n                        Type :         BehaviorSubject\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:24\n                        \n                    \n\n            \n                \n                    Stream that emits gallery state\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        config\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Observable\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:44\n                        \n                    \n\n            \n                \n                    Stream that emits gallery config\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        error\n                        \n                    \n                \n            \n                \n                    \n                        Default value : new Subject()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:36\n                        \n                    \n\n            \n                \n                    Stream that emits on an error occurs\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        itemClick\n                        \n                    \n                \n            \n                \n                    \n                        Default value : new Subject()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:30\n                        \n                    \n\n            \n                \n                    Stream that emits on item click\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        state\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Observable\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:41\n                        \n                    \n\n            \n                \n                    Stream that emits gallery state\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        thumbClick\n                        \n                    \n                \n            \n                \n                    \n                        Default value : new Subject()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:33\n                        \n                    \n\n            \n                \n                    Stream that emits on thumbnail click\n\n                \n            \n\n        \n    \n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        add\n                        \n                    \n                \n            \n            \n                \nadd(item: GalleryItem, active?: boolean)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:98\n                \n            \n\n\n            \n                \n                    Add gallery item\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    item\n                                    \n                                                GalleryItem\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    active\n                                    \n                                                boolean\n                                    \n\n                                    \n                                        Yes\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        addIframe\n                        \n                    \n                \n            \n            \n                \naddIframe(data: IframeItemData, active?: boolean)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:125\n                \n            \n\n\n            \n                \n                    Add iframe item\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    data\n                                    \n                                                IframeItemData\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    active\n                                    \n                                                boolean\n                                    \n\n                                    \n                                        Yes\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        addImage\n                        \n                    \n                \n            \n            \n                \naddImage(data: ImageItemData, active?: boolean)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:111\n                \n            \n\n\n            \n                \n                    Add image item\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    data\n                                    \n                                                ImageItemData\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    active\n                                    \n                                                boolean\n                                    \n\n                                    \n                                        Yes\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        addVideo\n                        \n                    \n                \n            \n            \n                \naddVideo(data: VideoItemData, active?: boolean)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:118\n                \n            \n\n\n            \n                \n                    Add video item\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    data\n                                    \n                                                VideoItemData\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    active\n                                    \n                                                boolean\n                                    \n\n                                    \n                                        Yes\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        addYoutube\n                        \n                    \n                \n            \n            \n                \naddYoutube(data: YoutubeItemData, active?: boolean)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:132\n                \n            \n\n\n            \n                \n                    Add Youtube item\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    data\n                                    \n                                                YoutubeItemData\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    active\n                                    \n                                                boolean\n                                    \n\n                                    \n                                        Yes\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        destroy\n                        \n                    \n                \n            \n            \n                \ndestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:236\n                \n            \n\n\n            \n                \n                    Destroy gallery\n\n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        load\n                        \n                    \n                \n            \n            \n                \nload(items: GalleryItem[])\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:157\n                \n            \n\n\n            \n                \n                    Load items and reset the state\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    items\n                                    \n                                                GalleryItem[]\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        next\n                        \n                    \n                \n            \n            \n                \nnext(behavior: ScrollBehavior, loop: boolean)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:190\n                \n            \n\n\n            \n                \n                    Next item\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                    Default value\n                                \n                            \n                            \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                        this._config.value.scrollBehavior\n                                    \n\n                                \n                                \n                                    loop\n                                    \n                                                boolean\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                        true\n                                    \n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        play\n                        \n                    \n                \n            \n            \n                \nplay(interval?: number)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:212\n                \n            \n\n\n            \n                \n                    Start gallery player\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    interval\n                                    \n                                                number\n                                    \n\n                                    \n                                        Yes\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        prev\n                        \n                    \n                \n            \n            \n                \nprev(behavior: ScrollBehavior, loop: boolean)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:201\n                \n            \n\n\n            \n                \n                    Prev item\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                    Default value\n                                \n                            \n                            \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                        this._config.value.scrollBehavior\n                                    \n\n                                \n                                \n                                    loop\n                                    \n                                                boolean\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                        true\n                                    \n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        remove\n                        \n                    \n                \n            \n            \n                \nremove(i: number)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:139\n                \n            \n\n\n            \n                \n                    Remove gallery item\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    i\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        reset\n                        \n                    \n                \n            \n            \n                \nreset()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:229\n                \n            \n\n\n            \n                \n                    Reset gallery to initial state\n\n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        set\n                        \n                    \n                \n            \n            \n                \nset(i: number, behavior: ScrollBehavior)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:171\n                \n            \n\n\n            \n                \n                    Set active item\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                    Default value\n                                \n                            \n                            \n                                \n                                    i\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                    \n\n                                \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                        this._config.value.scrollBehavior\n                                    \n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        setConfig\n                        \n                    \n                \n            \n            \n                \nsetConfig(config: GalleryConfig)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:91\n                \n            \n\n\n            \n                \n                    Set gallery config\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    config\n                                    \n                                                GalleryConfig\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        setState\n                        \n                    \n                \n            \n            \n                \n                    \n                    setState(state: GalleryState)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:84\n                \n            \n\n\n            \n                \n                    Set gallery state\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    state\n                                    \n                                                GalleryState\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        stop\n                        \n                    \n                \n            \n            \n                \nstop()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:222\n                \n            \n\n\n            \n                \n                    Stop gallery player\n\n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n\n\n\n\n\n            \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        stateSnapshot\n                    \n                \n\n                \n                    \n                        getstateSnapshot()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:46\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        configSnapshot\n                    \n                \n\n                \n                    \n                        getconfigSnapshot()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:50\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        initialized\n                    \n                \n\n                \n                    \n                        getinitialized()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:55\n                                \n                            \n                    \n                        \n                                Stream that emits when gallery is initialized/reset\n\n\n                                \n                                    Returns :         Observable\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        itemsChanged\n                    \n                \n\n                \n                    \n                        getitemsChanged()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:60\n                                \n                            \n                    \n                        \n                                Stream that emits when items is changed (items loaded, item added, item removed)\n\n\n                                \n                                    Returns :         Observable\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        indexChanged\n                    \n                \n\n                \n                    \n                        getindexChanged()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:65\n                                \n                            \n                    \n                        \n                                Stream that emits when current item is changed\n\n\n                                \n                                    Returns :         Observable\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        playingChanged\n                    \n                \n\n                \n                    \n                        getplayingChanged()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/services/gallery-ref.ts:70\n                                \n                            \n                    \n                        \n                                Stream that emits when the player should start or stop\n\n\n                                \n                                    Returns :         Observable\n\n                                \n                        \n                    \n\n            \n        \n\n    \n\n\n    \n        import { BehaviorSubject, Subject, Observable, filter } from 'rxjs';\nimport { defaultState } from '../utils/gallery.default';\nimport { GalleryError, GalleryItem, GalleryState } from '../models/gallery.model';\nimport { GalleryConfig } from '../models/config.model';\nimport { GalleryAction } from '../models/constants';\nimport {\n  IframeItem,\n  IframeItemData,\n  ImageItem,\n  ImageItemData,\n  VideoItem,\n  VideoItemData,\n  YoutubeItem,\n  YoutubeItemData\n} from '../components/templates/items.model';\n\nconst filterActions = (actions: string[]) => {\n  return filter((state: GalleryState) => actions.indexOf(state.action) > -1);\n};\n\nexport class GalleryRef {\n\n  /** Stream that emits gallery state */\n  private readonly _state: BehaviorSubject;\n\n  /** Stream that emits gallery config */\n  private readonly _config: BehaviorSubject;\n\n  /** Stream that emits on item click */\n  readonly itemClick = new Subject();\n\n  /** Stream that emits on thumbnail click */\n  readonly thumbClick = new Subject();\n\n  /** Stream that emits on an error occurs */\n  readonly error = new Subject();\n\n  /** Gallery Events */\n\n  /** Stream that emits gallery state */\n  readonly state: Observable;\n\n  /** Stream that emits gallery config */\n  readonly config: Observable;\n\n  get stateSnapshot(): GalleryState {\n    return this._state.value;\n  }\n\n  get configSnapshot(): GalleryConfig {\n    return this._config.value;\n  }\n\n  /** Stream that emits when gallery is initialized/reset */\n  get initialized(): Observable {\n    return this.state.pipe(filterActions([GalleryAction.INITIALIZED]));\n  }\n\n  /** Stream that emits when items is changed (items loaded, item added, item removed) */\n  get itemsChanged(): Observable {\n    return this.state.pipe(filterActions([GalleryAction.ITEMS_CHANGED]));\n  }\n\n  /** Stream that emits when current item is changed */\n  get indexChanged(): Observable {\n    return this.state.pipe(filterActions([GalleryAction.INDEX_CHANGED]));\n  }\n\n  /** Stream that emits when the player should start or stop */\n  get playingChanged(): Observable {\n    return this.state.pipe(filterActions([GalleryAction.PLAY, GalleryAction.STOP]));\n  }\n\n  constructor(config: GalleryConfig, private deleteInstance: () => void) {\n    this._state = new BehaviorSubject(defaultState);\n    this._config = new BehaviorSubject(config);\n    this.state = this._state.asObservable();\n    this.config = this._config.asObservable();\n  }\n\n  /**\n   * Set gallery state\n   */\n  private setState(state: GalleryState): void {\n    this._state.next({ ...this.stateSnapshot, ...state });\n  }\n\n  /**\n   * Set gallery config\n   */\n  setConfig(config: GalleryConfig): void {\n    this._config.next({ ...this._config.value, ...config });\n  }\n\n  /**\n   * Add gallery item\n   */\n  add(item: GalleryItem, active?: boolean): void {\n    const items: GalleryItem[] = [...this.stateSnapshot.items, item];\n    this.setState({\n      action: GalleryAction.ITEMS_CHANGED,\n      items,\n      hasNext: items.length > 1,\n      currIndex: active ? items.length - 1 : this.stateSnapshot.currIndex\n    });\n  }\n\n  /**\n   * Add image item\n   */\n  addImage(data: ImageItemData, active?: boolean): void {\n    this.add(new ImageItem(data), active);\n  }\n\n  /**\n   * Add video item\n   */\n  addVideo(data: VideoItemData, active?: boolean): void {\n    this.add(new VideoItem(data), active);\n  }\n\n  /**\n   * Add iframe item\n   */\n  addIframe(data: IframeItemData, active?: boolean): void {\n    this.add(new IframeItem(data), active);\n  }\n\n  /**\n   * Add Youtube item\n   */\n  addYoutube(data: YoutubeItemData, active?: boolean): void {\n    this.add(new YoutubeItem(data), active);\n  }\n\n  /**\n   * Remove gallery item\n   */\n  remove(i: number): void {\n    const state: GalleryState = this.stateSnapshot;\n    const items: GalleryItem[] = [\n      ...state.items.slice(0, i),\n      ...state.items.slice(i + 1, state.items.length)\n    ];\n    this.setState({\n      action: GalleryAction.ITEMS_CHANGED,\n      currIndex: i  1,\n      hasPrev: i > 0\n    });\n  }\n\n  /**\n   * Load items and reset the state\n   */\n  load(items: GalleryItem[]): void {\n    if (items) {\n      this.setState({\n        action: GalleryAction.ITEMS_CHANGED,\n        items,\n        hasNext: items.length > 1,\n        hasPrev: false\n      });\n    }\n  }\n\n  /**\n   * Set active item\n   */\n  set(i: number, behavior: ScrollBehavior = this._config.value.scrollBehavior): void {\n    if (i = this.stateSnapshot.items.length) {\n      console.error(`[NgGallery]: Unable to set the active item because the given index (${ i }) is outside the items range!`);\n      return;\n    }\n    if (i !== this.stateSnapshot.currIndex) {\n      this.setState({\n        behavior,\n        action: GalleryAction.INDEX_CHANGED,\n        currIndex: i,\n        hasNext: i  0\n      });\n    }\n  }\n\n  /**\n   * Next item\n   */\n  next(behavior: ScrollBehavior = this._config.value.scrollBehavior, loop: boolean = true): void {\n    if (this.stateSnapshot.hasNext) {\n      this.set(this.stateSnapshot.currIndex + 1, behavior);\n    } else if (loop && this._config.value.loop) {\n      this.set(0, behavior);\n    }\n  }\n\n  /**\n   * Prev item\n   */\n  prev(behavior: ScrollBehavior = this._config.value.scrollBehavior, loop: boolean = true): void {\n    if (this.stateSnapshot.hasPrev) {\n      this.set(this.stateSnapshot.currIndex - 1, behavior);\n    } else if (loop && this._config.value.loop) {\n      this.set(this.stateSnapshot.items.length - 1, behavior);\n    }\n  }\n\n  /**\n   * Start gallery player\n   */\n  play(interval?: number): void {\n    if (interval) {\n      this.setConfig({ playerInterval: interval });\n    }\n    this.setState({ action: GalleryAction.PLAY, isPlaying: true });\n  }\n\n  /**\n   * Stop gallery player\n   */\n  stop(): void {\n    this.setState({ action: GalleryAction.STOP, isPlaying: false });\n  }\n\n  /**\n   * Reset gallery to initial state\n   */\n  reset(): void {\n    this.setState(defaultState);\n  }\n\n  /**\n   * Destroy gallery\n   */\n  destroy(): void {\n    this._state.complete();\n    this._config.complete();\n    this.itemClick.complete();\n    this.thumbClick.complete();\n    this.deleteInstance();\n  }\n\n}\n\n    \n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GallerySliderComponent.html":{"url":"components/GallerySliderComponent.html","title":"component - GallerySliderComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GallerySliderComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/gallery-slider.component.ts\n\n\n\n\n\n    \n        Implements\n    \n    \n                    AfterViewInit\n                    OnChanges\n    \n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-slider\n            \n\n            \n                styleUrls\n                ./gallery-slider.scss\n            \n\n\n            \n                template\n                \n  \n    \n  \n\n  \n    RESIZING\n    SCROLLING\n    SLIDING\n  \n\n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                adapter\n                            \n                            \n                                isResizing\n                            \n                            \n                                isScrolling\n                            \n                            \n                                isSliding\n                            \n                            \n                                items\n                            \n                            \n                                items$\n                            \n                            \n                                    Readonly\n                                position$\n                            \n                            \n                                sliderEl\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                ngAfterViewInit\n                            \n                            \n                                ngOnChanges\n                            \n                            \n                                onActiveIndexChange\n                            \n                            \n                                    Private\n                                scrollToIndex\n                            \n                            \n                                trackByFn\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                config\n                            \n                            \n                                galleryId\n                            \n                            \n                                state\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                error\n                            \n                            \n                                itemClick\n                            \n                        \n                    \n                \n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    slider\n                                \n                            \n                        \n                    \n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(_gallery: Gallery)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:119\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _gallery\n                                                  \n                                                        \n                                                                        Gallery\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:104\n                            \n                        \n                \n                    \n                        Gallery config\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        galleryId\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:98\n                            \n                        \n                \n                    \n                        Gallery ID\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        state\n                    \n                \n                \n                    \n                        Type :         GalleryState\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:101\n                            \n                        \n                \n                    \n                        Gallery state\n\n                    \n                \n            \n        \n\n    \n    Outputs\n        \n            \n                \n                    \n                        \n                        error\n                    \n                \n                \n                    \n                        Type :         EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:110\n                            \n                        \n                \n                    \n                        Stream that emits when an error occurs\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        itemClick\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:107\n                            \n                        \n                \n                    \n                        Stream that emits when item is clicked\n\n                    \n                \n            \n        \n\n\n\n    \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        ngAfterViewInit\n                        \n                    \n                \n            \n            \n                \nngAfterViewInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:154\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnChanges\n                        \n                    \n                \n            \n            \n                \nngOnChanges(changes: SimpleChanges)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:124\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    changes\n                                    \n                                                SimpleChanges\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        onActiveIndexChange\n                        \n                    \n                \n            \n            \n                \nonActiveIndexChange(index: number)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:167\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    index\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        scrollToIndex\n                        \n                    \n                \n            \n            \n                \n                    \n                    scrollToIndex(index: number, behavior: ScrollBehavior)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:176\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    index\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        trackByFn\n                        \n                    \n                \n            \n            \n                \ntrackByFn(index: number, item: any)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:163\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    index\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    item\n                                    \n                                                any\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         any\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                        adapter\n                        \n                    \n                \n            \n                \n                    \n                        Type :         SliderAdapter\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:86\n                        \n                    \n\n            \n                \n                    Slider adapter\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        isResizing\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:95\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        isScrolling\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:91\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        isSliding\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:93\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        items\n                        \n                    \n                \n            \n                \n                    \n                        Type :         QueryList\n\n                    \n                \n                \n                    \n                        Default value : new QueryList()\n                    \n                \n                \n                    \n                        Decorators : \n                        \n                        \n                            @ViewChildren(GalleryItemComponent)\n                        \n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:115\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        items$\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Observable\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:89\n                        \n                    \n\n            \n                \n                    Stream that emits the item components once they're initialized\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        position$\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Subject\n\n                    \n                \n                \n                    \n                        Default value : new Subject()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:83\n                        \n                    \n\n            \n                \n                    Stream that emits the slider position\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        sliderEl\n                        \n                    \n                \n            \n                \n                    \n                        Type :     ElementRef\n\n                    \n                \n                \n                    \n                        Decorators : \n                        \n                        \n                            @ViewChild('slider', {static: true})\n                        \n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:113\n                        \n                    \n\n            \n                \n                    Slider ElementRef\n\n                \n            \n\n        \n    \n\n\n    \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        slider\n                    \n                \n\n                \n                    \n                        getslider()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-slider.component.ts:117\n                                \n                            \n\n            \n        \n\n\n\n\n    \n        import {\n  Component,\n  Input,\n  Output,\n  ViewChild,\n  ViewChildren,\n  EventEmitter,\n  AfterViewInit,\n  OnChanges,\n  SimpleChanges,\n  ElementRef,\n  QueryList,\n  ChangeDetectionStrategy\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Observable, Subject, map, startWith } from 'rxjs';\nimport { Gallery } from '../services/gallery.service';\nimport { GalleryState, GalleryError } from '../models/gallery.model';\nimport { GalleryConfig } from '../models/config.model';\nimport { SlidingDirection } from '../models/constants';\nimport { SliderAdapter, HorizontalAdapter, VerticalAdapter } from './adapters';\nimport { SmoothScroll, SmoothScrollToOptions } from '../smooth-scroll';\nimport { HammerSliding } from '../gestures/hammer-sliding.directive';\nimport { SliderIntersectionObserver } from '../observers/slider-intersection-observer.directive';\nimport { ItemIntersectionObserver } from '../observers/item-intersection-observer.directive';\nimport { GalleryItemComponent } from './gallery-item.component';\nimport { SliderResizeObserver } from '../observers/slider-resize-observer.directive';\n\n@Component({\n  selector: 'gallery-slider',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./gallery-slider.scss'],\n  template: `\n    \n      \n        \n      \n\n      \n        RESIZING\n        SCROLLING\n        SLIDING\n      \n    \n    \n  `,\n  standalone: true,\n  imports: [CommonModule, GalleryItemComponent, SmoothScroll, HammerSliding, SliderIntersectionObserver, ItemIntersectionObserver, SliderResizeObserver]\n})\nexport class GallerySliderComponent implements AfterViewInit, OnChanges {\n\n  /** Stream that emits the slider position */\n  readonly position$: Subject = new Subject();\n\n  /** Slider adapter */\n  adapter: SliderAdapter;\n\n  /** Stream that emits the item components once they're initialized */\n  items$: Observable;\n\n  isScrolling: boolean;\n\n  isSliding: boolean;\n\n  isResizing: boolean;\n\n  /** Gallery ID */\n  @Input() galleryId: string;\n\n  /** Gallery state */\n  @Input() state: GalleryState;\n\n  /** Gallery config */\n  @Input() config: GalleryConfig;\n\n  /** Stream that emits when item is clicked */\n  @Output() itemClick: EventEmitter = new EventEmitter();\n\n  /** Stream that emits when an error occurs */\n  @Output() error: EventEmitter = new EventEmitter();\n\n  /** Slider ElementRef */\n  @ViewChild('slider', { static: true }) sliderEl: ElementRef;\n\n  @ViewChildren(GalleryItemComponent) items: QueryList = new QueryList();\n\n  get slider(): HTMLElement {\n    return this.sliderEl.nativeElement;\n  }\n\n  constructor(private _gallery: Gallery) {\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.config) {\n      if (changes.config.currentValue?.slidingDirection !== changes.config.previousValue?.slidingDirection) {\n        switch (this.config.slidingDirection) {\n          case SlidingDirection.Horizontal:\n            this.adapter = new HorizontalAdapter(this.slider, this.config);\n            break;\n          case SlidingDirection.Vertical:\n            this.adapter = new VerticalAdapter(this.slider, this.config);\n            break;\n        }\n      }\n      if (!changes.config.firstChange) {\n        // Keep the correct sliding position when direction changes\n        requestAnimationFrame(() => {\n          this.scrollToIndex(this.state.currIndex, 'auto');\n        });\n      }\n    }\n\n    // Scroll to current index\n    if (changes.state) {\n      if(changes.state.currentValue?.currIndex !== changes.state.previousValue?.currIndex) {\n        requestAnimationFrame(() => {\n          this.scrollToIndex(this.state.currIndex, changes.state.firstChange ? 'auto' : this.state.behavior);\n        });\n      }\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.items.notifyOnChanges();\n    this.items$ = this.items.changes.pipe(\n      // In some cases, items is not notified at first, need to force start the stream\n      startWith(null),\n      map(() => this.items.toArray())\n    );\n  }\n\n  trackByFn(index: number, item: any) {\n    return item.type;\n  }\n\n  onActiveIndexChange(index: number): void {\n    if (index === -1) {\n      // Reset active index position\n      this.scrollToIndex(this.state.currIndex, 'smooth');\n    } else {\n      this._gallery.ref(this.galleryId).set(index, 'smooth');\n    }\n  }\n\n  private scrollToIndex(index: number, behavior: ScrollBehavior): void {\n    const el: HTMLElement = this.items.get(index)?.nativeElement;\n    if (el) {\n      console.log('🟢 Scroll to', index)\n      const pos: SmoothScrollToOptions = this.adapter.getScrollToValue(el, behavior || this.config.scrollBehavior);\n      this.position$.next(pos);\n    }\n  }\n}\n\n    \n\n\n    \n                \n                    ./gallery-slider.scss\n                \n                :host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  order: 1;\n  flex: 1;\n}\n\n.g-slider {\n  display: flex;\n  align-items: center;\n  transition: var(--g-height-transition);\n  min-height: 100%;\n  min-width: 100%;\n  max-height: 100%;\n  max-width: 100%;\n  height: var(--slider-height, 100%);\n  width: var(--slider-width, 100%);\n\n  overflow: var(--slider-overflow);\n  scroll-snap-type: var(--slider-scroll-snap-type);\n  flex-direction: var(--slider-flex-direction);\n\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  &.g-sliding, &.g-scrolling {\n    // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse\n    .g-slider-content {\n      pointer-events: none;\n    }\n  }\n\n  &[centralised=\"true\"] {\n    &:before, &:after {\n      content: '';\n    }\n\n    &:before {\n      flex: 0 0 var(--slider-centralize-start-size);\n    }\n\n    &:after {\n      flex: 0 0 var(--slider-centralize-end-size);\n    }\n  }\n}\n\n.g-slider-content {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 1px;\n  width: var(--slider-content-width, unset);\n  height: var(--slider-content-height, unset);\n  flex-direction: var(--slider-flex-direction);\n}\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '              RESIZING    SCROLLING    SLIDING  '\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GallerySliderComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/GalleryState.html":{"url":"interfaces/GalleryState.html","title":"interface - GalleryState","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  GalleryState\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/models/gallery.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                            Optional\n                                        \n                                            action\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            behavior\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            currIndex\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            hasNext\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            hasPrev\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            isPlaying\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            items\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        action\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        action:         GalleryAction\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         GalleryAction\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        behavior\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        behavior:         ScrollBehavior\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         ScrollBehavior\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        currIndex\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        currIndex:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        hasNext\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        hasNext:         boolean\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         boolean\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        hasPrev\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        hasPrev:         boolean\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         boolean\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        isPlaying\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        isPlaying:         boolean\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         boolean\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        items\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        items:         GalleryItem[]\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         GalleryItem[]\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        import { GalleryAction, GalleryItemType } from './constants';\nimport { GalleryItemData } from '../components/templates/items.model';\n\nexport interface GalleryState {\n  action?: GalleryAction;\n  items?: GalleryItem[];\n  behavior?: ScrollBehavior;\n  currIndex?: number;\n  hasNext?: boolean;\n  hasPrev?: boolean;\n  isPlaying?: boolean;\n}\n\nexport interface GalleryItem {\n  data?: GalleryItemData;\n  type?: GalleryItemType;\n}\n\nexport interface GalleryError {\n  itemIndex: number;\n  error: ErrorEvent;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/GalleryStateContext.html":{"url":"interfaces/GalleryStateContext.html","title":"interface - GalleryStateContext","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  GalleryStateContext\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                            Optional\n                                        \n                                            config\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            state\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        config\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        config:         GalleryConfig\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         GalleryConfig\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        state\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        state:         GalleryState\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         GalleryState\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        import { Directive, TemplateRef } from '@angular/core';\nimport { GalleryState } from '../models/gallery.model';\nimport { GalleryConfig } from '../models/config.model';\n\n\n@Directive({\n  standalone: true,\n  selector: '[galleryBoxDef]'\n})\nexport class GalleryBoxDef {\n\n  constructor(public templateRef: TemplateRef) {\n  }\n\n  // Make sure the template checker knows the type of the context with which the\n  // template of this directive will be rendered\n  static ngTemplateContextGuard(\n    directive: GalleryBoxDef,\n    context: unknown\n  ): context is GalleryStateContext {\n    return true;\n  }\n}\n\nexport interface GalleryStateContext {\n  state?: GalleryState;\n  config?: GalleryConfig;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryThumbComponent.html":{"url":"components/GalleryThumbComponent.html","title":"component - GalleryThumbComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryThumbComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/gallery-thumb.component.ts\n\n\n\n\n\n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-thumb\n            \n\n            \n                styleUrls\n                ./gallery-thumb.scss\n            \n\n\n            \n                template\n                \n\n\n  \n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n\n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                config\n                            \n                            \n                                count\n                            \n                            \n                                currIndex\n                            \n                            \n                                data\n                            \n                            \n                                index\n                            \n                            \n                                type\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                error\n                            \n                        \n                    \n                \n\n                \n                    \n                        HostBindings\n                    \n                \n                \n                    \n                        \n                            \n                                attr.galleryIndex\n                            \n                            \n                                class.g-active-thumb\n                            \n                        \n                    \n                \n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    isActive\n                                \n                                \n                                    isIndexAttr\n                                \n                                \n                                    imageContext\n                                \n                                \n                                    nativeElement\n                                \n                            \n                        \n                    \n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(el: ElementRef)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:79\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        el\n                                                  \n                                                        \n                                                                    ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:38\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        count\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:44\n                            \n                        \n                \n                    \n                        The number of total items\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        currIndex\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:47\n                            \n                        \n                \n                    \n                        Gallery current index\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        data\n                    \n                \n                \n                    \n                        Type :         ImageItemData\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:53\n                            \n                        \n                \n                    \n                        Item's data, this object contains the data required to display the content (e.g. src path)\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        index\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:41\n                            \n                        \n                \n                    \n                        Item's index in the gallery\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        type\n                    \n                \n                \n                    \n                        Type :         GalleryItemType\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:50\n                            \n                        \n                \n                    \n                        Item's type 'image', 'video', 'youtube', 'iframe'\n\n                    \n                \n            \n        \n\n    \n    Outputs\n        \n            \n                \n                    \n                        \n                        error\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:55\n                            \n                        \n            \n        \n\n    \n    HostBindings    \n        \n            \n                \n                    \n                    \n                        attr.galleryIndex\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:61\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        class.g-active-thumb\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:57\n                        \n                    \n\n\n        \n    \n\n\n\n\n\n    \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        isActive\n                    \n                \n\n                \n                    \n                        getisActive()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:57\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        isIndexAttr\n                    \n                \n\n                \n                    \n                        getisIndexAttr()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:61\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        imageContext\n                    \n                \n\n                \n                    \n                        getimageContext()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:65\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        nativeElement\n                    \n                \n\n                \n                    \n                        getnativeElement()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumb.component.ts:77\n                                \n                            \n\n            \n        \n\n\n\n\n    \n        import {\n  Component,\n  Input,\n  Output,\n  HostBinding,\n  EventEmitter,\n  ElementRef,\n  ChangeDetectionStrategy\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GalleryItemContext } from '../directives/gallery-item-def.directive';\nimport { GalleryImageComponent } from './templates/gallery-image.component';\nimport { ImageItemData } from './templates/items.model';\nimport { GalleryConfig } from '../models/config.model';\nimport { GalleryItemType } from '../models/constants';\n\n@Component({\n  selector: 'gallery-thumb',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./gallery-thumb.scss'],\n  template: `\n    \n\n    \n      \n    \n  `,\n  standalone: true,\n  imports: [CommonModule, GalleryImageComponent]\n})\nexport class GalleryThumbComponent {\n\n  @Input() config: GalleryConfig;\n\n  /** Item's index in the gallery */\n  @Input() index: number;\n\n  /** The number of total items */\n  @Input() count: number;\n\n  /** Gallery current index */\n  @Input() currIndex: number;\n\n  /** Item's type 'image', 'video', 'youtube', 'iframe' */\n  @Input() type: GalleryItemType;\n\n  /** Item's data, this object contains the data required to display the content (e.g. src path) */\n  @Input() data: ImageItemData;\n\n  @Output() error: EventEmitter = new EventEmitter();\n\n  @HostBinding('class.g-active-thumb') get isActive() {\n    return this.index === this.currIndex;\n  }\n\n  @HostBinding('attr.galleryIndex') get isIndexAttr(): number {\n    return this.index;\n  }\n\n  get imageContext(): GalleryItemContext {\n    return {\n      $implicit: this.data,\n      index: this.index,\n      type: this.type,\n      active: this.isActive,\n      count: this.count,\n      first: this.index === 0,\n      last: this.index === this.count - 1\n    }\n  }\n\n  get nativeElement(): HTMLElement {\n    return this.el.nativeElement;\n  }\n\n  constructor(private el: ElementRef) {\n  }\n}\n\n    \n\n\n    \n                \n                    ./gallery-thumb.scss\n                \n                :host {\n  cursor: var(--g-thumb-cursor);\n  height: var(--g-thumb-height);\n  width: var(--g-thumb-width);\n  max-height: var(--g-thumb-height);\n  max-width: var(--g-thumb-width);\n  align-self: center;\n  background: black;\n  position: relative;\n  display: flex;\n  overflow: hidden;\n  flex-direction: column;\n  flex: 0 0 auto;\n  scroll-snap-align: center;\n  // Disable highlighting the elements on mouse move or click\n  user-select: none;\n  -webkit-user-drag: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n  --g-thumb-opacity: 0.5;\n\n  &.g-active-thumb {\n    --g-thumb-opacity: 1;\n  }\n}\n\n.g-template {\n  position: absolute;\n  z-index: 10;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '  '\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryThumbComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/GalleryThumbDef.html":{"url":"directives/GalleryThumbDef.html","title":"directive - GalleryThumbDef","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  GalleryThumbDef\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts\n        \n\n\n\n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [galleryThumbDef]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Public\n                                templateRef\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Static\n                                ngTemplateContextGuard\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(templateRef: TemplateRef>)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts:9\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        templateRef\n                                                  \n                                                        \n                                                                        TemplateRef>\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n\n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Static\n                        ngTemplateContextGuard\n                        \n                    \n                \n            \n            \n                \n                    \n                    ngTemplateContextGuard(directive: GalleryThumbDef, context)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts:15\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    directive\n                                    \n                                                GalleryThumbDef\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    context\n                                    \n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         GalleryItemContext\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Public\n                        templateRef\n                        \n                    \n                \n            \n                \n                    \n                        Type :         TemplateRef>\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts:11\n                        \n                    \n\n\n        \n    \n\n\n\n    \n\n\n    \n        import { Directive, TemplateRef } from '@angular/core';\nimport { ImageItemData } from '../components/templates/items.model';\nimport { GalleryItemContext } from './gallery-item-def.directive';\n\n@Directive({\n  standalone: true,\n  selector: '[galleryThumbDef]'\n})\nexport class GalleryThumbDef {\n\n  constructor(public templateRef: TemplateRef>) {\n  }\n  // Make sure the template checker knows the type of the context with which the\n  // template of this directive will be rendered\n  static ngTemplateContextGuard(\n    directive: GalleryThumbDef,\n    context: unknown\n  ): context is GalleryItemContext {\n    return true;\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryThumbsComponent.html":{"url":"components/GalleryThumbsComponent.html","title":"component - GalleryThumbsComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryThumbsComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts\n\n\n\n\n\n    \n        Implements\n    \n    \n                    AfterViewInit\n                    OnChanges\n    \n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-thumbs\n            \n\n            \n                styleUrls\n                ./gallery-thumbs.scss\n            \n\n\n            \n                template\n                \n  \n    \n  \n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                adapter\n                            \n                            \n                                items\n                            \n                            \n                                items$\n                            \n                            \n                                    Readonly\n                                position$\n                            \n                            \n                                sliderEl\n                            \n                            \n                                    Readonly\n                                thumbnailsView\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                ngAfterViewInit\n                            \n                            \n                                ngOnChanges\n                            \n                            \n                                onActiveIndexChange\n                            \n                            \n                                scrollToIndex\n                            \n                            \n                                trackByFn\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                config\n                            \n                            \n                                galleryId\n                            \n                            \n                                state\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                error\n                            \n                            \n                                thumbClick\n                            \n                        \n                    \n                \n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    slider\n                                \n                            \n                        \n                    \n        \n    \n\n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:82\n                            \n                        \n                \n                    \n                        Gallery config\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        galleryId\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:76\n                            \n                        \n                \n                    \n                        Gallery ID\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        state\n                    \n                \n                \n                    \n                        Type :         GalleryState\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:79\n                            \n                        \n                \n                    \n                        Gallery state\n\n                    \n                \n            \n        \n\n    \n    Outputs\n        \n            \n                \n                    \n                        \n                        error\n                    \n                \n                \n                    \n                        Type :         EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:88\n                            \n                        \n                \n                    \n                        Stream that emits when an error occurs\n\n                    \n                \n            \n        \n        \n            \n                \n                    \n                        \n                        thumbClick\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:85\n                            \n                        \n                \n                    \n                        Stream that emits when thumb is clicked\n\n                    \n                \n            \n        \n\n\n\n    \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        ngAfterViewInit\n                        \n                    \n                \n            \n            \n                \nngAfterViewInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:133\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnChanges\n                        \n                    \n                \n            \n            \n                \nngOnChanges(changes: SimpleChanges)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:99\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    changes\n                                    \n                                                SimpleChanges\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        onActiveIndexChange\n                        \n                    \n                \n            \n            \n                \nonActiveIndexChange(index: number)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:146\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    index\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        scrollToIndex\n                        \n                    \n                \n            \n            \n                \nscrollToIndex(value: number, behavior: ScrollBehavior)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:155\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    value\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        trackByFn\n                        \n                    \n                \n            \n            \n                \ntrackByFn(index: number, item: any)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:142\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    index\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    item\n                                    \n                                                any\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         any\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                        adapter\n                        \n                    \n                \n            \n                \n                    \n                        Type :         SliderAdapter\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:70\n                        \n                    \n\n            \n                \n                    Slider adapter\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        items\n                        \n                    \n                \n            \n                \n                    \n                        Type :         QueryList\n\n                    \n                \n                \n                    \n                        Default value : new QueryList()\n                    \n                \n                \n                    \n                        Decorators : \n                        \n                        \n                            @ViewChildren(GalleryThumbComponent)\n                        \n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:93\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        items$\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Observable\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:73\n                        \n                    \n\n            \n                \n                    Stream that emits the thumb components once they're initialized\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        position$\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Subject\n\n                    \n                \n                \n                    \n                        Default value : new Subject()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:64\n                        \n                    \n\n            \n                \n                    Stream that emits the slider position\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        sliderEl\n                        \n                    \n                \n            \n                \n                    \n                        Type :         ElementRef\n\n                    \n                \n                \n                    \n                        Decorators : \n                        \n                        \n                            @ViewChild('slider', {static: true})\n                        \n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:91\n                        \n                    \n\n            \n                \n                    Slider ElementRef\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        thumbnailsView\n                        \n                    \n                \n            \n                \n                    \n                        Default value : ThumbnailsView\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:67\n                        \n                    \n\n            \n                \n                    Thumbnails view enum\n\n                \n            \n\n        \n    \n\n\n    \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        slider\n                    \n                \n\n                \n                    \n                        getslider()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts:95\n                                \n                            \n\n            \n        \n\n\n\n\n    \n        import {\n  Component,\n  Input,\n  Output,\n  ViewChild,\n  ViewChildren,\n  EventEmitter,\n  AfterViewInit,\n  OnChanges,\n  QueryList,\n  SimpleChanges,\n  ElementRef,\n  ChangeDetectionStrategy\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Observable, Subject, map, startWith } from 'rxjs';\nimport { GalleryConfig } from '../models/config.model';\nimport { GalleryState, GalleryError } from '../models/gallery.model';\nimport { ThumbnailsPosition, ThumbnailsView } from '../models/constants';\nimport { VerticalAdapter, HorizontalAdapter, SliderAdapter } from './adapters';\nimport { SmoothScroll, SmoothScrollToOptions } from '../smooth-scroll';\nimport { GalleryThumbComponent } from './gallery-thumb.component';\nimport { HammerSliding } from '../gestures/hammer-sliding.directive';\nimport { ThumbResizeObserver } from '../observers/thumb-resize-observer.directive';\n\n@Component({\n  selector: 'gallery-thumbs',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./gallery-thumbs.scss'],\n  template: `\n    \n      \n        \n      \n    \n  `,\n  standalone: true,\n  imports: [CommonModule, GalleryThumbComponent, SmoothScroll, HammerSliding, ThumbResizeObserver]\n})\nexport class GalleryThumbsComponent implements AfterViewInit, OnChanges {\n\n  /** Stream that emits the slider position */\n  readonly position$: Subject = new Subject();\n\n  /** Thumbnails view enum */\n  readonly thumbnailsView = ThumbnailsView;\n\n  /** Slider adapter */\n  adapter: SliderAdapter;\n\n  /** Stream that emits the thumb components once they're initialized */\n  items$: Observable;\n\n  /** Gallery ID */\n  @Input() galleryId: string;\n\n  /** Gallery state */\n  @Input() state: GalleryState;\n\n  /** Gallery config */\n  @Input() config: GalleryConfig;\n\n  /** Stream that emits when thumb is clicked */\n  @Output() thumbClick: EventEmitter = new EventEmitter();\n\n  /** Stream that emits when an error occurs */\n  @Output() error: EventEmitter = new EventEmitter();\n\n  /** Slider ElementRef */\n  @ViewChild('slider', { static: true }) sliderEl: ElementRef;\n\n  @ViewChildren(GalleryThumbComponent) items: QueryList = new QueryList();\n\n  get slider(): HTMLElement {\n    return this.sliderEl.nativeElement;\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.config) {\n      // Sets sliding direction\n      if (changes.config.currentValue?.thumbPosition !== changes.config.previousValue?.thumbPosition) {\n        switch (this.config.thumbPosition) {\n          case ThumbnailsPosition.Right:\n          case ThumbnailsPosition.Left:\n            this.adapter = new VerticalAdapter(this.slider, this.config);\n            break;\n          case ThumbnailsPosition.Top:\n          case ThumbnailsPosition.Bottom:\n            this.adapter = new HorizontalAdapter(this.slider, this.config);\n            break;\n        }\n\n        if (!changes.config.firstChange) {\n          // Keep the correct sliding position when direction changes\n          requestAnimationFrame(() => {\n            this.scrollToIndex(this.state.currIndex, 'auto');\n          });\n        }\n      }\n    }\n\n    if (changes.state && (changes.state.firstChange || !this.config.thumbDetached)) {\n      if (changes.state.currentValue?.currIndex !== changes.state.previousValue?.currIndex) {\n        // Scroll slide to item when current index changes.\n        requestAnimationFrame(() => {\n          this.scrollToIndex(this.state.currIndex, changes.state?.firstChange ? 'auto' : 'smooth');\n        });\n      }\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.items.notifyOnChanges();\n    this.items$ = this.items.changes.pipe(\n      // In some cases, items is not notified at first, need to force start the stream\n      startWith(null),\n      map(() => this.items.toArray())\n    );\n  }\n\n  trackByFn(index: number, item: any) {\n    return item.type;\n  }\n\n  onActiveIndexChange(index: number): void {\n    if (index === -1) {\n      // Reset active index position\n      this.scrollToIndex(this.state.currIndex, 'smooth');\n    } else {\n      this.scrollToIndex(index, 'smooth');\n    }\n  }\n\n  scrollToIndex(value: number, behavior: ScrollBehavior): void {\n    const el: HTMLElement = this.items.get(value)?.nativeElement;\n    if (el) {\n      const pos: SmoothScrollToOptions = this.adapter.getScrollToValue(el, behavior);\n      this.position$.next(pos);\n    }\n  }\n}\n\n    \n\n\n    \n                \n                    ./gallery-thumbs.scss\n                \n                :host {\n  max-height: 100%;\n  max-width: 100%;\n  display: block;\n  z-index: 100;\n}\n\n.g-slider {\n  display: flex;\n  align-items: center;\n  transition: var(--g-height-transition);\n  max-height: 100%;\n  min-width: 100%;\n  height: var(--thumb-slider-height);\n  width: var(--thumb-slider-width);\n\n  top: var(--thumb-slider-top);\n  left: var(--thumb-slider-left);\n  overflow: var(--thumb-slider-overflow);\n  scroll-snap-type: var(--slider-scroll-snap-type);\n  flex-direction: var(--thumb-slider-flex-direction);\n\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse\n  &.g-sliding {\n    // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse\n    .g-slider-content {\n      pointer-events: none;\n    }\n  }\n\n  &[centralised=\"true\"] {\n    &:before, &:after {\n      content: '';\n    }\n\n    &:before {\n      flex: 0 0 var(--thumb-centralize-start-size);\n    }\n\n    &:after {\n      flex: 0 0 var(--thumb-centralize-end-size);\n    }\n  }\n}\n\n.g-slider-content {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: var(--thumb-slider-flex-direction);\n  align-items: center;\n  gap: 1px;\n}\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '        '\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryThumbsComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/GalleryVideoComponent.html":{"url":"components/GalleryVideoComponent.html","title":"component - GalleryVideoComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  GalleryVideoComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts\n\n\n\n\n\n    \n        Implements\n    \n    \n                    OnInit\n    \n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                gallery-video\n            \n\n\n\n            \n                template\n                \n  \n    \n    \n      \n    \n  \n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                video\n                            \n                            \n                                videoSources\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                ngOnInit\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                controls\n                            \n                            \n                                controlsList\n                            \n                            \n                                disablePictureInPicture\n                            \n                            \n                                disableRemotePlayback\n                            \n                            \n                                loop\n                            \n                            \n                                mute\n                            \n                            \n                                pause\n                            \n                            \n                                play\n                            \n                            \n                                poster\n                            \n                            \n                                src\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                error\n                            \n                        \n                    \n                \n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    pauseVideo\n                                \n                                \n                                    playVideo\n                                \n                            \n                        \n                    \n        \n    \n\n\n\n    \n    Inputs\n        \n            \n                \n                    \n                        \n                        controls\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:36\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        controlsList\n                    \n                \n                \n                    \n                        Type :     \"nodownload\" | \"nofullscreen\" | \"noremoteplayback\"\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:37\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        disablePictureInPicture\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:39\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        disableRemotePlayback\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:38\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        loop\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:35\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        mute\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:34\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        pause\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:41\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        play\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:50\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        poster\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:33\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        src\n                    \n                \n                \n                    \n                        Type :     string | literal type[]\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:32\n                            \n                        \n            \n        \n\n    \n    Outputs\n        \n            \n                \n                    \n                        \n                        error\n                    \n                \n                \n                    \n                        Type :         EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:60\n                            \n                        \n                \n                    \n                        Stream that emits when an error occurs\n\n                    \n                \n            \n        \n\n\n\n    \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnInit\n                        \n                    \n                \n            \n            \n                \nngOnInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:64\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                        video\n                        \n                    \n                \n            \n                \n                    \n                        Type :         ElementRef\n\n                    \n                \n                \n                    \n                        Decorators : \n                        \n                        \n                            @ViewChild('video', {static: true})\n                        \n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:62\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        videoSources\n                        \n                    \n                \n            \n                \n                    \n                        Type :     literal type[]\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:30\n                        \n                    \n\n\n        \n    \n\n\n    \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        pauseVideo\n                    \n                \n\n\n                \n                    \n                        setpauseVideo(shouldPause: boolean)\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:41\n                                \n                            \n                    \n                        \n\n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                        Type\n                                                    Optional\n                                                \n                                            \n                                            \n                                                    \n                                                            shouldPause\n                                                    \n                                                            \n                                                                            boolean\n                                                            \n                                                    \n                                                        \n                                                                No\n                                                        \n                                                        \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                                \n                                    Returns :         void\n\n                                \n                        \n                    \n            \n        \n        \n            \n                \n                    \n                        \n                        playVideo\n                    \n                \n\n\n                \n                    \n                        setplayVideo(shouldPlay: boolean)\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts:50\n                                \n                            \n                    \n                        \n\n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                        Type\n                                                    Optional\n                                                \n                                            \n                                            \n                                                    \n                                                            shouldPlay\n                                                    \n                                                            \n                                                                            boolean\n                                                            \n                                                    \n                                                        \n                                                                No\n                                                        \n                                                        \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                                \n                                    Returns :         void\n\n                                \n                        \n                    \n            \n        \n\n\n\n\n    \n        import { Component, Input, Output, EventEmitter, OnInit, ViewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core';\nimport { NgFor, NgIf } from '@angular/common';\n\n@Component({\n  selector: 'gallery-video',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    \n      \n        \n        \n          \n        \n      \n    \n  `,\n  standalone: true,\n  imports: [NgFor, NgIf]\n})\nexport class GalleryVideoComponent implements OnInit {\n\n  videoSources: { url: string, type?: string }[];\n\n  @Input() src: string | { url: string, type?: string }[];\n  @Input() poster: string;\n  @Input() mute: boolean;\n  @Input() loop: boolean;\n  @Input() controls: boolean;\n  @Input() controlsList: 'nodownload' | 'nofullscreen' | 'noremoteplayback';\n  @Input() disableRemotePlayback: boolean;\n  @Input() disablePictureInPicture: boolean;\n\n  @Input('pause') set pauseVideo(shouldPause: boolean) {\n    if (this.video.nativeElement) {\n      const video: HTMLVideoElement = this.video.nativeElement;\n      if (shouldPause && !video.paused) {\n        video.pause();\n      }\n    }\n  }\n\n  @Input('play') set playVideo(shouldPlay: boolean) {\n    if (this.video.nativeElement) {\n      const video: HTMLVideoElement = this.video.nativeElement;\n      if (shouldPlay) {\n        video.play();\n      }\n    }\n  }\n\n  /** Stream that emits when an error occurs */\n  @Output() error = new EventEmitter();\n\n  @ViewChild('video', { static: true }) video: ElementRef;\n\n  ngOnInit() {\n    if (this.src instanceof Array) {\n      // If video has multiple sources\n      this.videoSources = [...this.src];\n    } else {\n      this.videoSources = [{ url: this.src }];\n    }\n  }\n}\n\n    \n\n\n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '                      '\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'GalleryVideoComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/HammerSliding.html":{"url":"directives/HammerSliding.html","title":"directive - HammerSliding","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  HammerSliding\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts\n        \n\n\n\n            \n                Implements\n            \n            \n                            OnChanges\n                            OnDestroy\n            \n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [hammerSliding]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _hammer\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _subscribe\n                            \n                            \n                                    Private\n                                _unsubscribe\n                            \n                            \n                                    Private\n                                getElementFromViewportCenter\n                            \n                            \n                                    Private\n                                getIndexOnMouseUp\n                            \n                            \n                                ngOnChanges\n                            \n                            \n                                ngOnDestroy\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                adapter\n                            \n                            \n                                config\n                            \n                            \n                                galleryId\n                            \n                            \n                                items\n                            \n                            \n                                state\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                activeIndexChange\n                            \n                            \n                                isSlidingChange\n                            \n                        \n                    \n                \n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    _viewport\n                                \n                            \n                        \n                    \n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(_document: Document, _el: ElementRef, _platform: Platform, _zone: NgZone)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:37\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _document\n                                                  \n                                                        \n                                                                    Document\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _el\n                                                  \n                                                        \n                                                                    ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _platform\n                                                  \n                                                        \n                                                                    Platform\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _zone\n                                                  \n                                                        \n                                                                        NgZone\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    Inputs\n        \n            \n                \n                    \n                        \n                        adapter\n                    \n                \n                \n                    \n                        Type :         SliderAdapter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:29\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:33\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        galleryId\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:25\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        items\n                    \n                \n                \n                    \n                        Type :         GalleryItemComponent[] | GalleryThumbComponent[]\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:27\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        state\n                    \n                \n                \n                    \n                        Type :         GalleryState\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:31\n                            \n                        \n            \n        \n\n            \n    Outputs\n        \n            \n                \n                    \n                        \n                        activeIndexChange\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:35\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        isSlidingChange\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:37\n                            \n                        \n            \n        \n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _subscribe\n                        \n                    \n                \n            \n            \n                \n                    \n                    _subscribe()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:59\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _unsubscribe\n                        \n                    \n                \n            \n            \n                \n                    \n                    _unsubscribe()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:98\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        getElementFromViewportCenter\n                        \n                    \n                \n            \n            \n                \n                    \n                    getElementFromViewportCenter()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:124\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :     Element\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        getIndexOnMouseUp\n                        \n                    \n                \n            \n            \n                \n                    \n                    getIndexOnMouseUp(e: any)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:102\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    e\n                                    \n                                                any\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         number\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnChanges\n                        \n                    \n                \n            \n            \n                \nngOnChanges(changes: SimpleChanges)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:46\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    changes\n                                    \n                                                SimpleChanges\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnDestroy\n                        \n                    \n                \n            \n            \n                \nngOnDestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:55\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _hammer\n                        \n                    \n                \n            \n                \n                    \n                        Type :         any\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:19\n                        \n                    \n\n            \n                \n                    HammerJS instance\n\n                \n            \n\n        \n    \n\n\n            \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        _viewport\n                    \n                \n\n                \n                    \n                        get_viewport()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts:21\n                                \n                            \n\n            \n        \n\n\n    \n\n\n    \n        import { Directive, Inject, Input, Output, OnChanges, OnDestroy, SimpleChanges, NgZone, ElementRef, EventEmitter } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { Platform } from '@angular/cdk/platform';\nimport { SliderAdapter } from '../components/adapters';\nimport { GalleryConfig } from '../models/config.model';\nimport { GalleryState } from '../models/gallery.model';\nimport { GalleryItemComponent } from '../components/gallery-item.component';\nimport { GalleryThumbComponent } from '../components/gallery-thumb.component';\n\ndeclare const Hammer: any;\n\n@Directive({\n  selector: '[hammerSliding]',\n  standalone: true\n})\nexport class HammerSliding implements OnChanges, OnDestroy {\n\n  /** HammerJS instance */\n  private _hammer: any;\n\n  get _viewport(): HTMLElement {\n    return this._el.nativeElement;\n  }\n\n  @Input() galleryId: string;\n\n  @Input() items: GalleryItemComponent[] | GalleryThumbComponent[];\n\n  @Input() adapter: SliderAdapter;\n\n  @Input() state: GalleryState;\n\n  @Input() config: GalleryConfig;\n\n  @Output() activeIndexChange: EventEmitter = new EventEmitter();\n\n  @Output() isSlidingChange: EventEmitter = new EventEmitter();\n\n  constructor(@Inject(DOCUMENT) private _document: Document,\n              private _el: ElementRef,\n              private _platform: Platform,\n              private _zone: NgZone) {\n  }\n\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.config && changes.config.currentValue?.mouseSlidingDisabled !== changes.config.previousValue?.mouseSlidingDisabled) {\n      changes.config.currentValue.mouseSlidingDisabled ? this._unsubscribe() : this._subscribe();\n    }\n    if (!changes.adapter?.firstChange && changes.adapter?.currentValue !== changes.adapter?.previousValue) {\n      this._subscribe();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this._unsubscribe();\n  }\n\n  private _subscribe(): void {\n    this._unsubscribe();\n\n    if (!this._platform.ANDROID && !this._platform.IOS && typeof Hammer !== 'undefined') {\n      this._zone.runOutsideAngular(() => {\n\n        const direction: number = this.adapter.hammerDirection;\n        this._hammer = new Hammer(this._el.nativeElement, { inputClass: Hammer.MouseInput });\n        this._hammer.get('pan').set({ direction });\n\n        let offset: number;\n\n        // Set panOffset for sliding on pan start event\n        this._hammer.on('panstart', () => {\n          this._zone.run(() => {\n            this.isSlidingChange.emit(true);\n          });\n\n          offset = this.adapter.scrollValue;\n          this._viewport.classList.add('g-sliding');\n          this._viewport.style.setProperty('--slider-scroll-snap-type', 'none');\n        });\n\n        this._hammer.on('panmove', (e: any) => this._viewport.scrollTo(this.adapter.getHammerValue(offset, e, 'auto')));\n\n        this._hammer.on('panend', (e: any) => {\n          this._document.onselectstart = null;\n          this._viewport.classList.remove('g-sliding');\n          const index: number = this.getIndexOnMouseUp(e);\n\n          this._zone.run(() => {\n            this.isSlidingChange.emit(false);\n            this.activeIndexChange.emit(index);\n          });\n        });\n      });\n    }\n  }\n\n  private _unsubscribe(): void {\n    this._hammer?.destroy();\n  }\n\n  private getIndexOnMouseUp(e: any): number {\n    // Check if scrolled item is great enough to navigate\n    const currElement: Element = this.items[this.state.currIndex].nativeElement;\n\n    // Find the gallery item element in the center elements\n    const elementAtCenter: Element = this.getElementFromViewportCenter();\n\n    // Check if center item can be taken from element using\n    if (elementAtCenter && elementAtCenter !== currElement) {\n      return +elementAtCenter.getAttribute('galleryIndex');\n    }\n\n    const velocity: number = this.adapter.getHammerVelocity(e);\n    // Check if velocity is great enough to navigate\n    if (Math.abs(velocity) > 0.3) {\n      return velocity > 0 ? this.state.currIndex - 1 : this.state.currIndex + 1;\n    }\n\n    // Reset position to the current index\n    return -1;\n  }\n\n  private getElementFromViewportCenter(): Element {\n    // Get slider position relative to the document\n    const sliderRect: DOMRect = this._viewport.getBoundingClientRect();\n    // Try look for the center item using `elementsFromPoint` function\n    const centerElements: Element[] = this._document.elementsFromPoint(\n      sliderRect.x + (sliderRect.width / 2),\n      sliderRect.y + (sliderRect.height / 2)\n    );\n    // Find the gallery item element in the center elements\n    return centerElements.find((element: Element) => {\n      return element.getAttribute('galleryId') === this.galleryId;\n    });\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/Hit.html":{"url":"interfaces/Hit.html","title":"interface - Hit","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  Hit\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/stories/pixabay/pixabay.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                        \n                                            comments\n                                        \n                                \n                                \n                                        \n                                            downloads\n                                        \n                                \n                                \n                                        \n                                            favorites\n                                        \n                                \n                                \n                                        \n                                            id\n                                        \n                                \n                                \n                                        \n                                            imageHeight\n                                        \n                                \n                                \n                                        \n                                            imageSize\n                                        \n                                \n                                \n                                        \n                                            imageWidth\n                                        \n                                \n                                \n                                        \n                                            likes\n                                        \n                                \n                                \n                                        \n                                            pageURL\n                                        \n                                \n                                \n                                        \n                                            previewHeight\n                                        \n                                \n                                \n                                        \n                                            previewURL\n                                        \n                                \n                                \n                                        \n                                            previewWidth\n                                        \n                                \n                                \n                                        \n                                            tags\n                                        \n                                \n                                \n                                        \n                                            type\n                                        \n                                \n                                \n                                        \n                                            user\n                                        \n                                \n                                \n                                        \n                                            user_id\n                                        \n                                \n                                \n                                        \n                                            userImageURL\n                                        \n                                \n                                \n                                        \n                                            views\n                                        \n                                \n                                \n                                        \n                                            webformatHeight\n                                        \n                                \n                                \n                                        \n                                            webformatURL\n                                        \n                                \n                                \n                                        \n                                            webformatWidth\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        comments\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        comments:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        downloads\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        downloads:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        favorites\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        favorites:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        id\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        id:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        imageHeight\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        imageHeight:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        imageSize\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        imageSize:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        imageWidth\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        imageWidth:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        likes\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        likes:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        pageURL\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        pageURL:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        previewHeight\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        previewHeight:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        previewURL\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        previewURL:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        previewWidth\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        previewWidth:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        tags\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        tags:     string[]\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :     string[]\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        type\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        type:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        user\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        user:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        user_id\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        user_id:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        userImageURL\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        userImageURL:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        views\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        views:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        webformatHeight\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        webformatHeight:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        webformatURL\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        webformatURL:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        webformatWidth\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        webformatWidth:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        export interface PixabayModel {\n  total: number;\n  totalHits: number;\n  hits: Hit[];\n}\n\nexport interface Hit {\n  id: number;\n  pageURL: string;\n  type: string;\n  tags: string[];\n  previewURL: string;\n  previewWidth: number;\n  previewHeight: number;\n  webformatURL: string;\n  webformatWidth: number;\n  webformatHeight: number;\n  imageWidth: number;\n  imageHeight: number;\n  imageSize: number;\n  views: number;\n  downloads: number;\n  favorites: number;\n  likes: number;\n  comments: number;\n  user_id: number;\n  user: string;\n  userImageURL: string;\n}\nexport interface PixabayHDModel {\n  total: number;\n  totalHits: number;\n  hits: Hit2[];\n}\n\nexport interface Hit2 {\n  id_hash: string;\n  type: string;\n  previewURL: string;\n  previewWidth: number;\n  previewHeight: number;\n  webformatURL: string;\n  webformatWidth: number;\n  webformatHeight: number;\n  largeImageURL: string;\n  fullHDURL: string;\n  imageWidth: number;\n  imageHeight: number;\n  imageSize: number;\n  imageURL: string;\n  user_id: number;\n  user: string;\n  userImageURL: string;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/Hit2.html":{"url":"interfaces/Hit2.html","title":"interface - Hit2","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  Hit2\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/stories/pixabay/pixabay.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                        \n                                            fullHDURL\n                                        \n                                \n                                \n                                        \n                                            id_hash\n                                        \n                                \n                                \n                                        \n                                            imageHeight\n                                        \n                                \n                                \n                                        \n                                            imageSize\n                                        \n                                \n                                \n                                        \n                                            imageURL\n                                        \n                                \n                                \n                                        \n                                            imageWidth\n                                        \n                                \n                                \n                                        \n                                            largeImageURL\n                                        \n                                \n                                \n                                        \n                                            previewHeight\n                                        \n                                \n                                \n                                        \n                                            previewURL\n                                        \n                                \n                                \n                                        \n                                            previewWidth\n                                        \n                                \n                                \n                                        \n                                            type\n                                        \n                                \n                                \n                                        \n                                            user\n                                        \n                                \n                                \n                                        \n                                            user_id\n                                        \n                                \n                                \n                                        \n                                            userImageURL\n                                        \n                                \n                                \n                                        \n                                            webformatHeight\n                                        \n                                \n                                \n                                        \n                                            webformatURL\n                                        \n                                \n                                \n                                        \n                                            webformatWidth\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        fullHDURL\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        fullHDURL:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        id_hash\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        id_hash:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        imageHeight\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        imageHeight:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        imageSize\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        imageSize:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        imageURL\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        imageURL:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        imageWidth\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        imageWidth:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        largeImageURL\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        largeImageURL:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        previewHeight\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        previewHeight:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        previewURL\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        previewURL:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        previewWidth\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        previewWidth:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        type\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        type:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        user\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        user:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        user_id\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        user_id:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        userImageURL\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        userImageURL:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        webformatHeight\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        webformatHeight:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        webformatURL\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        webformatURL:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        webformatWidth\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        webformatWidth:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        export interface PixabayModel {\n  total: number;\n  totalHits: number;\n  hits: Hit[];\n}\n\nexport interface Hit {\n  id: number;\n  pageURL: string;\n  type: string;\n  tags: string[];\n  previewURL: string;\n  previewWidth: number;\n  previewHeight: number;\n  webformatURL: string;\n  webformatWidth: number;\n  webformatHeight: number;\n  imageWidth: number;\n  imageHeight: number;\n  imageSize: number;\n  views: number;\n  downloads: number;\n  favorites: number;\n  likes: number;\n  comments: number;\n  user_id: number;\n  user: string;\n  userImageURL: string;\n}\nexport interface PixabayHDModel {\n  total: number;\n  totalHits: number;\n  hits: Hit2[];\n}\n\nexport interface Hit2 {\n  id_hash: string;\n  type: string;\n  previewURL: string;\n  previewWidth: number;\n  previewHeight: number;\n  webformatURL: string;\n  webformatWidth: number;\n  webformatHeight: number;\n  largeImageURL: string;\n  fullHDURL: string;\n  imageWidth: number;\n  imageHeight: number;\n  imageSize: number;\n  imageURL: string;\n  user_id: number;\n  user: string;\n  userImageURL: string;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"classes/HorizontalAdapter.html":{"url":"classes/HorizontalAdapter.html","title":"class - HorizontalAdapter","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n  Classes\n  HorizontalAdapter\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/components/adapters/main-adapters.ts\n        \n\n\n\n\n            \n                Implements\n            \n            \n                            SliderAdapter\n            \n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Public\n                                config\n                            \n                            \n                                    Readonly\n                                hammerDirection\n                            \n                            \n                                    Readonly\n                                scrollSnapType\n                            \n                            \n                                    Public\n                                slider\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                getCentralizerEndSize\n                            \n                            \n                                getCentralizerStartSize\n                            \n                            \n                                getElementRootMargin\n                            \n                            \n                                getHammerValue\n                            \n                            \n                                getHammerVelocity\n                            \n                            \n                                getRootMargin\n                            \n                            \n                                getScrollToValue\n                            \n                        \n                    \n                \n\n\n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    scrollValue\n                                \n                                \n                                    clientSize\n                                \n                                \n                                    isContentLessThanContainer\n                                \n                            \n                        \n                    \n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(slider: HTMLElement, config: GalleryConfig)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:23\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        slider\n                                                  \n                                                        \n                                                                    HTMLElement\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        config\n                                                  \n                                                        \n                                                                        GalleryConfig\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Public\n                        config\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:25\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        hammerDirection\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : Hammer?.DIRECTION_HORIZONTAL\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:9\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        scrollSnapType\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                \n                    \n                        Default value : 'x mandatory'\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:11\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Public\n                        slider\n                        \n                    \n                \n            \n                \n                    \n                        Type :     HTMLElement\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:25\n                        \n                    \n\n\n        \n    \n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        getCentralizerEndSize\n                        \n                    \n                \n            \n            \n                \ngetCentralizerEndSize()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:54\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         number\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getCentralizerStartSize\n                        \n                    \n                \n            \n            \n                \ngetCentralizerStartSize()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:46\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         number\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getElementRootMargin\n                        \n                    \n                \n            \n            \n                \ngetElementRootMargin(viewport: HTMLElement, el: HTMLElement)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:41\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    viewport\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    el\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         string\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getHammerValue\n                        \n                    \n                \n            \n            \n                \ngetHammerValue(value: number, e: any, behavior: ScrollBehavior)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:66\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    value\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    e\n                                    \n                                                any\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :     ScrollToOptions\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getHammerVelocity\n                        \n                    \n                \n            \n            \n                \ngetHammerVelocity(e: any)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:62\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    e\n                                    \n                                                any\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         number\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getRootMargin\n                        \n                    \n                \n            \n            \n                \ngetRootMargin()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:37\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         string\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getScrollToValue\n                        \n                    \n                \n            \n            \n                \ngetScrollToValue(el: HTMLElement, behavior: ScrollBehavior)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:28\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    el\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         SmoothScrollToOptions\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n\n\n\n\n\n            \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        scrollValue\n                    \n                \n\n                \n                    \n                        getscrollValue()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:13\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        clientSize\n                    \n                \n\n                \n                    \n                        getclientSize()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:17\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        isContentLessThanContainer\n                    \n                \n\n                \n                    \n                        getisContentLessThanContainer()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:21\n                                \n                            \n\n            \n        \n\n    \n\n\n    \n        import { GalleryConfig } from '../../models/config.model';\nimport { SliderAdapter } from './base-adapter';\nimport { SmoothScrollToOptions } from '../../smooth-scroll';\n\ndeclare const Hammer: any;\n\nexport class HorizontalAdapter implements SliderAdapter {\n\n  readonly hammerDirection: number = Hammer?.DIRECTION_HORIZONTAL;\n\n  readonly scrollSnapType: string = 'x mandatory';\n\n  get scrollValue(): number {\n    return this.slider.scrollLeft;\n  }\n\n  get clientSize(): number {\n    return this.slider.clientWidth;\n  }\n\n  get isContentLessThanContainer(): boolean {\n    return this.clientSize >= this.slider.firstElementChild.clientWidth;\n  }\n\n  constructor(public slider: HTMLElement, public config: GalleryConfig) {\n  }\n\n  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollToOptions {\n    const position: number = el.offsetLeft - ((this.clientSize - el.clientWidth) / 2);\n    return {\n      start: position,\n      duration: behavior === 'smooth' ? this.config.slidingDuration : 0,\n      easing: this.config.slidingEase\n    };\n  }\n\n  getRootMargin(): string {\n    return `1000px 1px 1000px 1px`;\n  }\n\n  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {\n    const rootMargin: number = -1 * ((viewport.clientWidth - el.clientWidth) / 2) + 1;\n    return `0px ${ rootMargin }px 0px ${ rootMargin }px`;\n  }\n\n  getCentralizerStartSize(): number {\n    if (this.isContentLessThanContainer) {\n      const size: number = this.clientSize - this.slider.firstElementChild.clientWidth;\n      return size / 2;\n    }\n    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientWidth / 2);\n  }\n\n  getCentralizerEndSize(): number {\n    if (this.isContentLessThanContainer) {\n      const size: number = this.clientSize - this.slider.firstElementChild.clientWidth;\n      return size / 2;\n    }\n    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientWidth / 2);\n  }\n\n  getHammerVelocity(e: any): number {\n    return e.velocityX;\n  }\n\n  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {\n    return {\n      behavior,\n      left: value - e.deltaX\n    };\n  }\n\n  // getDraggingProperty(e: MouseEvent): number {\n  //   return e.clientX;\n  // }\n\n  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {\n  //   return {\n  //     behavior,\n  //     left: value - delta\n  //   };\n  // }\n}\n\nexport class VerticalAdapter implements SliderAdapter {\n\n  readonly hammerDirection: number = Hammer?.DIRECTION_VERTICAL;\n\n  readonly scrollSnapType: string = 'y mandatory';\n\n  get scrollValue(): number {\n    return this.slider.scrollTop;\n  }\n\n  get clientSize(): number {\n    return this.slider.clientHeight;\n  }\n\n  get isContentLessThanContainer(): boolean {\n    return this.clientSize >= this.slider.firstElementChild.clientHeight;\n  }\n\n  constructor(public slider: HTMLElement, public config: GalleryConfig) {\n  }\n\n  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollToOptions {\n    const position: number = el.offsetTop - ((this.clientSize - el.clientHeight) / 2);\n    return {\n      top: position,\n      duration: behavior === 'smooth' ? this.config.slidingDuration : 0,\n      easing: this.config.slidingEase\n    };\n  }\n\n  getRootMargin(): string {\n    return `1px 1000px 1px 1000px`;\n  }\n\n  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {\n    const rootMargin: number = -1 * ((viewport.clientHeight - el.clientHeight) / 2) + 1;\n    return `${ rootMargin }px 0px ${ rootMargin }px 0px`;\n  }\n\n  getCentralizerStartSize(): number {\n    if (this.isContentLessThanContainer) {\n      const size = this.clientSize - this.slider.firstElementChild.clientHeight;\n      return size / 2;\n    }\n    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientHeight / 2);\n  }\n\n  getCentralizerEndSize(): number {\n    if (this.isContentLessThanContainer) {\n      const size = this.clientSize - this.slider.firstElementChild.clientHeight;\n      return size / 2;\n    }\n    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientHeight / 2);\n  }\n\n  getHammerVelocity(e: any): number {\n    return e.velocityY;\n  }\n\n  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {\n    return {\n      behavior,\n      top: value - e.deltaY\n    };\n  }\n\n  // getDraggingProperty(e: MouseEvent): number {\n  //   return e.clientY;\n  // }\n\n  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {\n  //   return {\n  //     behavior,\n  //     top: value - delta\n  //   };\n  // }\n}\n\n    \n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"classes/IframeItem.html":{"url":"classes/IframeItem.html","title":"class - IframeItem","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n  Classes\n  IframeItem\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/components/templates/items.model.ts\n        \n\n\n\n\n            \n                Implements\n            \n            \n                            GalleryItem\n            \n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Readonly\n                                data\n                            \n                            \n                                    Readonly\n                                type\n                            \n                        \n                    \n                \n\n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(data: IframeItemData)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:26\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        data\n                                                  \n                                                        \n                                                                        IframeItemData\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        data\n                        \n                    \n                \n            \n                \n                    \n                        Type :         IframeItemData\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:26\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        type\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GalleryItemType\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:25\n                        \n                    \n\n\n        \n    \n\n\n\n\n\n\n\n\n    \n\n\n    \n        import { GalleryItem } from '../../models/gallery.model';\nimport { GalleryItemType, GalleryItemTypes } from '../../models/constants';\n\nexport class ImageItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: ImageItemData;\n\n  constructor(data: ImageItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Image;\n  }\n}\n\nexport class VideoItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: VideoItemData;\n\n  constructor(data: VideoItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Video;\n  }\n}\n\nexport class IframeItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: IframeItemData;\n\n  constructor(data: IframeItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Iframe;\n  }\n}\n\nexport class YoutubeItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: YoutubeItemData;\n\n  constructor(data: YoutubeItemData) {\n    this.data = {\n      ...data,\n      ...{\n        src: `https://youtube.com/embed/${ data.src }`,\n        thumb: data.thumb ? data.thumb : `//img.youtube.com/vi/${ data.src }/default.jpg`\n      }\n    };\n    this.type = GalleryItemTypes.Youtube;\n  }\n}\n\ntype GalleryItemModel = {\n  type?: GalleryItemType;\n  src?: string | { url: string, type: string }[];\n  thumb?: string;\n  args?: any;\n};\n\nexport type ImageItemData = GalleryItemModel & {\n  alt?: string;\n};\n\nexport type IframeItemData = GalleryItemModel & {\n  params?: any;\n};\n\nexport type YoutubeItemData = IframeItemData & {\n  autoplay?: boolean;\n};\n\nexport type VideoItemData = GalleryItemModel & {\n  poster?: string;\n  loop?: boolean;\n  // The only option for boolean video attributes is 'true', because false will still be evaluated to true in attributes binding\n  mute?: true;\n  disablePictureInPicture?: true;\n  controls?: boolean;\n  autoplay?: boolean;\n  preload?: 'none' | 'metadata' | 'auto' | '';\n  controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';\n  disableRemotePlayback?: boolean;\n};\n\nexport type GalleryItemData = ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;\n\nexport type ItemState = 'success' | 'loading' | 'failed';\n\n    \n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"classes/ImageItem.html":{"url":"classes/ImageItem.html","title":"class - ImageItem","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n  Classes\n  ImageItem\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/components/templates/items.model.ts\n        \n\n\n\n\n            \n                Implements\n            \n            \n                            GalleryItem\n            \n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Readonly\n                                data\n                            \n                            \n                                    Readonly\n                                type\n                            \n                        \n                    \n                \n\n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(data: ImageItemData)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:6\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        data\n                                                  \n                                                        \n                                                                        ImageItemData\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        data\n                        \n                    \n                \n            \n                \n                    \n                        Type :         ImageItemData\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:6\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        type\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GalleryItemType\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:5\n                        \n                    \n\n\n        \n    \n\n\n\n\n\n\n\n\n    \n\n\n    \n        import { GalleryItem } from '../../models/gallery.model';\nimport { GalleryItemType, GalleryItemTypes } from '../../models/constants';\n\nexport class ImageItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: ImageItemData;\n\n  constructor(data: ImageItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Image;\n  }\n}\n\nexport class VideoItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: VideoItemData;\n\n  constructor(data: VideoItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Video;\n  }\n}\n\nexport class IframeItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: IframeItemData;\n\n  constructor(data: IframeItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Iframe;\n  }\n}\n\nexport class YoutubeItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: YoutubeItemData;\n\n  constructor(data: YoutubeItemData) {\n    this.data = {\n      ...data,\n      ...{\n        src: `https://youtube.com/embed/${ data.src }`,\n        thumb: data.thumb ? data.thumb : `//img.youtube.com/vi/${ data.src }/default.jpg`\n      }\n    };\n    this.type = GalleryItemTypes.Youtube;\n  }\n}\n\ntype GalleryItemModel = {\n  type?: GalleryItemType;\n  src?: string | { url: string, type: string }[];\n  thumb?: string;\n  args?: any;\n};\n\nexport type ImageItemData = GalleryItemModel & {\n  alt?: string;\n};\n\nexport type IframeItemData = GalleryItemModel & {\n  params?: any;\n};\n\nexport type YoutubeItemData = IframeItemData & {\n  autoplay?: boolean;\n};\n\nexport type VideoItemData = GalleryItemModel & {\n  poster?: string;\n  loop?: boolean;\n  // The only option for boolean video attributes is 'true', because false will still be evaluated to true in attributes binding\n  mute?: true;\n  disablePictureInPicture?: true;\n  controls?: boolean;\n  autoplay?: boolean;\n  preload?: 'none' | 'metadata' | 'auto' | '';\n  controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';\n  disableRemotePlayback?: boolean;\n};\n\nexport type GalleryItemData = ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;\n\nexport type ItemState = 'success' | 'loading' | 'failed';\n\n    \n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/ImageRegistry.html":{"url":"interfaces/ImageRegistry.html","title":"interface - ImageRegistry","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  ImageRegistry\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/utils/img-manager.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                        \n                                            state\n                                        \n                                \n                                \n                                        \n                                            target\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        state\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        state:         Observable\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         Observable\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        target\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        target:     HTMLImageElement\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :     HTMLImageElement\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        import { Injectable } from '@angular/core';\nimport { Observable, BehaviorSubject, filter, map, switchMap, EMPTY } from 'rxjs';\nimport { GalleryState } from '../models/gallery.model';\nimport { ItemState } from '../components/templates/items.model';\n\ninterface ImageRegistry {\n  state: Observable;\n  target: HTMLImageElement;\n}\n\n@Injectable()\nexport class ImgManager {\n\n  private readonly trigger$: BehaviorSubject = new BehaviorSubject(null);\n\n  private readonly images: Map = new Map();\n\n  getActiveItem(state$: Observable): Observable {\n    return this.trigger$.pipe(\n      switchMap(() => state$.pipe(\n        switchMap((state: GalleryState) => {\n          const img: ImageRegistry = this.images.get(state.currIndex);\n          if (img) {\n            return img.state.pipe(\n              filter((state: ItemState) => state !== 'loading'),\n              map(() => img.target)\n            )\n          }\n          return EMPTY;\n        })\n      ))\n    );\n  }\n\n  addItem(index: number, payload: ImageRegistry): void {\n    this.images.set(index, payload);\n    this.trigger$.next();\n  }\n\n  deleteItem(index: number): void {\n    if (this.images.has(index)) {\n      this.images.delete(index);\n      this.trigger$.next();\n    }\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"injectables/ImgManager.html":{"url":"injectables/ImgManager.html","title":"injectable - ImgManager","body":"\n                   \n\n\n\n\n\n\n\n\n\n  Injectables\n  ImgManager\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/utils/img-manager.ts\n        \n\n\n\n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                    Readonly\n                                images\n                            \n                            \n                                    Private\n                                    Readonly\n                                trigger$\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                addItem\n                            \n                            \n                                deleteItem\n                            \n                            \n                                getActiveItem\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        addItem\n                        \n                    \n                \n            \n            \n                \naddItem(index: number, payload: ImageRegistry)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/utils/img-manager.ts:35\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    index\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    payload\n                                    \n                                                ImageRegistry\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        deleteItem\n                        \n                    \n                \n            \n            \n                \ndeleteItem(index: number)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/utils/img-manager.ts:40\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    index\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getActiveItem\n                        \n                    \n                \n            \n            \n                \ngetActiveItem(state$: Observable)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/utils/img-manager.ts:18\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    state$\n                                    \n                                                Observable\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :     Observable\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        images\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Map\n\n                    \n                \n                \n                    \n                        Default value : new Map()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/utils/img-manager.ts:16\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        trigger$\n                        \n                    \n                \n            \n                \n                    \n                        Type :         BehaviorSubject\n\n                    \n                \n                \n                    \n                        Default value : new BehaviorSubject(null)\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/utils/img-manager.ts:14\n                        \n                    \n\n\n        \n    \n\n\n    \n\n\n    \n        import { Injectable } from '@angular/core';\nimport { Observable, BehaviorSubject, filter, map, switchMap, EMPTY } from 'rxjs';\nimport { GalleryState } from '../models/gallery.model';\nimport { ItemState } from '../components/templates/items.model';\n\ninterface ImageRegistry {\n  state: Observable;\n  target: HTMLImageElement;\n}\n\n@Injectable()\nexport class ImgManager {\n\n  private readonly trigger$: BehaviorSubject = new BehaviorSubject(null);\n\n  private readonly images: Map = new Map();\n\n  getActiveItem(state$: Observable): Observable {\n    return this.trigger$.pipe(\n      switchMap(() => state$.pipe(\n        switchMap((state: GalleryState) => {\n          const img: ImageRegistry = this.images.get(state.currIndex);\n          if (img) {\n            return img.state.pipe(\n              filter((state: ItemState) => state !== 'loading'),\n              map(() => img.target)\n            )\n          }\n          return EMPTY;\n        })\n      ))\n    );\n  }\n\n  addItem(index: number, payload: ImageRegistry): void {\n    this.images.set(index, payload);\n    this.trigger$.next();\n  }\n\n  deleteItem(index: number): void {\n    if (this.images.has(index)) {\n      this.images.delete(index);\n      this.trigger$.next();\n    }\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/ImgRecognizer.html":{"url":"directives/ImgRecognizer.html","title":"directive - ImgRecognizer","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  ImgRecognizer\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/utils/img-recognizer.ts\n        \n\n\n\n            \n                Implements\n            \n            \n                            OnInit\n                            OnDestroy\n            \n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        img[galleryImage]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                ngOnDestroy\n                            \n                            \n                                ngOnInit\n                            \n                            \n                                onError\n                            \n                            \n                                onLoad\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                galleryImage\n                            \n                        \n                    \n                \n\n\n\n                \n                    \n                        HostListeners\n                    \n                \n                \n                    \n                        \n                            \n                                error\n                            \n                            \n                                load\n                            \n                        \n                    \n                \n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(el: ElementRef, manager: ImgManager, item: GalleryItemComponent)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/utils/img-recognizer.ts:21\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        el\n                                                  \n                                                        \n                                                                    ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        manager\n                                                  \n                                                        \n                                                                        ImgManager\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        item\n                                                  \n                                                        \n                                                                        GalleryItemComponent\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    Inputs\n        \n            \n                \n                    \n                        \n                        galleryImage\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/utils/img-recognizer.ts:11\n                            \n                        \n            \n        \n\n\n\n            \n    HostListeners    \n        \n            \n                \n                    \n                    \n                        \n                            error\n                        \n                        \n                    \n                \n            \n            \n                \n                    Arguments : '$event' \n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/utils/img-recognizer.ts:19\n                \n            \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        \n                            load\n                        \n                        \n                    \n                \n            \n            \n                \n                    Arguments : '$event' \n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/utils/img-recognizer.ts:14\n                \n            \n\n\n        \n    \n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnDestroy\n                        \n                    \n                \n            \n            \n                \nngOnDestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/utils/img-recognizer.ts:39\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnInit\n                        \n                    \n                \n            \n            \n                \nngOnInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/utils/img-recognizer.ts:32\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        onError\n                        \n                    \n                \n            \n            \n                \nonError()\n                \n            \n\n            \n                \n                    Decorators : \n                    \n                    @HostListener('error', ['$event'])\n                \n            \n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/utils/img-recognizer.ts:19\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        onLoad\n                        \n                    \n                \n            \n            \n                \nonLoad()\n                \n            \n\n            \n                \n                    Decorators : \n                    \n                    @HostListener('load', ['$event'])\n                \n            \n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/utils/img-recognizer.ts:14\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n\n\n    \n\n\n    \n        import { Directive, Input, HostListener, OnInit, OnDestroy, ElementRef } from '@angular/core';\nimport { ImgManager } from './img-manager';\nimport { GalleryItemComponent } from '../components/gallery-item.component';\n\n@Directive({\n  selector: 'img[galleryImage]',\n  standalone: true\n})\nexport class ImgRecognizer implements OnInit, OnDestroy {\n\n  @Input('galleryImage') index: number;\n\n  @HostListener('load', ['$event'])\n  onLoad() {\n    this.item.state$.next('success');\n  }\n\n  @HostListener('error', ['$event'])\n  onError() {\n    this.item.state$.next('failed');\n  }\n\n  constructor(private el: ElementRef, private manager: ImgManager, private item: GalleryItemComponent) {\n    if (item) {\n      // Mark the gallery-item component as an image item\n      item.isItemContainImage = true;\n    } else {\n      throw new Error('[NgGallery]: galleryImage directive should be only used inside gallery item templates!')\n    }\n  }\n\n  ngOnInit(): void {\n    this.manager.addItem(this.index, {\n      state: this.item.state$.asObservable(),\n      target: this.el.nativeElement\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.manager.deleteItem(this.index);\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/ItemIntersectionObserver.html":{"url":"directives/ItemIntersectionObserver.html","title":"directive - ItemIntersectionObserver","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  ItemIntersectionObserver\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts\n        \n\n\n\n            \n                Implements\n            \n            \n                            OnChanges\n                            OnDestroy\n            \n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [itemIntersectionObserver]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _currentSubscription\n                            \n                            \n                                    Private\n                                _sensor\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _subscribe\n                            \n                            \n                                    Private\n                                _unsubscribe\n                            \n                            \n                                ngOnChanges\n                            \n                            \n                                ngOnDestroy\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                adapter\n                            \n                            \n                                config\n                            \n                            \n                                itemIntersectionObserverDisabled\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                activeIndexChange\n                            \n                        \n                    \n                \n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    _viewport\n                                \n                            \n                        \n                    \n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(_zone: NgZone, _item: GalleryItemComponent)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:30\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _zone\n                                                  \n                                                        \n                                                                        NgZone\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _item\n                                                  \n                                                        \n                                                                        GalleryItemComponent\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    Inputs\n        \n            \n                \n                    \n                        \n                        adapter\n                    \n                \n                \n                    \n                        Type :         SliderAdapter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:24\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:26\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        itemIntersectionObserverDisabled\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:28\n                            \n                        \n            \n        \n\n            \n    Outputs\n        \n            \n                \n                    \n                        \n                        activeIndexChange\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:30\n                            \n                        \n            \n        \n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _subscribe\n                        \n                    \n                \n            \n            \n                \n                    \n                    _subscribe()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:43\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _unsubscribe\n                        \n                    \n                \n            \n            \n                \n                    \n                    _unsubscribe()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:74\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnChanges\n                        \n                    \n                \n            \n            \n                \nngOnChanges()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:35\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnDestroy\n                        \n                    \n                \n            \n            \n                \nngOnDestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:39\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _currentSubscription\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subscription\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:16\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _sensor\n                        \n                    \n                \n            \n                \n                    \n                        Type :         ActiveItemObserver\n\n                    \n                \n                \n                    \n                        Default value : new ActiveItemObserver()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:18\n                        \n                    \n\n\n        \n    \n\n\n            \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        _viewport\n                    \n                \n\n                \n                    \n                        get_viewport()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts:20\n                                \n                            \n\n            \n        \n\n\n    \n\n\n    \n        import { Directive, Input, Output, OnChanges, OnDestroy, NgZone, EventEmitter } from '@angular/core';\nimport { Subscription, combineLatest, filter, switchMap } from 'rxjs';\nimport { GalleryConfig } from '../models/config.model';\nimport { ActiveItemObserver } from './active-item-observer';\nimport { resizeObservable } from '../utils/resize-observer';\nimport { SliderAdapter } from '../components/adapters';\nimport { GalleryItemComponent } from '../components/gallery-item.component';\nimport { ItemState } from '../components/templates/items.model';\n\n@Directive({\n  selector: '[itemIntersectionObserver]',\n  standalone: true\n})\nexport class ItemIntersectionObserver implements OnChanges, OnDestroy {\n\n  private _currentSubscription: Subscription;\n\n  private _sensor: ActiveItemObserver = new ActiveItemObserver();\n\n  private get _viewport(): HTMLElement {\n    return this._item.nativeElement.parentElement.parentElement;\n  }\n\n  @Input() adapter: SliderAdapter;\n\n  @Input() config: GalleryConfig;\n\n  @Input('itemIntersectionObserverDisabled') disabled: boolean;\n\n  @Output() activeIndexChange: EventEmitter = new EventEmitter();\n\n  constructor(private _zone: NgZone, private _item: GalleryItemComponent) {\n  }\n\n  ngOnChanges(): void {\n    (this.config.itemAutosize && !this.disabled) ? this._subscribe() : this._unsubscribe();\n  }\n\n  ngOnDestroy(): void {\n    this._unsubscribe();\n  }\n\n  private _subscribe(): void {\n    this._unsubscribe();\n\n    if (!!this.adapter) {\n      this._zone.runOutsideAngular(() => {\n        this._currentSubscription = combineLatest([\n          resizeObservable(this._viewport),\n          resizeObservable(this._item.nativeElement)\n        ]).pipe(\n          switchMap(() => this._item.state$),\n          filter((state: ItemState) => state !== 'loading'),\n          switchMap(() => {\n            const rootMargin: string = this.adapter.getElementRootMargin(this._viewport, this._item.nativeElement);\n            if (this.config.debug) {\n              this._item.nativeElement.style.setProperty('--item-intersection-margin', `\"VIEWPORT(${ this._viewport.clientWidth }x${ this._viewport.clientHeight }) ITEM(${ this._item.nativeElement.clientWidth }x${ this._item.nativeElement.clientHeight }) INTERSECTION(${ rootMargin })\"`);\n            }\n\n            return this._sensor.observe(\n              this._viewport,\n              [this._item.nativeElement],\n              rootMargin\n            );\n          }\n          )\n        ).subscribe((index: number) => {\n          this._zone.run(() => this.activeIndexChange.emit(index));\n        });\n      });\n    }\n  }\n\n  private _unsubscribe(): void {\n    this._currentSubscription?.unsubscribe();\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"injectables/Lightbox.html":{"url":"injectables/Lightbox.html","title":"injectable - Lightbox","body":"\n                   \n\n\n\n\n\n\n\n\n\n  Injectables\n  Lightbox\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/lightbox/src/lightbox.service.ts\n        \n\n\n\n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _config\n                            \n                            \n                                    Private\n                                _overlayRef\n                            \n                            \n                                closed\n                            \n                            \n                                opened\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                close\n                            \n                            \n                                open\n                            \n                            \n                                setConfig\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(config: LightboxConfig, _gallery: Gallery, _overlay: Overlay, _sanitizer: DomSanitizer)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.service.ts:28\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        config\n                                                  \n                                                        \n                                                                        LightboxConfig\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _gallery\n                                                  \n                                                        \n                                                                        Gallery\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _overlay\n                                                  \n                                                        \n                                                                    Overlay\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _sanitizer\n                                                  \n                                                        \n                                                                        DomSanitizer\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        close\n                        \n                    \n                \n            \n            \n                \nclose()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/lightbox.service.ts:110\n                \n            \n\n\n            \n                \n                    Close Lightbox Overlay\n\n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        open\n                        \n                    \n                \n            \n            \n                \nopen(i: number, id: string, config?: LightboxConfig)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/lightbox.service.ts:48\n                \n            \n\n\n            \n                \n                    Open Lightbox Overlay\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                    Default value\n                                    Description\n                                \n                            \n                            \n                                \n                                    i\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                        0\n                                    \n\n                                    \n                                        \nCurrent Index\n\n\n                                    \n                                \n                                \n                                    id\n                                    \n                                                string\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                        'lightbox'\n                                    \n\n                                    \n                                        \nGallery ID\n\n\n                                    \n                                \n                                \n                                    config\n                                    \n                                                LightboxConfig\n                                    \n\n                                    \n                                        Yes\n                                    \n\n                                    \n                                    \n\n                                    \n                                        \nLightbox Config\n\n\n                                    \n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        setConfig\n                        \n                    \n                \n            \n            \n                \nsetConfig(config: LightboxConfig)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/lightbox.service.ts:38\n                \n            \n\n\n            \n                \n                    Set Lightbox Config\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                    Description\n                                \n                            \n                            \n                                \n                                    config\n                                    \n                                                LightboxConfig\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                    \n                                        \nLightboxConfig\n\n\n                                    \n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _config\n                        \n                    \n                \n            \n                \n                    \n                        Type :         LightboxConfig\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.service.ts:22\n                        \n                    \n\n            \n                \n                    Global config\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _overlayRef\n                        \n                    \n                \n            \n                \n                    \n                        Type :     OverlayRef\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.service.ts:19\n                        \n                    \n\n            \n                \n                    Gallery overlay ref\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        closed\n                        \n                    \n                \n            \n                \n                    \n                        Default value : new Subject()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.service.ts:28\n                        \n                    \n\n            \n                \n                    Stream that emits when lightbox is closed\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        opened\n                        \n                    \n                \n            \n                \n                    \n                        Default value : new Subject()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.service.ts:25\n                        \n                    \n\n            \n                \n                    Stream that emits when lightbox is opened\n\n                \n            \n\n        \n    \n\n\n    \n\n\n    \n        import { ComponentRef, Inject, Injectable, Optional } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { Overlay, OverlayRef, OverlayConfig } from '@angular/cdk/overlay';\nimport { LEFT_ARROW, RIGHT_ARROW, ESCAPE } from '@angular/cdk/keycodes';\nimport { Gallery } from 'ng-gallery';\nimport { Subject } from 'rxjs';\n\nimport { LightboxConfig, LIGHTBOX_CONFIG } from './lightbox.model';\nimport { defaultConfig } from './lightbox.default';\nimport { LightboxComponent } from './lightbox.component';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class Lightbox {\n\n  /** Gallery overlay ref */\n  private _overlayRef: OverlayRef;\n\n  /** Global config */\n  private _config: LightboxConfig;\n\n  /** Stream that emits when lightbox is opened */\n  opened = new Subject();\n\n  /** Stream that emits when lightbox is closed */\n  closed = new Subject();\n\n  constructor(@Optional() @Inject(LIGHTBOX_CONFIG) config: LightboxConfig, private _gallery: Gallery, private _overlay: Overlay, private _sanitizer: DomSanitizer) {\n    this._config = config ? { ...defaultConfig, ...config } : defaultConfig;\n  }\n\n  /**\n   * Set Lightbox Config\n   * @param config - LightboxConfig\n   */\n  setConfig(config: LightboxConfig) {\n    this._config = { ...this._config, ...config };\n  }\n\n  /**\n   * Open Lightbox Overlay\n   * @param i - Current Index\n   * @param id - Gallery ID\n   * @param config - Lightbox Config\n   */\n  open(i = 0, id = 'lightbox', config?: LightboxConfig) {\n\n    const _config: LightboxConfig = config ? { ...this._config, ...config } : this._config;\n\n    const overlayConfig: OverlayConfig = {\n      backdropClass: _config.backdropClass,\n      panelClass: _config.panelClass,\n      hasBackdrop: _config.hasBackdrop,\n      positionStrategy: this._overlay.position().global().centerHorizontally().centerVertically(),\n      scrollStrategy: this._overlay.scrollStrategies.block(),\n      disposeOnNavigation: true\n    };\n\n    const galleryRef = this._gallery.ref(id);\n    galleryRef.set(i);\n\n    this._overlayRef = this._overlay.create(overlayConfig);\n\n    // overlay opened event\n    this._overlayRef.attachments().subscribe(() => this.opened.next(id));\n\n    // overlay closed event\n    this._overlayRef.detachments().subscribe(() => this.closed.next(id));\n\n    // Attach gallery to the overlay\n    const galleryPortal = new ComponentPortal(LightboxComponent);\n    const lightboxRef: ComponentRef = this._overlayRef.attach(galleryPortal);\n\n    lightboxRef.instance.id = id;\n    lightboxRef.instance.overlayRef = this._overlayRef;\n    lightboxRef.instance.closeIcon = this._sanitizer.bypassSecurityTrustHtml(this._config.closeIcon);\n    lightboxRef.instance.role = this._config.role;\n    lightboxRef.instance.ariaLabel = this._config.ariaLabel;\n    lightboxRef.instance.ariaLabelledBy = this._config.ariaLabelledBy;\n    lightboxRef.instance.ariaDescribedBy = this._config.ariaDescribedBy;\n    lightboxRef.instance.startAnimationTime = this._config.startAnimationTime;\n    lightboxRef.instance.exitAnimationTime = this._config.exitAnimationTime;\n\n    if (_config.hasBackdrop) {\n      this._overlayRef.backdropClick().subscribe(() => this.close());\n    }\n\n    // Add keyboard shortcuts\n    if (_config.keyboardShortcuts) {\n      this._overlayRef.keydownEvents().subscribe((event: any) => {\n        switch (event.keyCode) {\n          case LEFT_ARROW:\n            galleryRef.prev();\n            break;\n          case RIGHT_ARROW:\n            galleryRef.next();\n            break;\n          case ESCAPE:\n            this.close();\n        }\n      });\n    }\n  }\n\n  /**\n   * Close Lightbox Overlay\n   */\n  close() {\n    if (this._overlayRef.hasAttached()) {\n      this._overlayRef.detach();\n    }\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/LightboxComponent.html":{"url":"components/LightboxComponent.html","title":"component - LightboxComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  LightboxComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            Styles\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/lightbox/src/lightbox.component.ts\n\n\n\n\n\n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n            \n                host\n                {}\n            \n\n\n\n\n\n\n            \n                selector\n                lightbox\n            \n\n            \n                styleUrls\n                ./lightbox.component.scss\n            \n\n\n            \n                template\n                \n\n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _elementFocusedBeforeDialogWasOpened\n                            \n                            \n                                    Private\n                                _focusTrap\n                            \n                            \n                                ariaDescribedBy\n                            \n                            \n                                ariaLabel\n                            \n                            \n                                ariaLabelledBy\n                            \n                            \n                                closeIcon\n                            \n                            \n                                exitAnimationTime\n                            \n                            \n                                id\n                            \n                            \n                                overlayRef\n                            \n                            \n                                role\n                            \n                            \n                                startAnimationTime\n                            \n                            \n                                state\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _restoreFocus\n                            \n                            \n                                    Private\n                                _savePreviouslyFocusedElement\n                            \n                            \n                                    Private\n                                _trapFocus\n                            \n                            \n                                onAnimationDone\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(_document: any, _focusTrapFactory: ConfigurableFocusTrapFactory, _elementRef: ElementRef)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:69\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _document\n                                                  \n                                                        \n                                                                        any\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _focusTrapFactory\n                                                  \n                                                        \n                                                                        ConfigurableFocusTrapFactory\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _elementRef\n                                                  \n                                                        \n                                                                        ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n\n\n\n\n    \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _restoreFocus\n                        \n                    \n                \n            \n            \n                \n                    \n                    _restoreFocus()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:114\n                \n            \n\n\n            \n                \n                    Restores focus to the element that was focused before the lightbox opened.\n\n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _savePreviouslyFocusedElement\n                        \n                    \n                \n            \n            \n                \n                    \n                    _savePreviouslyFocusedElement()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:99\n                \n            \n\n\n            \n                \n                    Saves a reference to the element that was focused before the lightbox was opened.\n\n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _trapFocus\n                        \n                    \n                \n            \n            \n                \n                    \n                    _trapFocus()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:88\n                \n            \n\n\n            \n                \n                    Moves the focus inside the focus trap.\n\n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        onAnimationDone\n                        \n                    \n                \n            \n            \n                \nonAnimationDone(event: AnimationEvent)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:78\n                \n            \n\n\n            \n                \n                    Callback, invoked whenever an animation on the host completes.\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    event\n                                    \n                                                AnimationEvent\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _elementFocusedBeforeDialogWasOpened\n                        \n                    \n                \n            \n                \n                    \n                        Type :     HTMLElement\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:69\n                        \n                    \n\n            \n                \n                    Element that was focused before the lightbox was opened. Save this to restore upon close.\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _focusTrap\n                        \n                    \n                \n            \n                \n                    \n                        Type :         ConfigurableFocusTrap\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:66\n                        \n                    \n\n            \n                \n                    The class that traps and manages focus within the lightbox.\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ariaDescribedBy\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:57\n                        \n                    \n\n            \n                \n                    ID of the element that describes the lightbox.\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ariaLabel\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:51\n                        \n                    \n\n            \n                \n                    Aria label to assign to the lightbox element\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ariaLabelledBy\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:54\n                        \n                    \n\n            \n                \n                    ID of the element that should be considered as the lightbox's label.\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        closeIcon\n                        \n                    \n                \n            \n                \n                    \n                        Type :         SafeHtml\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:42\n                        \n                    \n\n            \n                \n                    Close button svg data\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        exitAnimationTime\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:63\n                        \n                    \n\n            \n                \n                    The lightbox exit animation time in ms\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        id\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:36\n                        \n                    \n\n            \n                \n                    Gallery ref id\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        overlayRef\n                        \n                    \n                \n            \n                \n                    \n                        Type :     OverlayRef\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:39\n                        \n                    \n\n            \n                \n                    Overlay ref to close the lightbox\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        role\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:48\n                        \n                    \n\n            \n                \n                    The ARIA role of the lightbox element.\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        startAnimationTime\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:60\n                        \n                    \n\n            \n                \n                    The lightbox start animation time in ms\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        state\n                        \n                    \n                \n            \n                \n                    \n                        Type :     \"void\" | \"enter\" | \"exit\"\n\n                    \n                \n                \n                    \n                        Default value : 'enter'\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.component.ts:45\n                        \n                    \n\n            \n                \n                    State of the lightbox animation.\n\n                \n            \n\n        \n    \n\n\n\n\n\n    \n        import { Component, Optional, Inject, ElementRef, ChangeDetectionStrategy } from '@angular/core';\nimport { SafeHtml } from '@angular/platform-browser';\nimport { DOCUMENT } from '@angular/common';\nimport { AnimationEvent } from '@angular/animations';\nimport { OverlayRef } from '@angular/cdk/overlay';\nimport { ConfigurableFocusTrap, ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';\nimport { GalleryComponent } from 'ng-gallery';\nimport { lightboxAnimation } from './lightbox.animation';\n\n@Component({\n  selector: 'lightbox',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [lightboxAnimation],\n  styleUrls: ['./lightbox.component.scss'],\n  template: `\n    \n    \n  `,\n  host: {\n    'tabindex': '-1',\n    'aria-modal': 'true',\n    '[attr.id]': '\"lightbox-\" + id',\n    '[attr.role]': 'role',\n    '[attr.aria-labelledby]': 'ariaLabel ? null : ariaLabelledBy',\n    '[attr.aria-label]': 'ariaLabel',\n    '[attr.aria-describedby]': 'ariaDescribedBy || null',\n    '[@lightbox]': '{ value: state, params: { startAnimationTime: startAnimationTime, exitAnimationTime: exitAnimationTime } }',\n    '(@lightbox.done)': 'onAnimationDone($event)',\n  },\n  standalone: true,\n  imports: [GalleryComponent]\n})\nexport class LightboxComponent {\n\n  /** Gallery ref id */\n  id: string;\n\n  /** Overlay ref to close the lightbox */\n  overlayRef: OverlayRef;\n\n  /** Close button svg data */\n  closeIcon: SafeHtml;\n\n  /** State of the lightbox animation. */\n  state: 'void' | 'enter' | 'exit' = 'enter';\n\n  /** The ARIA role of the lightbox element. */\n  role: string;\n\n  /** Aria label to assign to the lightbox element */\n  ariaLabel: string;\n\n  /** ID of the element that should be considered as the lightbox's label. */\n  ariaLabelledBy: string;\n\n  /** ID of the element that describes the lightbox. */\n  ariaDescribedBy: string;\n\n  /** The lightbox start animation time in ms */\n  startAnimationTime: number;\n\n  /** The lightbox exit animation time in ms */\n  exitAnimationTime: number;\n\n  /** The class that traps and manages focus within the lightbox. */\n  private _focusTrap: ConfigurableFocusTrap;\n\n  /** Element that was focused before the lightbox was opened. Save this to restore upon close. */\n  private _elementFocusedBeforeDialogWasOpened: HTMLElement;\n\n  constructor(@Optional() @Inject(DOCUMENT) private _document: any,\n              private _focusTrapFactory: ConfigurableFocusTrapFactory,\n              private _elementRef: ElementRef) {\n    this._savePreviouslyFocusedElement();\n  }\n\n  /** Callback, invoked whenever an animation on the host completes. */\n  onAnimationDone(event: AnimationEvent) {\n    if (event.toState === 'enter') {\n      this._trapFocus();\n    } else {\n      this.overlayRef.dispose();\n      this._restoreFocus();\n    }\n  }\n\n  /** Moves the focus inside the focus trap. */\n  private _trapFocus() {\n    if (!this._focusTrap) {\n      this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);\n    }\n    // If were to attempt to focus immediately, then the content of the lightbox would not yet be\n    // ready in instances where change detection has to run first. To deal with this, we simply\n    // wait for the microtask queue to be empty.\n    this._focusTrap.focusInitialElementWhenReady();\n  }\n\n  /** Saves a reference to the element that was focused before the lightbox was opened. */\n  private _savePreviouslyFocusedElement() {\n    if (this._document) {\n      this._elementFocusedBeforeDialogWasOpened = this._document.activeElement as HTMLElement;\n\n      // Note that there is no focus method when rendering on the server.\n      if (this._elementRef.nativeElement.focus) {\n        // Move focus onto the lightbox immediately in order to prevent the user from accidentally\n        // opening multiple dialogs at the same time. Needs to be async, because the element\n        // may not be focusable immediately.\n        Promise.resolve().then(() => this._elementRef.nativeElement.focus());\n      }\n    }\n  }\n\n  /** Restores focus to the element that was focused before the lightbox opened. */\n  private _restoreFocus() {\n    const toFocus = this._elementFocusedBeforeDialogWasOpened;\n\n    // We need the extra check, because IE can set the `activeElement` to null in some cases.\n    if (toFocus && typeof toFocus.focus === 'function') {\n      toFocus.focus();\n    }\n\n    if (this._focusTrap) {\n      this._focusTrap.destroy();\n    }\n  }\n}\n\n    \n\n\n    \n                \n                    ./lightbox.component.scss\n                \n                @mixin fullscreen() {\n  width: 100%;\n  ::ng-deep {\n    lightbox {\n      max-width: unset;\n      max-height: unset;\n      position: fixed;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      height: 100%;\n      width: 100%;\n      border-radius: 0;\n    }\n  }\n}\n\n::ng-deep {\n  lightbox {\n    position: relative;\n    display: block;\n    width: 1100px;\n    height: 800px;\n    max-width: 94vw;\n    max-height: 90vh;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);\n\n    &:focus {\n      outline: none;\n    }\n\n    gallery {\n      height: 100%;\n      width: 100%;\n      overflow: hidden;\n      margin: 0;\n\n      gallery-core {\n        height: 100% !important;\n      }\n    }\n  }\n\n  .g-backdrop {\n    background-color: rgba(0, 0, 0, .32);\n  }\n\n  .fullscreen {\n    @include fullscreen();\n  }\n\n  .g-overlay {\n    margin: auto;\n\n    @media only screen and (max-width: 480px) {\n      @include fullscreen();\n    }\n  }\n\n  .g-btn-close {\n    position: absolute;\n    right: 0.9em;\n    top: 0.9em;\n    z-index: 60;\n    cursor: pointer;\n    width: 20px;\n    height: 20px;\n    @media only screen and (max-width: 480px) {\n      right: 0.7em;\n      top: 0.7em;\n    }\n\n    svg {\n      width: 100%;\n      height: 100%;\n      opacity: 0.6;\n      transition: opacity linear 150ms;\n      filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.8));\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = ''\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'LightboxComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/LightboxConfig.html":{"url":"interfaces/LightboxConfig.html","title":"interface - LightboxConfig","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  LightboxConfig\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/lightbox/src/lightbox.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                            Optional\n                                        \n                                            ariaDescribedBy\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            ariaLabel\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            ariaLabelledBy\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            backdropClass\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            closeIcon\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            exitAnimationTime\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            hasBackdrop\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            keyboardShortcuts\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            panelClass\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            role\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            startAnimationTime\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        ariaDescribedBy\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        ariaDescribedBy:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        ariaLabel\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        ariaLabel:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        ariaLabelledBy\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        ariaLabelledBy:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        backdropClass\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        backdropClass:     string | string[]\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :     string | string[]\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        closeIcon\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        closeIcon:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        exitAnimationTime\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        exitAnimationTime:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        hasBackdrop\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        hasBackdrop:         boolean\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         boolean\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        keyboardShortcuts\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        keyboardShortcuts:         boolean\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         boolean\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        panelClass\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        panelClass:     string | string[]\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :     string | string[]\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        role\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        role:         string\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         string\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        startAnimationTime\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        startAnimationTime:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        import { InjectionToken } from '@angular/core';\n\nexport const LIGHTBOX_CONFIG = new InjectionToken('LIGHTBOX_CONFIG');\n\nexport interface LightboxConfig {\n  backdropClass?: string | string[];\n  panelClass?: string | string[];\n  hasBackdrop?: boolean;\n  keyboardShortcuts?: boolean;\n  closeIcon?: string;\n  role?: string;\n  ariaLabelledBy?: string;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  startAnimationTime?: number;\n  exitAnimationTime?: number;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/LightboxDirective.html":{"url":"directives/LightboxDirective.html","title":"directive - LightboxDirective","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  LightboxDirective\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/lightbox/src/lightbox.directive.ts\n        \n\n\n\n            \n                Implements\n            \n            \n                            OnInit\n                            OnDestroy\n            \n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [lightbox]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                clickEvent\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                ngOnDestroy\n                            \n                            \n                                ngOnInit\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                gallery\n                            \n                            \n                                lightbox\n                            \n                        \n                    \n                \n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(_lightbox: Lightbox, _el: ElementRef, _renderer: Renderer2)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.directive.ts:14\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _lightbox\n                                                  \n                                                        \n                                                                        Lightbox\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _el\n                                                  \n                                                        \n                                                                        ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _renderer\n                                                  \n                                                        \n                                                                        Renderer2\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    Inputs\n        \n            \n                \n                    \n                        \n                        gallery\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                \n                    \n                        Default value : 'root'\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/lightbox/src/lightbox.directive.ts:14\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        lightbox\n                    \n                \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 0\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/lightbox/src/lightbox.directive.ts:13\n                            \n                        \n            \n        \n\n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnDestroy\n                        \n                    \n                \n            \n            \n                \nngOnDestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/lightbox.directive.ts:26\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnInit\n                        \n                    \n                \n            \n            \n                \nngOnInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/lightbox/src/lightbox.directive.ts:19\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                        clickEvent\n                        \n                    \n                \n            \n                \n                    \n                        Type :     SubscriptionLike\n\n                    \n                \n                \n                    \n                        Default value : Subscription.EMPTY\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/lightbox/src/lightbox.directive.ts:11\n                        \n                    \n\n\n        \n    \n\n\n\n    \n\n\n    \n        import { Directive, Input, ElementRef, OnInit, OnDestroy, Renderer2 } from '@angular/core';\nimport { fromEvent, tap, SubscriptionLike, Subscription } from 'rxjs';\nimport { Lightbox } from './lightbox.service';\n\n@Directive({\n  selector: '[lightbox]',\n  standalone: true\n})\nexport class LightboxDirective implements OnInit, OnDestroy {\n\n  clickEvent: SubscriptionLike = Subscription.EMPTY;\n\n  @Input('lightbox') index = 0;\n  @Input('gallery') id = 'root';\n\n  constructor(private _lightbox: Lightbox, private _el: ElementRef, private _renderer: Renderer2) {\n  }\n\n  ngOnInit() {\n    this._renderer.setStyle(this._el.nativeElement, 'cursor', 'pointer');\n    this.clickEvent = fromEvent(this._el.nativeElement, 'click').pipe(\n      tap(() => this._lightbox.open(this.index, this.id))\n    ).subscribe();\n  }\n\n  ngOnDestroy() {\n    this.clickEvent.unsubscribe();\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/LightboxExampleComponent.html":{"url":"components/LightboxExampleComponent.html","title":"component - LightboxExampleComponent","body":"\n                   \n\n\n\n\n\n  Components\n  \n  LightboxExampleComponent\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n        \n            DOM Tree\n        \n\n\n\n    \n    File\n\n\n    projects/ng-gallery/src/stories/lightbox/lightbox-example.component.ts\n\n\n\n    \n        Description\n    \n    \n        This section demonstrate how to extend the image template, like displaying a text over the image item\n\n    \n\n\n\n\n\n    Metadata\n    \n        \n\n            \n                changeDetection\n                ChangeDetectionStrategy.OnPush\n            \n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                lightbox-example\n            \n\n\n\n            \n                template\n                \n\n            \n\n\n\n\n\n\n\n\n\n        \n    \n\n\n    \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Readonly\n                                items$\n                            \n                        \n                    \n                \n\n\n\n\n\n\n        \n    \n\n\n    \n    Constructor\n        \n            \n                \n                    \nconstructor(pixabay: Pixabay)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/stories/lightbox/lightbox-example.component.ts:22\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        pixabay\n                                                  \n                                                        \n                                                                        Pixabay\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n\n\n\n\n\n    \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        items$\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Observable\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/stories/lightbox/lightbox-example.component.ts:22\n                        \n                    \n\n\n        \n    \n\n\n\n\n\n    \n        import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GalleryItem, } from 'ng-gallery';\nimport { LightboxModule } from 'ng-gallery/lightbox';\nimport { Observable } from 'rxjs';\nimport { Pixabay } from '../pixabay/pixabay.service';\n\n/**\n * This section demonstrate how to extend the image template, like displaying a text over the image item\n */\n@Component({\n  selector: 'lightbox-example',\n  template: `\n\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [CommonModule, LightboxModule]\n})\nexport class LightboxExampleComponent {\n\n  readonly items$: Observable;\n\n  constructor(pixabay: Pixabay) {\n    this.items$ = pixabay.getHDImages('massages');\n  }\n}\n\n    \n\n\n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = ''\n    var COMPONENTS = [{'name': 'CustomTemplateComponent', 'selector': 'custom-templates-example'},{'name': 'GalleryComponent', 'selector': 'gallery'},{'name': 'GalleryCoreComponent', 'selector': 'gallery-core'},{'name': 'GalleryCounterComponent', 'selector': 'gallery-counter'},{'name': 'GalleryBulletsComponent', 'selector': 'gallery-dots'},{'name': 'GalleryExampleComponent', 'selector': 'gallery-example'},{'name': 'GalleryIframeComponent', 'selector': 'gallery-iframe'},{'name': 'GalleryImageComponent', 'selector': 'gallery-image'},{'name': 'GalleryItemComponent', 'selector': 'gallery-item'},{'name': 'GalleryNavComponent', 'selector': 'gallery-nav'},{'name': 'GallerySliderComponent', 'selector': 'gallery-slider'},{'name': 'GalleryThumbComponent', 'selector': 'gallery-thumb'},{'name': 'GalleryThumbsComponent', 'selector': 'gallery-thumbs'},{'name': 'GalleryVideoComponent', 'selector': 'gallery-video'},{'name': 'LightboxComponent', 'selector': 'lightbox'},{'name': 'LightboxExampleComponent', 'selector': 'lightbox-example'}];\n    var DIRECTIVES = [{'name': 'AutoplayDirective', 'selector': 'gallery-core[autoplay]'},{'name': 'GallerizeDirective', 'selector': '[gallerize]'},{'name': 'GalleryBoxDef', 'selector': '[galleryBoxDef]'},{'name': 'GalleryImageDef', 'selector': '[galleryImageDef]'},{'name': 'GalleryItemDef', 'selector': '[galleryItemDef]'},{'name': 'GalleryThumbDef', 'selector': '[galleryThumbDef]'},{'name': 'HammerSliding', 'selector': '[hammerSliding]'},{'name': 'ImgRecognizer', 'selector': 'img[galleryImage]'},{'name': 'ItemIntersectionObserver', 'selector': '[itemIntersectionObserver]'},{'name': 'LightboxDirective', 'selector': '[lightbox]'},{'name': 'SliderIntersectionObserver', 'selector': '[sliderIntersectionObserver]'},{'name': 'SliderResizeObserver', 'selector': '[sliderResizeObserver]'},{'name': 'SmoothScroll', 'selector': '[smoothScroll]'},{'name': 'ThumbResizeObserver', 'selector': '[thumbResizeObserver]'}];\n    var ACTUAL_COMPONENT = {'name': 'LightboxExampleComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules/LightboxModule.html":{"url":"modules/LightboxModule.html","title":"module - LightboxModule","body":"\n                   \n\n\n\n\n    Modules\n    LightboxModule\n\n\n\n    \n        \n\n\n\n\n\ndependencies\n\ndependencies\n\ncluster_LightboxModule\n\n\n\ncluster_LightboxModule_imports\n\n\n\ncluster_LightboxModule_exports\n\n\n\n\nGallerizeDirective\n\nGallerizeDirective\n\n\n\nLightboxModule\n\nLightboxModule\n\nLightboxModule -->\n\nGallerizeDirective->LightboxModule\n\n\n\n\n\nGalleryModule\n\nGalleryModule\n\nLightboxModule -->\n\nGalleryModule->LightboxModule\n\n\n\n\n\nLightboxDirective\n\nLightboxDirective\n\nLightboxModule -->\n\nLightboxDirective->LightboxModule\n\n\n\n\n\nGallerizeDirective \n\nGallerizeDirective \n\nGallerizeDirective  -->\n\nLightboxModule->GallerizeDirective \n\n\n\n\n\nGalleryModule \n\nGalleryModule \n\nGalleryModule  -->\n\nLightboxModule->GalleryModule \n\n\n\n\n\nLightboxDirective \n\nLightboxDirective \n\nLightboxDirective  -->\n\nLightboxModule->LightboxDirective \n\n\n\n\n\n\n    \n    \n    \n        Zoom in\n        Reset\n        Zoom out\n    \n\n\n\n\n\n    \n        Info\n    \n    \n        Source\n    \n\n\n\n    \n\n        \n            File\n        \n        \n            projects/ng-gallery/lightbox/src/lightbox.module.ts\n        \n\n\n\n\n\n        \n            \n                \n                    Imports\n                    \n                        \n                            GallerizeDirective\n                        \n                        \n                            GalleryModule\n                        \n                        \n                            LightboxDirective\n                        \n                    \n                \n                \n                    Exports\n                    \n                        \n                            GallerizeDirective\n                        \n                        \n                            GalleryModule\n                        \n                        \n                            LightboxDirective\n                        \n                    \n                \n            \n        \n\n\n    \n\n\n    \n        import { NgModule } from '@angular/core';\nimport { GalleryModule } from 'ng-gallery';\nimport { LightboxDirective } from './lightbox.directive';\nimport { GallerizeDirective } from './gallerize.directive';\n\n@NgModule({\n  imports: [GalleryModule, LightboxDirective, GallerizeDirective],\n  exports: [GalleryModule, LightboxDirective, GallerizeDirective]\n})\nexport class LightboxModule {\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"injectables/Pixabay.html":{"url":"injectables/Pixabay.html","title":"injectable - Pixabay","body":"\n                   \n\n\n\n\n\n\n\n\n\n  Injectables\n  Pixabay\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/stories/pixabay/pixabay.service.ts\n        \n\n\n\n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                    Readonly\n                                API_KEY\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                getHDImages\n                            \n                        \n                    \n                \n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(_http: HttpClient)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/stories/pixabay/pixabay.service.ts:14\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _http\n                                                  \n                                                        \n                                                                        HttpClient\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        getHDImages\n                        \n                    \n                \n            \n            \n                \ngetHDImages(key: string)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/stories/pixabay/pixabay.service.ts:19\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    key\n                                    \n                                                string\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         Observable\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        API_KEY\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                \n                    \n                        Default value : '560162-704dd2880c027f22c62ab7941'\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/stories/pixabay/pixabay.service.ts:14\n                        \n                    \n\n\n        \n    \n\n\n    \n\n\n    \n        import { Injectable } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable, shareReplay, map } from 'rxjs';\n\nimport { ImageItem, GalleryItem } from 'ng-gallery';\n\nimport { Hit2, PixabayHDModel } from './pixabay.model';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class Pixabay {\n\n  private readonly API_KEY: string = '560162-704dd2880c027f22c62ab7941';\n\n  constructor(private _http: HttpClient) {\n  }\n\n  getHDImages(key: string): Observable {\n    const URL = `https://pixabay.com/api/?key=${ this.API_KEY }&q=${ encodeURIComponent(key) }&response_group=high_resolution&editors_choice=true&per_page=18&image_type=photo`;\n    return this._http.get(URL).pipe(\n      map((res: PixabayHDModel) => {\n        return res.hits.map((item: Hit2, i: number) => new ImageItem({ src: item.largeImageURL, thumb: item.previewURL, alt: `photo-${ i }` }));\n      }),\n      shareReplay(1)\n    );\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/PixabayHDModel.html":{"url":"interfaces/PixabayHDModel.html","title":"interface - PixabayHDModel","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  PixabayHDModel\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/stories/pixabay/pixabay.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                        \n                                            hits\n                                        \n                                \n                                \n                                        \n                                            total\n                                        \n                                \n                                \n                                        \n                                            totalHits\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        hits\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        hits:     Hit2[]\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :     Hit2[]\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        total\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        total:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        totalHits\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        totalHits:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        export interface PixabayModel {\n  total: number;\n  totalHits: number;\n  hits: Hit[];\n}\n\nexport interface Hit {\n  id: number;\n  pageURL: string;\n  type: string;\n  tags: string[];\n  previewURL: string;\n  previewWidth: number;\n  previewHeight: number;\n  webformatURL: string;\n  webformatWidth: number;\n  webformatHeight: number;\n  imageWidth: number;\n  imageHeight: number;\n  imageSize: number;\n  views: number;\n  downloads: number;\n  favorites: number;\n  likes: number;\n  comments: number;\n  user_id: number;\n  user: string;\n  userImageURL: string;\n}\nexport interface PixabayHDModel {\n  total: number;\n  totalHits: number;\n  hits: Hit2[];\n}\n\nexport interface Hit2 {\n  id_hash: string;\n  type: string;\n  previewURL: string;\n  previewWidth: number;\n  previewHeight: number;\n  webformatURL: string;\n  webformatWidth: number;\n  webformatHeight: number;\n  largeImageURL: string;\n  fullHDURL: string;\n  imageWidth: number;\n  imageHeight: number;\n  imageSize: number;\n  imageURL: string;\n  user_id: number;\n  user: string;\n  userImageURL: string;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/PixabayModel.html":{"url":"interfaces/PixabayModel.html","title":"interface - PixabayModel","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  PixabayModel\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/stories/pixabay/pixabay.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                        \n                                            hits\n                                        \n                                \n                                \n                                        \n                                            total\n                                        \n                                \n                                \n                                        \n                                            totalHits\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        hits\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        hits:         Hit[]\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         Hit[]\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        total\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        total:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        totalHits\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        totalHits:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        export interface PixabayModel {\n  total: number;\n  totalHits: number;\n  hits: Hit[];\n}\n\nexport interface Hit {\n  id: number;\n  pageURL: string;\n  type: string;\n  tags: string[];\n  previewURL: string;\n  previewWidth: number;\n  previewHeight: number;\n  webformatURL: string;\n  webformatWidth: number;\n  webformatHeight: number;\n  imageWidth: number;\n  imageHeight: number;\n  imageSize: number;\n  views: number;\n  downloads: number;\n  favorites: number;\n  likes: number;\n  comments: number;\n  user_id: number;\n  user: string;\n  userImageURL: string;\n}\nexport interface PixabayHDModel {\n  total: number;\n  totalHits: number;\n  hits: Hit2[];\n}\n\nexport interface Hit2 {\n  id_hash: string;\n  type: string;\n  previewURL: string;\n  previewWidth: number;\n  previewHeight: number;\n  webformatURL: string;\n  webformatWidth: number;\n  webformatHeight: number;\n  largeImageURL: string;\n  fullHDURL: string;\n  imageWidth: number;\n  imageHeight: number;\n  imageSize: number;\n  imageURL: string;\n  user_id: number;\n  user: string;\n  userImageURL: string;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"classes/SliderAdapter.html":{"url":"classes/SliderAdapter.html","title":"class - SliderAdapter","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n  Classes\n  SliderAdapter\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/components/adapters/base-adapter.ts\n        \n\n\n\n\n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Readonly\n                                    Abstract\n                                hammerDirection\n                            \n                            \n                                    Readonly\n                                    Abstract\n                                scrollSnapType\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Abstract\n                                getCentralizerEndSize\n                            \n                            \n                                    Abstract\n                                getCentralizerStartSize\n                            \n                            \n                                    Abstract\n                                getElementRootMargin\n                            \n                            \n                                    Abstract\n                                getHammerValue\n                            \n                            \n                                    Abstract\n                                getHammerVelocity\n                            \n                            \n                                    Abstract\n                                getRootMargin\n                            \n                            \n                                    Abstract\n                                getScrollToValue\n                            \n                        \n                    \n                \n\n\n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    scrollValue\n                                \n                                \n                                    clientSize\n                                \n                                \n                                    isContentLessThanContainer\n                                \n                            \n                        \n                    \n        \n    \n\n\n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                            Abstract\n                        hammerDirection\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:3\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                            Abstract\n                        scrollSnapType\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:5\n                        \n                    \n\n\n        \n    \n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Abstract\n                        getCentralizerEndSize\n                        \n                    \n                \n            \n            \n                \n                    \n                    getCentralizerEndSize()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:17\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         number\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Abstract\n                        getCentralizerStartSize\n                        \n                    \n                \n            \n            \n                \n                    \n                    getCentralizerStartSize()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:15\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         number\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Abstract\n                        getElementRootMargin\n                        \n                    \n                \n            \n            \n                \n                    \n                    getElementRootMargin(viewport: HTMLElement, el: HTMLElement)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:21\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    viewport\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    el\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         string\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Abstract\n                        getHammerValue\n                        \n                    \n                \n            \n            \n                \n                    \n                    getHammerValue(value: number, delta: number, behavior: ScrollBehavior)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:25\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    value\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    delta\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :     ScrollToOptions\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Abstract\n                        getHammerVelocity\n                        \n                    \n                \n            \n            \n                \n                    \n                    getHammerVelocity(e)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:23\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Optional\n                                \n                            \n                            \n                                \n                                    e\n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         number\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Abstract\n                        getRootMargin\n                        \n                    \n                \n            \n            \n                \n                    \n                    getRootMargin()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:19\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         string\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Abstract\n                        getScrollToValue\n                        \n                    \n                \n            \n            \n                \n                    \n                    getScrollToValue(el: Element, behavior: ScrollBehavior)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:13\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    el\n                                    \n                                            Element\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :     ScrollToOptions\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n\n\n\n\n\n            \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        scrollValue\n                    \n                \n\n                \n                    \n                        getscrollValue()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:7\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        clientSize\n                    \n                \n\n                \n                    \n                        getclientSize()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:9\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        isContentLessThanContainer\n                    \n                \n\n                \n                    \n                        getisContentLessThanContainer()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/adapters/base-adapter.ts:11\n                                \n                            \n\n            \n        \n\n    \n\n\n    \n        export abstract class SliderAdapter {\n\n  readonly abstract hammerDirection: number;\n\n  readonly abstract scrollSnapType: string;\n\n  abstract get scrollValue(): number;\n\n  abstract get clientSize(): number;\n\n  abstract get isContentLessThanContainer(): boolean;\n\n  abstract getScrollToValue(el: Element, behavior: ScrollBehavior): ScrollToOptions;\n\n  abstract getCentralizerStartSize(): number;\n\n  abstract getCentralizerEndSize(): number;\n\n  abstract getRootMargin(): string;\n\n  abstract getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string;\n\n  abstract getHammerVelocity(e): number;\n\n  abstract getHammerValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions;\n\n  // abstract getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions;\n\n  // abstract getDraggingProperty(e: MouseEvent): number;\n}\n\n    \n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/SliderIntersectionObserver.html":{"url":"directives/SliderIntersectionObserver.html","title":"directive - SliderIntersectionObserver","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  SliderIntersectionObserver\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts\n        \n\n\n\n            \n                Implements\n            \n            \n                            OnChanges\n                            OnDestroy\n            \n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [sliderIntersectionObserver]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _currentSubscription\n                            \n                            \n                                    Private\n                                _sensor\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _subscribe\n                            \n                            \n                                    Private\n                                _unsubscribe\n                            \n                            \n                                ngOnChanges\n                            \n                            \n                                ngOnDestroy\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                adapter\n                            \n                            \n                                config\n                            \n                            \n                                items\n                            \n                            \n                                sliderIntersectionObserverDisabled\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                activeIndexChange\n                            \n                        \n                    \n                \n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    _viewport\n                                \n                            \n                        \n                    \n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(_zone: NgZone, _el: ElementRef)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:30\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _zone\n                                                  \n                                                        \n                                                                        NgZone\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _el\n                                                  \n                                                        \n                                                                    ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    Inputs\n        \n            \n                \n                    \n                        \n                        adapter\n                    \n                \n                \n                    \n                        Type :         SliderAdapter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:22\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:26\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        items\n                    \n                \n                \n                    \n                        Type :         GalleryItemComponent[]\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:24\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        sliderIntersectionObserverDisabled\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:28\n                            \n                        \n            \n        \n\n            \n    Outputs\n        \n            \n                \n                    \n                        \n                        activeIndexChange\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:30\n                            \n                        \n            \n        \n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _subscribe\n                        \n                    \n                \n            \n            \n                \n                    \n                    _subscribe()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:43\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _unsubscribe\n                        \n                    \n                \n            \n            \n                \n                    \n                    _unsubscribe()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:65\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnChanges\n                        \n                    \n                \n            \n            \n                \nngOnChanges()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:35\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnDestroy\n                        \n                    \n                \n            \n            \n                \nngOnDestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:39\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _currentSubscription\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subscription\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:14\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _sensor\n                        \n                    \n                \n            \n                \n                    \n                        Type :         ActiveItemObserver\n\n                    \n                \n                \n                    \n                        Default value : new ActiveItemObserver()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:16\n                        \n                    \n\n\n        \n    \n\n\n            \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        _viewport\n                    \n                \n\n                \n                    \n                        get_viewport()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts:18\n                                \n                            \n\n            \n        \n\n\n    \n\n\n    \n        import { Directive, Input, Output, OnChanges, OnDestroy, NgZone, ElementRef, EventEmitter } from '@angular/core';\nimport { skip, Subscription } from 'rxjs';\nimport { GalleryConfig } from '../models/config.model';\nimport { ActiveItemObserver } from './active-item-observer';\nimport { SliderAdapter } from '../components/adapters';\nimport { GalleryItemComponent } from '../components/gallery-item.component';\n\n@Directive({\n  selector: '[sliderIntersectionObserver]',\n  standalone: true\n})\nexport class SliderIntersectionObserver implements OnChanges, OnDestroy {\n\n  private _currentSubscription: Subscription;\n\n  private _sensor: ActiveItemObserver = new ActiveItemObserver();\n\n  private get _viewport(): HTMLElement {\n    return this._el.nativeElement;\n  }\n\n  @Input() adapter: SliderAdapter;\n\n  @Input() items: GalleryItemComponent[];\n\n  @Input() config: GalleryConfig;\n\n  @Input('sliderIntersectionObserverDisabled') disabled: boolean;\n\n  @Output() activeIndexChange: EventEmitter = new EventEmitter();\n\n  constructor(private _zone: NgZone, private _el: ElementRef) {\n  }\n\n  ngOnChanges(): void {\n    (this.config.itemAutosize || this.disabled) ? this._unsubscribe() : this._subscribe();\n  }\n\n  ngOnDestroy(): void {\n    this._unsubscribe();\n  }\n\n  private _subscribe(): void {\n    this._unsubscribe();\n\n    if (!!this.adapter && !!this.items?.length) {\n      const rootMargin: string = this.adapter.getRootMargin();\n      if (this.config.debug) {\n        this._viewport.style.setProperty('--intersection-margin', `\"INTERSECTION(${ rootMargin })\"`);\n      }\n\n      this._zone.runOutsideAngular(() => {\n        this._currentSubscription = this._sensor.observe(\n          this._viewport,\n          this.items.map((item: GalleryItemComponent) => item.nativeElement),\n          rootMargin\n        ).subscribe((index: number) => {\n          console.log('⛩️', index)\n          this._zone.run(() => this.activeIndexChange.emit(index));\n        });\n      });\n    }\n  }\n\n  private _unsubscribe(): void {\n    this._currentSubscription?.unsubscribe();\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/SliderResizeObserver.html":{"url":"directives/SliderResizeObserver.html","title":"directive - SliderResizeObserver","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  SliderResizeObserver\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts\n        \n\n\n\n            \n                Implements\n            \n            \n                            AfterViewChecked\n                            OnChanges\n                            OnInit\n                            OnDestroy\n            \n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [sliderResizeObserver]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _afterHeightChanged$\n                            \n                            \n                                    Private\n                                _autoHeightSubscription\n                            \n                            \n                                    Private\n                                _resizeObserver\n                            \n                            \n                                    Private\n                                _resizeSubscription\n                            \n                            \n                                    Private\n                                _shouldSkip\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _subscribeAutoHeight\n                            \n                            \n                                    Private\n                                _unsubscribeAutoHeight\n                            \n                            \n                                ngAfterViewChecked\n                            \n                            \n                                ngOnChanges\n                            \n                            \n                                ngOnDestroy\n                            \n                            \n                                ngOnInit\n                            \n                            \n                                    Private\n                                resetResizingState\n                            \n                            \n                                    Private\n                                setResizingState\n                            \n                            \n                                    Private\n                                updateCentralizeCSSVariables\n                            \n                            \n                                    Private\n                                updateSliderSize\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                adapter\n                            \n                            \n                                config\n                            \n                            \n                                galleryId\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                isResizingChange\n                            \n                        \n                    \n                \n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    _viewport\n                                \n                                \n                                    _galleryCore\n                                \n                                \n                                    _isAutoHeight\n                                \n                            \n                        \n                    \n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(_el: ElementRef, _zone: NgZone, _gallery: Gallery, _imgManager: ImgManager)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:74\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _el\n                                                  \n                                                        \n                                                                    ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _zone\n                                                  \n                                                        \n                                                                        NgZone\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _gallery\n                                                  \n                                                        \n                                                                        Gallery\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _imgManager\n                                                  \n                                                        \n                                                                        ImgManager\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    Inputs\n        \n            \n                \n                    \n                        \n                        adapter\n                    \n                \n                \n                    \n                        Type :         SliderAdapter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:70\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:72\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        galleryId\n                    \n                \n                \n                    \n                        Type :         string\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:68\n                            \n                        \n            \n        \n\n            \n    Outputs\n        \n            \n                \n                    \n                        \n                        isResizingChange\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:74\n                            \n                        \n            \n        \n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _subscribeAutoHeight\n                        \n                    \n                \n            \n            \n                \n                    \n                    _subscribeAutoHeight()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:164\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _unsubscribeAutoHeight\n                        \n                    \n                \n            \n            \n                \n                    \n                    _unsubscribeAutoHeight()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:194\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngAfterViewChecked\n                        \n                    \n                \n            \n            \n                \nngAfterViewChecked()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:141\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnChanges\n                        \n                    \n                \n            \n            \n                \nngOnChanges()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:132\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnDestroy\n                        \n                    \n                \n            \n            \n                \nngOnDestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:136\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnInit\n                        \n                    \n                \n            \n            \n                \nngOnInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:82\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        resetResizingState\n                        \n                    \n                \n            \n            \n                \n                    \n                    resetResizingState(undefined: literal type)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:209\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                    Default value\n                                \n                            \n                            \n                                \n                                    \n                                            literal type\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                        {}\n                                    \n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        setResizingState\n                        \n                    \n                \n            \n            \n                \n                    \n                    setResizingState(undefined: literal type)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:198\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                    Default value\n                                \n                            \n                            \n                                \n                                    \n                                            literal type\n                                    \n\n                                    \n                                        No\n                                    \n\n                                    \n                                        {}\n                                    \n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        updateCentralizeCSSVariables\n                        \n                    \n                \n            \n            \n                \n                    \n                    updateCentralizeCSSVariables()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:157\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        updateSliderSize\n                        \n                    \n                \n            \n            \n                \n                    \n                    updateSliderSize()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:145\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _afterHeightChanged$\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Observable\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:51\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _autoHeightSubscription\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subscription\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:44\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _resizeObserver\n                        \n                    \n                \n            \n                \n                    \n                        Type :     ResizeObserver\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:42\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _resizeSubscription\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subscription\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:46\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _shouldSkip\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:48\n                        \n                    \n\n\n        \n    \n\n\n            \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        _viewport\n                    \n                \n\n                \n                    \n                        get_viewport()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:53\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        _galleryCore\n                    \n                \n\n                \n                    \n                        get_galleryCore()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:57\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        _isAutoHeight\n                    \n                \n\n                \n                    \n                        get_isAutoHeight()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts:61\n                                \n                            \n\n            \n        \n\n\n    \n\n\n    \n        import {\n  Directive,\n  Input,\n  Output,\n  NgZone,\n  ElementRef,\n  AfterViewChecked,\n  OnInit,\n  OnChanges,\n  OnDestroy,\n  EventEmitter\n} from '@angular/core';\nimport {\n  Observable,\n  Subscription,\n  of,\n  tap,\n  take,\n  filter,\n  fromEvent,\n  switchMap,\n  debounceTime,\n  firstValueFrom,\n  distinctUntilChanged,\n  EMPTY,\n  animationFrameScheduler\n} from 'rxjs';\nimport { ImgManager } from '../utils/img-manager';\nimport { resizeObservable } from '../utils/resize-observer';\nimport { SliderAdapter } from '../components/adapters';\nimport { Gallery } from '../services/gallery.service';\nimport { GalleryRef } from '../services/gallery-ref';\nimport { GalleryConfig } from '../models/config.model';\nimport { GalleryState } from 'ng-gallery';\n\n@Directive({\n  selector: '[sliderResizeObserver]',\n  standalone: true\n})\nexport class SliderResizeObserver implements AfterViewChecked, OnChanges, OnInit, OnDestroy {\n\n  private _resizeObserver: ResizeObserver;\n\n  private _autoHeightSubscription: Subscription;\n\n  private _resizeSubscription: Subscription;\n\n  private _shouldSkip: boolean;\n\n  // Stream that emits after the transition to the new height is completed\n  private _afterHeightChanged$: Observable;\n\n  private get _viewport(): HTMLElement {\n    return this._el.nativeElement;\n  }\n\n  private get _galleryCore(): HTMLElement {\n    return this._el.nativeElement.parentElement.parentElement.parentElement;\n  }\n\n  private get _isAutoHeight(): boolean {\n    return this.config.autoHeight &&\n      !this.config.itemAutosize &&\n      this.config.slidingDirection === 'horizontal' &&\n      (this.config.thumbPosition === 'top' || this.config.thumbPosition === 'bottom');\n  }\n\n  @Input() galleryId: string;\n\n  @Input() adapter: SliderAdapter;\n\n  @Input() config: GalleryConfig;\n\n  @Output() isResizingChange: EventEmitter = new EventEmitter();\n\n  constructor(private _el: ElementRef,\n              private _zone: NgZone,\n              private _gallery: Gallery,\n              private _imgManager: ImgManager) {\n  }\n\n  ngOnInit(): void {\n    const galleryRef: GalleryRef = this._gallery.ref(this.galleryId);\n\n    // Check if height has transition for the auto-height feature\n    const transitionDuration: string = getComputedStyle(this._viewport).getPropertyValue('transition-duration');\n    if (parseFloat(transitionDuration) === 0) {\n      this._afterHeightChanged$ = of(null);\n    } else {\n      this._afterHeightChanged$ = fromEvent(this._viewport, 'transitionend');\n    }\n\n    this._zone.runOutsideAngular(() => {\n\n      // Detect if the size of the slider has changed detecting current index on scroll\n      this._resizeSubscription = resizeObservable(this._viewport, (observer: ResizeObserver) => this._resizeObserver = observer).pipe(\n        // Check if resize should skip due to re-observing the slider\n        filter(() => !this._shouldSkip || !(this._shouldSkip = false)),\n        // Immediately set visibility to hidden to avoid changing the active item caused by appearance of other items when size is expanded\n        tap(() => this.setResizingState()),\n        debounceTime(this.config.resizeDebounceTime, animationFrameScheduler),\n        tap(async (entry: ResizeObserverEntry) => {\n          // Update CSS variables with the proper values\n          this.updateSliderSize();\n\n          if (this._isAutoHeight) {\n            const img: HTMLImageElement = await firstValueFrom(this._imgManager.getActiveItem(galleryRef.state));\n            // If img height is identical to the viewport height then skip\n            if (img.height === this._viewport.clientHeight) {\n              this.resetResizingState();\n            } else {\n              // Unobserve the slider while the height is being changed\n              this.setResizingState({ unobserve: true });\n              // Change the height\n              this._galleryCore.style.setProperty('--slider-height', `${ img.height }px`);\n              // Wait until height transition ends\n              await firstValueFrom(this._afterHeightChanged$);\n              this.resetResizingState({\n                // Mark to skip first emit after re-observing the slider if height content rect height and client height are identical\n                shouldSkip: entry.contentRect.height === this._viewport.clientHeight,\n                observe: true\n              });\n            }\n          } else {\n            requestAnimationFrame(() => this.resetResizingState({ shouldSkip: true }));\n          }\n        })\n      ).subscribe();\n    });\n  }\n\n  ngOnChanges(): void {\n    this._isAutoHeight ? this._subscribeAutoHeight() : this._unsubscribeAutoHeight();\n  }\n\n  ngOnDestroy(): void {\n    this._resizeSubscription?.unsubscribe();\n    this._unsubscribeAutoHeight();\n  }\n\n  ngAfterViewChecked(): void {\n    this.updateSliderSize();\n  }\n\n  private updateSliderSize(): void {\n    // Update slider width and height CSS variables\n    this._galleryCore.style.setProperty('--slider-width', `${ this._viewport.clientWidth }px`);\n\n    // Only update height if auto-height is false, because when it's true, another function will take care of it\n    if (!this.config.autoHeight) {\n      this._galleryCore.style.setProperty('--slider-height', `${ this._viewport.clientHeight }px`);\n    }\n\n    this.updateCentralizeCSSVariables();\n  }\n\n  private updateCentralizeCSSVariables(): void {\n    if (this.config.itemAutosize) {\n      this._galleryCore.style.setProperty('--slider-centralize-start-size', `${ this.adapter.getCentralizerStartSize() }px`);\n      this._galleryCore.style.setProperty('--slider-centralize-end-size', `${ this.adapter.getCentralizerEndSize() }px`);\n    }\n  }\n\n  private _subscribeAutoHeight(): void {\n    this._unsubscribeAutoHeight();\n\n    this._shouldSkip = false;\n    this._zone.runOutsideAngular(() => {\n\n      const galleryRef: GalleryRef = this._gallery.ref(this.galleryId);\n\n      // TODO: Why is galleryRef.state emits when screen size changes?\n      const state: Observable = galleryRef.state.pipe(distinctUntilChanged((a: GalleryState, b: GalleryState) => a.currIndex === b.currIndex))\n      this._autoHeightSubscription = this._imgManager.getActiveItem(state).pipe(\n        switchMap((img: HTMLImageElement) => {\n          this.setResizingState({ unobserve: true });\n          this._galleryCore.style.setProperty('--slider-height', `${ img.clientHeight }px`);\n\n          // Check if the new item height is equal to the current height, there will be no transition,\n          // So reset resizing state\n          if (img.height === this._viewport.clientHeight) {\n            this.resetResizingState({ shouldSkip: true, observe: true });\n            return EMPTY;\n          }\n          return this._afterHeightChanged$.pipe(\n            tap(() => this.resetResizingState({ shouldSkip: true, observe: true })),\n            take(1)\n          );\n        })\n      ).subscribe();\n    });\n  }\n\n  private _unsubscribeAutoHeight(): void {\n    this._autoHeightSubscription?.unsubscribe();\n  }\n\n  private setResizingState({ unobserve }: { unobserve?: boolean } = {}): void {\n    this._zone.run(() => {\n      this.isResizingChange.emit(true);\n    })\n    this._viewport.classList.add('g-resizing');\n    if (unobserve) {\n      // Unobserve the slider while the height is being changed\n      this._resizeObserver.unobserve(this._viewport);\n    }\n  }\n\n  private resetResizingState({ shouldSkip, observe }: { shouldSkip?: boolean, observe?: boolean } = {}): void {\n    this._zone.run(() => {\n      this.isResizingChange.emit(false);\n    })\n    this._viewport.classList.remove('g-resizing');\n    this._shouldSkip = shouldSkip;\n    if (observe) {\n      this._resizeObserver.observe(this._viewport);\n    }\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/SliderState.html":{"url":"interfaces/SliderState.html","title":"interface - SliderState","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  SliderState\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/models/slider.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                        \n                                            instant\n                                        \n                                \n                                \n                                        \n                                            style\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        instant\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        instant:         boolean\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         boolean\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        style\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        style:         any\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         any\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        export interface SliderState {\n  style: any;\n  instant: boolean;\n}\n\nexport interface WorkerState {\n  value: number;\n  instant: boolean;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/SmoothScroll.html":{"url":"directives/SmoothScroll.html","title":"directive - SmoothScroll","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  SmoothScroll\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts\n        \n\n\n\n            \n                Implements\n            \n            \n                            OnDestroy\n            \n\n\n        \n            Metadata\n            \n                \n                    \n                        Providers\n                        \n                            \n                                Dir\n                            \n                        \n                    \n\n                    \n                        Selector\n                        [smoothScroll]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                    Readonly\n                                _defaultOptions\n                            \n                            \n                                    Private\n                                    Readonly\n                                _el\n                            \n                            \n                                    Private\n                                    Readonly\n                                _finished\n                            \n                            \n                                    Private\n                                _hammer\n                            \n                            \n                                    Private\n                                _isInterruptedByMouse\n                            \n                            \n                                    Private\n                                    Readonly\n                                _scrollController\n                            \n                            \n                                    Private\n                                _subscription\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _applyScrollToOptions\n                            \n                            \n                                    Private\n                                _interrupted\n                            \n                            \n                                    Private\n                                _isFinished\n                            \n                            \n                                    Private\n                                _scrollElement\n                            \n                            \n                                    Private\n                                _step\n                            \n                            \n                                ngOnDestroy\n                            \n                            \n                                ngOnInit\n                            \n                            \n                                    Private\n                                resetElement\n                            \n                            \n                                scrollTo\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                adapter\n                            \n                            \n                                smoothScroll\n                            \n                            \n                                smoothScrollInterruptOnMousemove\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                isScrollingChange\n                            \n                        \n                    \n                \n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    _w\n                                \n                                \n                                    _now\n                                \n                                \n                                    smoothScroll\n                                \n                            \n                        \n                    \n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(_document: Document, customDefaultOptions: SmoothScrollToOptions, _zone: NgZone, _dir: Dir, _el: ElementRef)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:84\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _document\n                                                  \n                                                        \n                                                                    Document\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        customDefaultOptions\n                                                  \n                                                        \n                                                                        SmoothScrollToOptions\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _zone\n                                                  \n                                                        \n                                                                        NgZone\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _dir\n                                                  \n                                                        \n                                                                    Dir\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _el\n                                                  \n                                                        \n                                                                    ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    Inputs\n        \n            \n                \n                    \n                        \n                        adapter\n                    \n                \n                \n                    \n                        Type :         SliderAdapter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:80\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        smoothScroll\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:72\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        smoothScrollInterruptOnMousemove\n                    \n                \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:82\n                            \n                        \n            \n        \n\n            \n    Outputs\n        \n            \n                \n                    \n                        \n                        isScrollingChange\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:84\n                            \n                        \n            \n        \n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _applyScrollToOptions\n                        \n                    \n                \n            \n            \n                \n                    \n                    _applyScrollToOptions(options: SmoothScrollToOptions)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:221\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    options\n                                    \n                                                SmoothScrollToOptions\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _interrupted\n                        \n                    \n                \n            \n            \n                \n                    \n                    _interrupted()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:166\n                \n            \n\n\n            \n                \n                    Terminates an ongoing smooth scroll\n\n\n                    \n                        Returns :     Observable\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _isFinished\n                        \n                    \n                \n            \n            \n                \n                    \n                    _isFinished(context: SmoothScrollStep)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:155\n                \n            \n\n\n            \n                \n                    Checks if smooth scroll has reached, cleans up the smooth scroll stream and resolves its promise\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    context\n                                    \n                                                SmoothScrollStep\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         boolean\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _scrollElement\n                        \n                    \n                \n            \n            \n                \n                    \n                    _scrollElement(x: number, y: number)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:135\n                \n            \n\n\n            \n                \n                    changes scroll position inside an element\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    x\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    y\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        _step\n                        \n                    \n                \n            \n            \n                \n                    \n                    _step(context: SmoothScrollStep)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:199\n                \n            \n\n\n            \n                \n                    A function called recursively that, given a context, steps through scrolling\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    context\n                                    \n                                                SmoothScrollStep\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         Observable\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnDestroy\n                        \n                    \n                \n            \n            \n                \nngOnDestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:127\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnInit\n                        \n                    \n                \n            \n            \n                \nngOnInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:104\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        resetElement\n                        \n                    \n                \n            \n            \n                \n                    \n                    resetElement()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:140\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        scrollTo\n                        \n                    \n                \n            \n            \n                \nscrollTo(customOptions: SmoothScrollToOptions)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:248\n                \n            \n\n\n            \n                \n                    Scrolls to the specified offsets. This is a normalized version of the browser's native scrollTo\nmethod, since browsers are not consistent about what scrollLeft means in RTL. For this method\nleft and right always refer to the left and right side of the scrolling container irrespective\nof the layout direction. start and end refer to left and right in an LTR context and vice-versa\nin an RTL context.\n\n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                    Description\n                                \n                            \n                            \n                                \n                                    customOptions\n                                    \n                                                SmoothScrollToOptions\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                    \n                                        specified the offsets to scroll to.\n\n                                    \n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        _defaultOptions\n                        \n                    \n                \n            \n                \n                    \n                        Type :         SmoothScrollToOptions\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:48\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        _el\n                        \n                    \n                \n            \n                \n                    \n                        Type :     HTMLElement\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:54\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        _finished\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subject\n\n                    \n                \n                \n                    \n                        Default value : new Subject()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:52\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _hammer\n                        \n                    \n                \n            \n                \n                    \n                        Type :         any\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:45\n                        \n                    \n\n            \n                \n                    HammerJS instance\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _isInterruptedByMouse\n                        \n                    \n                \n            \n                \n                    \n                        Type :         boolean\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:56\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                            Readonly\n                        _scrollController\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Subject\n\n                    \n                \n                \n                    \n                        Default value : new Subject()\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:50\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _subscription\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subscription\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:58\n                        \n                    \n\n\n        \n    \n\n\n            \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        _w\n                    \n                \n\n                \n                    \n                        get_w()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:60\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        _now\n                    \n                \n\n                \n                    \n                        get_now()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:67\n                                \n                            \n                    \n                        \n                                Timing method\n\n\n                                \n                                    Returns :         number\n\n                                \n                        \n                    \n\n            \n        \n        \n            \n                \n                    \n                        \n                        smoothScroll\n                    \n                \n\n\n                \n                    \n                        setsmoothScroll(value: SmoothScrollToOptions)\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts:72\n                                \n                            \n                    \n                        \n\n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                        Type\n                                                    Optional\n                                                \n                                            \n                                            \n                                                    \n                                                            value\n                                                    \n                                                            \n                                                                            SmoothScrollToOptions\n                                                            \n                                                    \n                                                        \n                                                                No\n                                                        \n                                                        \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                                \n                                    Returns :         void\n\n                                \n                        \n                    \n            \n        \n\n\n    \n\n\n    \n        import {\n  Directive,\n  Inject,\n  Input,\n  Output,\n  Optional,\n  NgZone,\n  OnDestroy,\n  ElementRef,\n  EventEmitter\n} from '@angular/core';\nimport { SMOOTH_SCROLL_OPTIONS, SmoothScrollStep, SmoothScrollToOptions } from './index';\nimport { DOCUMENT } from '@angular/common';\nimport { Dir } from '@angular/cdk/bidi';\nimport { _Bottom, _Left, _Right, _Top, _Without } from '@angular/cdk/scrolling';\nimport { getRtlScrollAxisType, RtlScrollAxisType } from '@angular/cdk/platform';\nimport {\n  Observable,\n  Subject,\n  Subscriber,\n  Subscription,\n  of,\n  take,\n  merge,\n  expand,\n  fromEvent,\n  switchMap,\n  takeUntil,\n  takeWhile,\n  finalize\n} from 'rxjs';\nimport BezierEasing from './bezier-easing';\nimport { SliderAdapter } from '../components/adapters';\n\ndeclare const Hammer: any;\n\n@Directive({\n  selector: '[smoothScroll]',\n  standalone: true,\n  providers: [Dir]\n})\nexport class SmoothScroll implements OnDestroy {\n\n  /** HammerJS instance */\n  private _hammer: any;\n\n  // Default options\n  private readonly _defaultOptions: SmoothScrollToOptions;\n\n  private readonly _scrollController: Subject = new Subject();\n\n  private readonly _finished: Subject = new Subject();\n\n  private readonly _el: HTMLElement;\n\n  private _isInterruptedByMouse: boolean;\n\n  private _subscription: Subscription;\n\n  private get _w(): Window {\n    return this._document.defaultView;\n  }\n\n  /**\n   * Timing method\n   */\n  private get _now(): () => number {\n    return this._w.performance?.now?.bind(this._w.performance) || Date.now;\n  }\n\n  @Input()\n  set smoothScroll(value: SmoothScrollToOptions) {\n    if (value) {\n      this._zone.runOutsideAngular(() => {\n        this.scrollTo(value);\n      });\n    }\n  }\n\n  @Input() adapter: SliderAdapter;\n\n  @Input('smoothScrollInterruptOnMousemove') interruptOnMousemove: boolean;\n\n  @Output() isScrollingChange: EventEmitter = new EventEmitter();\n\n  constructor(@Inject(DOCUMENT) private _document: Document,\n              @Optional() @Inject(SMOOTH_SCROLL_OPTIONS) customDefaultOptions: SmoothScrollToOptions,\n              private _zone: NgZone,\n              private _dir: Dir,\n              _el: ElementRef) {\n    this._el = _el.nativeElement;\n    this._defaultOptions = {\n      duration: 468,\n      easing: {\n        x1: 0.42,\n        y1: 0,\n        x2: 0.58,\n        y2: 1\n      },\n      ...customDefaultOptions,\n    };\n  }\n\n  ngOnInit(): void {\n    this._subscription = this._scrollController.pipe(\n      switchMap((context: SmoothScrollStep) => {\n        this._zone.run(() => {\n          this.isScrollingChange.emit(true);\n        });\n\n        this._el.classList.add('g-scrolling');\n        this._el.style.setProperty('--slider-scroll-snap-type', 'none');\n\n        // Scroll each step recursively\n        return of(null).pipe(\n          expand(() => this._step(context).pipe(\n            takeWhile((currContext: SmoothScrollStep) => this._isFinished(currContext)),\n            takeUntil(this._finished)\n          )),\n          finalize(() => this.resetElement()),\n          takeUntil(this._interrupted()),\n        );\n      })\n    ).subscribe();\n  }\n\n  ngOnDestroy(): void {\n    this._subscription?.unsubscribe();\n    this._scrollController.complete();\n  }\n\n  /**\n   * changes scroll position inside an element\n   */\n  private _scrollElement(x: number, y: number): void {\n    this._el.scrollLeft = x;\n    this._el.scrollTop = y;\n  }\n\n  private resetElement(): void {\n    this._zone.run(() => {\n      this.isScrollingChange.emit(false);\n    });\n\n    this._el.classList.remove('g-scrolling');\n    if (!this._isInterruptedByMouse) {\n      this._el.style.setProperty('--slider-scroll-snap-type', this.adapter.scrollSnapType);\n    }\n    this._isInterruptedByMouse = false;\n  }\n\n  /**\n   * Checks if smooth scroll has reached, cleans up the smooth scroll stream and resolves its promise\n   */\n  private _isFinished(context: SmoothScrollStep): boolean {\n    if (context.currentX !== context.x || context.currentY !== context.y) {\n      return true;\n    }\n    this._finished.next();\n    return false;\n  }\n\n  /**\n   * Terminates an ongoing smooth scroll\n   */\n  private _interrupted(): Observable {\n    let interrupt$: Observable;\n    if (this.interruptOnMousemove && typeof Hammer !== 'undefined') {\n      this._hammer = new Hammer(this._el, { inputClass: Hammer.MouseInput });\n      this._hammer.get('pan').set({ direction: this.adapter.hammerDirection });\n\n      // For gallery thumb slider, dragging thumbnails should cancel the ongoing scroll\n      interrupt$ = merge(\n        new Observable((subscriber: Subscriber) => {\n          this._hammer.on('panstart', () => {\n            this._isInterruptedByMouse = true;\n            subscriber.next();\n            subscriber.complete();\n          });\n          return () => {\n            this._hammer.destroy();\n          }\n        }),\n        fromEvent(this._el, 'wheel', { passive: true, capture: true }),\n        fromEvent(this._el, 'touchmove', { passive: true, capture: true }),\n      )\n    } else {\n      interrupt$ = merge(\n        fromEvent(this._el, 'wheel', { passive: true, capture: true }),\n        fromEvent(this._el, 'touchmove', { passive: true, capture: true }),\n      )\n    }\n    return interrupt$.pipe(take(1));\n  }\n\n  /**\n   * A function called recursively that, given a context, steps through scrolling\n   */\n  private _step(context: SmoothScrollStep): Observable {\n    return new Observable((subscriber: Subscriber) => {\n      let elapsed: number = (this._now() - context.startTime) / context.duration;\n\n      // avoid elapsed times higher than one\n      elapsed = elapsed > 1 ? 1 : elapsed;\n\n      // apply easing to elapsed time\n      const value: number = context.easing(elapsed);\n\n      context.currentX = context.startX + (context.x - context.startX) * value;\n      context.currentY = context.startY + (context.y - context.startY) * value;\n\n      this._scrollElement(context.currentX, context.currentY);\n      // Proceed to the step\n      requestAnimationFrame(() => {\n        subscriber.next(context);\n        subscriber.complete();\n      });\n    });\n  }\n\n  private _applyScrollToOptions(options: SmoothScrollToOptions): void {\n    if (!options.duration) {\n      this._scrollElement(options.left, options.top);\n    }\n\n    const context: SmoothScrollStep = {\n      scrollable: this._el,\n      startTime: this._now(),\n      startX: this._el.scrollLeft,\n      startY: this._el.scrollTop,\n      x: options.left == null ? this._el.scrollLeft : ~~options.left,\n      y: options.top == null ? this._el.scrollTop : ~~options.top,\n      duration: options.duration,\n      easing: BezierEasing(options.easing.x1, options.easing.y1, options.easing.x2, options.easing.y2)\n    };\n\n    this._scrollController.next(context);\n  }\n\n  /**\n   * Scrolls to the specified offsets. This is a normalized version of the browser's native scrollTo\n   * method, since browsers are not consistent about what scrollLeft means in RTL. For this method\n   * left and right always refer to the left and right side of the scrolling container irrespective\n   * of the layout direction. start and end refer to left and right in an LTR context and vice-versa\n   * in an RTL context.\n   * @param customOptions specified the offsets to scroll to.\n   */\n  scrollTo(customOptions: SmoothScrollToOptions): void {\n    const isRtl: boolean = this._dir.value === 'rtl';\n    const rtlScrollAxisType: RtlScrollAxisType = getRtlScrollAxisType();\n\n    const options: SmoothScrollToOptions = {\n      ...(this._defaultOptions as _Without),\n      ...customOptions,\n      ...({\n        // Rewrite start & end offsets as right or left offsets.\n        left: customOptions.left == null ? (isRtl ? customOptions.end : customOptions.start) : customOptions.left,\n        right: customOptions.right == null ? (isRtl ? customOptions.start : customOptions.end) : customOptions.right\n      } as _Without)\n    };\n\n    // Rewrite the bottom offset as a top offset.\n    if (options.bottom != null) {\n      (options as _Without & _Top).top = this._el.scrollHeight - this._el.clientHeight - options.bottom;\n    }\n\n    // Rewrite the right offset as a left offset.\n    if (isRtl && rtlScrollAxisType !== RtlScrollAxisType.NORMAL) {\n      if (options.left != null) {\n        (options as _Without & _Right).right = this._el.scrollWidth - this._el.clientWidth - options.left;\n      }\n\n      if (rtlScrollAxisType === RtlScrollAxisType.INVERTED) {\n        options.left = options.right;\n      } else if (rtlScrollAxisType === RtlScrollAxisType.NEGATED) {\n        options.left = options.right ? -options.right : options.right;\n      }\n    } else {\n      if (options.right != null) {\n        (options as _Without & _Left).left = this._el.scrollWidth - this._el.clientWidth - options.right;\n      }\n    }\n    return this._applyScrollToOptions(options);\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/SmoothScrollOptions.html":{"url":"interfaces/SmoothScrollOptions.html","title":"interface - SmoothScrollOptions","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  SmoothScrollOptions\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                            Optional\n                                        \n                                            duration\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            easing\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        duration\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        duration:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        easing\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        easing:         BezierEasingOptions\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         BezierEasingOptions\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        import { InjectionToken } from '@angular/core';\nimport { _XAxis, _YAxis } from '@angular/cdk/scrolling';\n\nexport const SMOOTH_SCROLL_OPTIONS: InjectionToken = new InjectionToken('SMOOTH_SCROLL_OPTIONS');\n\nexport type SmoothScrollToOptions = _XAxis & _YAxis & SmoothScrollOptions;\n\nexport interface SmoothScrollOptions {\n  duration?: number;\n  easing?: BezierEasingOptions;\n}\n\nexport interface SmoothScrollStep {\n  scrollable: HTMLElement;\n  startTime: number;\n  startX: number;\n  startY: number;\n  x: number;\n  y: number;\n  duration: number;\n  easing: (k: number) => number;\n  currentX?: number;\n  currentY?: number;\n}\n\nexport interface BezierEasingOptions {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/SmoothScrollStep.html":{"url":"interfaces/SmoothScrollStep.html","title":"interface - SmoothScrollStep","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  SmoothScrollStep\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                            Optional\n                                        \n                                            currentX\n                                        \n                                \n                                \n                                            Optional\n                                        \n                                            currentY\n                                        \n                                \n                                \n                                        \n                                            duration\n                                        \n                                \n                                \n                                        \n                                            easing\n                                        \n                                \n                                \n                                        \n                                            scrollable\n                                        \n                                \n                                \n                                        \n                                            startTime\n                                        \n                                \n                                \n                                        \n                                            startX\n                                        \n                                \n                                \n                                        \n                                            startY\n                                        \n                                \n                                \n                                        \n                                            x\n                                        \n                                \n                                \n                                        \n                                            y\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        currentX\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        currentX:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        currentY\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        currentY:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n                                    \n                                        \n                                            Optional\n                                        \n                                    \n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        duration\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        duration:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        easing\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        easing:         function\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         function\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        scrollable\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        scrollable:     HTMLElement\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :     HTMLElement\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        startTime\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        startTime:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        startX\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        startX:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        startY\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        startY:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        x\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        x:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        y\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        y:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        import { InjectionToken } from '@angular/core';\nimport { _XAxis, _YAxis } from '@angular/cdk/scrolling';\n\nexport const SMOOTH_SCROLL_OPTIONS: InjectionToken = new InjectionToken('SMOOTH_SCROLL_OPTIONS');\n\nexport type SmoothScrollToOptions = _XAxis & _YAxis & SmoothScrollOptions;\n\nexport interface SmoothScrollOptions {\n  duration?: number;\n  easing?: BezierEasingOptions;\n}\n\nexport interface SmoothScrollStep {\n  scrollable: HTMLElement;\n  startTime: number;\n  startX: number;\n  startY: number;\n  x: number;\n  y: number;\n  duration: number;\n  easing: (k: number) => number;\n  currentX?: number;\n  currentY?: number;\n}\n\nexport interface BezierEasingOptions {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"directives/ThumbResizeObserver.html":{"url":"directives/ThumbResizeObserver.html","title":"directive - ThumbResizeObserver","body":"\n                   \n\n\n\n\n\n\n\n\n  Directives\n  ThumbResizeObserver\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts\n        \n\n\n\n            \n                Implements\n            \n            \n                            OnChanges\n                            OnInit\n                            OnDestroy\n            \n\n\n        \n            Metadata\n            \n                \n\n                    \n                        Selector\n                        [thumbResizeObserver]\n                    \n\n                \n            \n        \n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Private\n                                _resizeSubscription\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                ngOnChanges\n                            \n                            \n                                ngOnDestroy\n                            \n                            \n                                ngOnInit\n                            \n                            \n                                    Private\n                                updateSliderSize\n                            \n                        \n                    \n                \n\n                \n                    \n                        Inputs\n                    \n                \n                \n                    \n                        \n                            \n                                adapter\n                            \n                            \n                                config\n                            \n                        \n                    \n                \n\n                \n                    \n                        Outputs\n                    \n                \n                \n                    \n                        \n                            \n                                thumbResizeObserver\n                            \n                        \n                    \n                \n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    _viewport\n                                \n                            \n                        \n                    \n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(_el: ElementRef, _zone: NgZone)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:34\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        _el\n                                                  \n                                                        \n                                                                    ElementRef\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        _zone\n                                                  \n                                                        \n                                                                        NgZone\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    Inputs\n        \n            \n                \n                    \n                        \n                        adapter\n                    \n                \n                \n                    \n                        Type :         SliderAdapter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:32\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        config\n                    \n                \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:30\n                            \n                        \n            \n        \n\n            \n    Outputs\n        \n            \n                \n                    \n                        \n                        thumbResizeObserver\n                    \n                \n                \n                    \n                        Type :     EventEmitter\n\n                    \n                \n                        \n                            \n                                    Defined in projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:34\n                            \n                        \n            \n        \n\n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnChanges\n                        \n                    \n                \n            \n            \n                \nngOnChanges(changes: SimpleChanges)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:51\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    changes\n                                    \n                                                SimpleChanges\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         void\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnDestroy\n                        \n                    \n                \n            \n            \n                \nngOnDestroy()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:57\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        ngOnInit\n                        \n                    \n                \n            \n            \n                \nngOnInit()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:39\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Private\n                        updateSliderSize\n                        \n                    \n                \n            \n            \n                \n                    \n                    updateSliderSize()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:61\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         void\n\n                    \n                \n            \n        \n    \n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Private\n                        _resizeSubscription\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Subscription\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:24\n                        \n                    \n\n\n        \n    \n\n\n            \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        _viewport\n                    \n                \n\n                \n                    \n                        get_viewport()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts:26\n                                \n                            \n\n            \n        \n\n\n    \n\n\n    \n        import {\n  Directive,\n  Input,\n  Output,\n  OnInit,\n  OnChanges,\n  OnDestroy,\n  NgZone,\n  ElementRef,\n  SimpleChanges,\n  EventEmitter\n} from '@angular/core';\nimport { Subscription, tap, auditTime, animationFrameScheduler, debounceTime } from 'rxjs';\nimport { resizeObservable } from '../utils/resize-observer';\nimport { GalleryConfig } from '../models/config.model';\nimport { SliderAdapter } from '../components/adapters';\n\n@Directive({\n  selector: '[thumbResizeObserver]',\n  standalone: true\n})\nexport class ThumbResizeObserver implements OnChanges, OnInit, OnDestroy {\n\n  private _resizeSubscription: Subscription;\n\n  private get _viewport(): HTMLElement {\n    return this._el.nativeElement;\n  }\n\n  @Input() config: GalleryConfig;\n\n  @Input() adapter: SliderAdapter;\n\n  @Output('thumbResizeObserver') resized: EventEmitter = new EventEmitter();\n\n  constructor(private _el: ElementRef, private _zone: NgZone) {\n  }\n\n  ngOnInit(): void {\n    this._zone.runOutsideAngular(() => {\n      this._resizeSubscription = resizeObservable(this._viewport).pipe(\n        debounceTime(this.config.resizeDebounceTime, animationFrameScheduler),\n        tap(() => {\n          this.updateSliderSize();\n          this.resized.emit();\n        })\n      ).subscribe();\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (!changes.config.firstChange) {\n      this.updateSliderSize();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this._resizeSubscription?.unsubscribe();\n  }\n\n  private updateSliderSize(): void {\n    this._viewport.style.setProperty('--thumb-centralize-start-size', this.adapter.getCentralizerStartSize() + 'px');\n    this._viewport.style.setProperty('--thumb-centralize-end-size', this.adapter.getCentralizerEndSize() + 'px');\n  }\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"classes/VerticalAdapter.html":{"url":"classes/VerticalAdapter.html","title":"class - VerticalAdapter","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n  Classes\n  VerticalAdapter\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/components/adapters/main-adapters.ts\n        \n\n\n\n\n            \n                Implements\n            \n            \n                            SliderAdapter\n            \n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Public\n                                config\n                            \n                            \n                                    Readonly\n                                hammerDirection\n                            \n                            \n                                    Readonly\n                                scrollSnapType\n                            \n                            \n                                    Public\n                                slider\n                            \n                        \n                    \n                \n\n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                getCentralizerEndSize\n                            \n                            \n                                getCentralizerStartSize\n                            \n                            \n                                getElementRootMargin\n                            \n                            \n                                getHammerValue\n                            \n                            \n                                getHammerVelocity\n                            \n                            \n                                getRootMargin\n                            \n                            \n                                getScrollToValue\n                            \n                        \n                    \n                \n\n\n\n\n\n                    \n                        \n                            Accessors\n                        \n                    \n                    \n                        \n                            \n                                \n                                    scrollValue\n                                \n                                \n                                    clientSize\n                                \n                                \n                                    isContentLessThanContainer\n                                \n                            \n                        \n                    \n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(slider: HTMLElement, config: GalleryConfig)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:101\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        slider\n                                                  \n                                                        \n                                                                    HTMLElement\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                                \n                                                        config\n                                                  \n                                                        \n                                                                        GalleryConfig\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Public\n                        config\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:103\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        hammerDirection\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : Hammer?.DIRECTION_VERTICAL\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:87\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        scrollSnapType\n                        \n                    \n                \n            \n                \n                    \n                        Type :         string\n\n                    \n                \n                \n                    \n                        Default value : 'y mandatory'\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:89\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Public\n                        slider\n                        \n                    \n                \n            \n                \n                    \n                        Type :     HTMLElement\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:103\n                        \n                    \n\n\n        \n    \n\n\n            \n    \n    \n        Methods\n    \n    \n        \n            \n                \n                    \n                    \n                        getCentralizerEndSize\n                        \n                    \n                \n            \n            \n                \ngetCentralizerEndSize()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:132\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         number\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getCentralizerStartSize\n                        \n                    \n                \n            \n            \n                \ngetCentralizerStartSize()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:124\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         number\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getElementRootMargin\n                        \n                    \n                \n            \n            \n                \ngetElementRootMargin(viewport: HTMLElement, el: HTMLElement)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:119\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    viewport\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    el\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         string\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getHammerValue\n                        \n                    \n                \n            \n            \n                \ngetHammerValue(value: number, e: any, behavior: ScrollBehavior)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:144\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    value\n                                    \n                                                number\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    e\n                                    \n                                                any\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :     ScrollToOptions\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getHammerVelocity\n                        \n                    \n                \n            \n            \n                \ngetHammerVelocity(e: any)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:140\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    e\n                                    \n                                                any\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         number\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getRootMargin\n                        \n                    \n                \n            \n            \n                \ngetRootMargin()\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:115\n                \n            \n\n\n            \n                \n\n                    \n                        Returns :         string\n\n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getScrollToValue\n                        \n                    \n                \n            \n            \n                \ngetScrollToValue(el: HTMLElement, behavior: ScrollBehavior)\n                \n            \n\n\n            \n                \n                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:106\n                \n            \n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    el\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    behavior\n                                    \n                                                ScrollBehavior\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :         SmoothScrollToOptions\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n\n\n\n\n\n            \n    \n        Accessors\n    \n        \n            \n                \n                    \n                        \n                        scrollValue\n                    \n                \n\n                \n                    \n                        getscrollValue()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:91\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        clientSize\n                    \n                \n\n                \n                    \n                        getclientSize()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:95\n                                \n                            \n\n            \n        \n        \n            \n                \n                    \n                        \n                        isContentLessThanContainer\n                    \n                \n\n                \n                    \n                        getisContentLessThanContainer()\n                    \n                \n                            \n                                \n                                    Defined in projects/ng-gallery/src/lib/components/adapters/main-adapters.ts:99\n                                \n                            \n\n            \n        \n\n    \n\n\n    \n        import { GalleryConfig } from '../../models/config.model';\nimport { SliderAdapter } from './base-adapter';\nimport { SmoothScrollToOptions } from '../../smooth-scroll';\n\ndeclare const Hammer: any;\n\nexport class HorizontalAdapter implements SliderAdapter {\n\n  readonly hammerDirection: number = Hammer?.DIRECTION_HORIZONTAL;\n\n  readonly scrollSnapType: string = 'x mandatory';\n\n  get scrollValue(): number {\n    return this.slider.scrollLeft;\n  }\n\n  get clientSize(): number {\n    return this.slider.clientWidth;\n  }\n\n  get isContentLessThanContainer(): boolean {\n    return this.clientSize >= this.slider.firstElementChild.clientWidth;\n  }\n\n  constructor(public slider: HTMLElement, public config: GalleryConfig) {\n  }\n\n  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollToOptions {\n    const position: number = el.offsetLeft - ((this.clientSize - el.clientWidth) / 2);\n    return {\n      start: position,\n      duration: behavior === 'smooth' ? this.config.slidingDuration : 0,\n      easing: this.config.slidingEase\n    };\n  }\n\n  getRootMargin(): string {\n    return `1000px 1px 1000px 1px`;\n  }\n\n  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {\n    const rootMargin: number = -1 * ((viewport.clientWidth - el.clientWidth) / 2) + 1;\n    return `0px ${ rootMargin }px 0px ${ rootMargin }px`;\n  }\n\n  getCentralizerStartSize(): number {\n    if (this.isContentLessThanContainer) {\n      const size: number = this.clientSize - this.slider.firstElementChild.clientWidth;\n      return size / 2;\n    }\n    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientWidth / 2);\n  }\n\n  getCentralizerEndSize(): number {\n    if (this.isContentLessThanContainer) {\n      const size: number = this.clientSize - this.slider.firstElementChild.clientWidth;\n      return size / 2;\n    }\n    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientWidth / 2);\n  }\n\n  getHammerVelocity(e: any): number {\n    return e.velocityX;\n  }\n\n  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {\n    return {\n      behavior,\n      left: value - e.deltaX\n    };\n  }\n\n  // getDraggingProperty(e: MouseEvent): number {\n  //   return e.clientX;\n  // }\n\n  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {\n  //   return {\n  //     behavior,\n  //     left: value - delta\n  //   };\n  // }\n}\n\nexport class VerticalAdapter implements SliderAdapter {\n\n  readonly hammerDirection: number = Hammer?.DIRECTION_VERTICAL;\n\n  readonly scrollSnapType: string = 'y mandatory';\n\n  get scrollValue(): number {\n    return this.slider.scrollTop;\n  }\n\n  get clientSize(): number {\n    return this.slider.clientHeight;\n  }\n\n  get isContentLessThanContainer(): boolean {\n    return this.clientSize >= this.slider.firstElementChild.clientHeight;\n  }\n\n  constructor(public slider: HTMLElement, public config: GalleryConfig) {\n  }\n\n  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollToOptions {\n    const position: number = el.offsetTop - ((this.clientSize - el.clientHeight) / 2);\n    return {\n      top: position,\n      duration: behavior === 'smooth' ? this.config.slidingDuration : 0,\n      easing: this.config.slidingEase\n    };\n  }\n\n  getRootMargin(): string {\n    return `1px 1000px 1px 1000px`;\n  }\n\n  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {\n    const rootMargin: number = -1 * ((viewport.clientHeight - el.clientHeight) / 2) + 1;\n    return `${ rootMargin }px 0px ${ rootMargin }px 0px`;\n  }\n\n  getCentralizerStartSize(): number {\n    if (this.isContentLessThanContainer) {\n      const size = this.clientSize - this.slider.firstElementChild.clientHeight;\n      return size / 2;\n    }\n    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientHeight / 2);\n  }\n\n  getCentralizerEndSize(): number {\n    if (this.isContentLessThanContainer) {\n      const size = this.clientSize - this.slider.firstElementChild.clientHeight;\n      return size / 2;\n    }\n    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientHeight / 2);\n  }\n\n  getHammerVelocity(e: any): number {\n    return e.velocityY;\n  }\n\n  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {\n    return {\n      behavior,\n      top: value - e.deltaY\n    };\n  }\n\n  // getDraggingProperty(e: MouseEvent): number {\n  //   return e.clientY;\n  // }\n\n  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {\n  //   return {\n  //     behavior,\n  //     top: value - delta\n  //   };\n  // }\n}\n\n    \n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"classes/VideoItem.html":{"url":"classes/VideoItem.html","title":"class - VideoItem","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n  Classes\n  VideoItem\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/components/templates/items.model.ts\n        \n\n\n\n\n            \n                Implements\n            \n            \n                            GalleryItem\n            \n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Readonly\n                                data\n                            \n                            \n                                    Readonly\n                                type\n                            \n                        \n                    \n                \n\n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(data: VideoItemData)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:16\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        data\n                                                  \n                                                        \n                                                                        VideoItemData\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        data\n                        \n                    \n                \n            \n                \n                    \n                        Type :         VideoItemData\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:16\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        type\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GalleryItemType\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:15\n                        \n                    \n\n\n        \n    \n\n\n\n\n\n\n\n\n    \n\n\n    \n        import { GalleryItem } from '../../models/gallery.model';\nimport { GalleryItemType, GalleryItemTypes } from '../../models/constants';\n\nexport class ImageItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: ImageItemData;\n\n  constructor(data: ImageItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Image;\n  }\n}\n\nexport class VideoItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: VideoItemData;\n\n  constructor(data: VideoItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Video;\n  }\n}\n\nexport class IframeItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: IframeItemData;\n\n  constructor(data: IframeItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Iframe;\n  }\n}\n\nexport class YoutubeItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: YoutubeItemData;\n\n  constructor(data: YoutubeItemData) {\n    this.data = {\n      ...data,\n      ...{\n        src: `https://youtube.com/embed/${ data.src }`,\n        thumb: data.thumb ? data.thumb : `//img.youtube.com/vi/${ data.src }/default.jpg`\n      }\n    };\n    this.type = GalleryItemTypes.Youtube;\n  }\n}\n\ntype GalleryItemModel = {\n  type?: GalleryItemType;\n  src?: string | { url: string, type: string }[];\n  thumb?: string;\n  args?: any;\n};\n\nexport type ImageItemData = GalleryItemModel & {\n  alt?: string;\n};\n\nexport type IframeItemData = GalleryItemModel & {\n  params?: any;\n};\n\nexport type YoutubeItemData = IframeItemData & {\n  autoplay?: boolean;\n};\n\nexport type VideoItemData = GalleryItemModel & {\n  poster?: string;\n  loop?: boolean;\n  // The only option for boolean video attributes is 'true', because false will still be evaluated to true in attributes binding\n  mute?: true;\n  disablePictureInPicture?: true;\n  controls?: boolean;\n  autoplay?: boolean;\n  preload?: 'none' | 'metadata' | 'auto' | '';\n  controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';\n  disableRemotePlayback?: boolean;\n};\n\nexport type GalleryItemData = ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;\n\nexport type ItemState = 'success' | 'loading' | 'failed';\n\n    \n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"interfaces/WorkerState.html":{"url":"interfaces/WorkerState.html","title":"interface - WorkerState","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Interfaces\n  \n  WorkerState\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/models/slider.model.ts\n        \n\n\n\n\n        \n            Index\n            \n                \n                    \n                        \n                            Properties\n                        \n                    \n                    \n                        \n                            \n                                \n                                        \n                                            instant\n                                        \n                                \n                                \n                                        \n                                            value\n                                        \n                                \n                            \n                        \n                    \n                \n            \n        \n\n\n\n            \n                Properties\n                    \n                        \n                                \n                                    \n                                        \n                                        instant\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        instant:         boolean\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         boolean\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n                    \n                        \n                                \n                                    \n                                        \n                                        value\n                                            \n                                                \n                                            \n                                        \n                                    \n                                \n                                \n                                    \n                                        value:         number\n\n                                    \n                                \n\n\n                                    \n                                        \n                                            Type :         number\n\n                                        \n                                    \n\n\n\n\n\n                        \n                    \n            \n    \n\n\n    \n        export interface SliderState {\n  style: any;\n  instant: boolean;\n}\n\nexport interface WorkerState {\n  value: number;\n  instant: boolean;\n}\n\n    \n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"classes/YoutubeItem.html":{"url":"classes/YoutubeItem.html","title":"class - YoutubeItem","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n  Classes\n  YoutubeItem\n\n\n\n        \n            Info\n        \n        \n            Source\n        \n\n\n\n    \n        \n            File\n        \n        \n            projects/ng-gallery/src/lib/components/templates/items.model.ts\n        \n\n\n\n\n            \n                Implements\n            \n            \n                            GalleryItem\n            \n\n\n            \n    Index\n    \n        \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                    Readonly\n                                data\n                            \n                            \n                                    Readonly\n                                type\n                            \n                        \n                    \n                \n\n\n\n\n\n\n        \n    \n\n\n            \n    Constructor\n        \n            \n                \n                    \nconstructor(data: YoutubeItemData)\n                    \n                \n                        \n                            \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:36\n                            \n                        \n\n                \n                    \n                            \n                                    Parameters :\n                                    \n                                        \n                                            \n                                                Name\n                                                    Type\n                                                Optional\n                                            \n                                        \n                                        \n                                                \n                                                        data\n                                                  \n                                                        \n                                                                        YoutubeItemData\n                                                        \n                                                  \n                                                    \n                                                            No\n                                                    \n                                                    \n                                                \n                                        \n                                    \n                            \n                    \n                \n            \n        \n\n\n            \n    \n    \n        Properties\n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        data\n                        \n                    \n                \n            \n                \n                    \n                        Type :         YoutubeItemData\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:36\n                        \n                    \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                            Readonly\n                        type\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GalleryItemType\n\n                    \n                \n                    \n                        \n                                Defined in projects/ng-gallery/src/lib/components/templates/items.model.ts:35\n                        \n                    \n\n\n        \n    \n\n\n\n\n\n\n\n\n    \n\n\n    \n        import { GalleryItem } from '../../models/gallery.model';\nimport { GalleryItemType, GalleryItemTypes } from '../../models/constants';\n\nexport class ImageItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: ImageItemData;\n\n  constructor(data: ImageItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Image;\n  }\n}\n\nexport class VideoItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: VideoItemData;\n\n  constructor(data: VideoItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Video;\n  }\n}\n\nexport class IframeItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: IframeItemData;\n\n  constructor(data: IframeItemData) {\n    this.data = data;\n    this.type = GalleryItemTypes.Iframe;\n  }\n}\n\nexport class YoutubeItem implements GalleryItem {\n  readonly type: GalleryItemType;\n  readonly data: YoutubeItemData;\n\n  constructor(data: YoutubeItemData) {\n    this.data = {\n      ...data,\n      ...{\n        src: `https://youtube.com/embed/${ data.src }`,\n        thumb: data.thumb ? data.thumb : `//img.youtube.com/vi/${ data.src }/default.jpg`\n      }\n    };\n    this.type = GalleryItemTypes.Youtube;\n  }\n}\n\ntype GalleryItemModel = {\n  type?: GalleryItemType;\n  src?: string | { url: string, type: string }[];\n  thumb?: string;\n  args?: any;\n};\n\nexport type ImageItemData = GalleryItemModel & {\n  alt?: string;\n};\n\nexport type IframeItemData = GalleryItemModel & {\n  params?: any;\n};\n\nexport type YoutubeItemData = IframeItemData & {\n  autoplay?: boolean;\n};\n\nexport type VideoItemData = GalleryItemModel & {\n  poster?: string;\n  loop?: boolean;\n  // The only option for boolean video attributes is 'true', because false will still be evaluated to true in attributes binding\n  mute?: true;\n  disablePictureInPicture?: true;\n  controls?: boolean;\n  autoplay?: boolean;\n  preload?: 'none' | 'metadata' | 'auto' | '';\n  controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';\n  disableRemotePlayback?: boolean;\n};\n\nexport type GalleryItemData = ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;\n\nexport type ItemState = 'success' | 'loading' | 'failed';\n\n    \n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"changelog.html":{"url":"changelog.html","title":"getting-started - changelog","body":"\n                   \n\nChangelog\n12.0.0-beta.0\n\nAll boolean inputs of  components can be set as string attributes\ne.g. ,  and  sets the option's value to true.\ne.g.  and  sets the option's value to false.\n\n\nAll number inputs of  components can be set as string attributes\ne.g.  and  sets the option's value to 2000\n\n\n\nImproved performance\n\nrefactor: Replace the scroll event with intersection observer to detect the active item while scrolling.\n\nItemAutoSize, ThumbAutoSize features\n\nenhance: Toggling itemAutoSize option is now reactive.\nfix: [thumbAutosize] causes random invalid starting thumbnail scroller position when scrolling possible, closes #521\nfix: [ItemAutosize] in website/safari browsers do not work as expected, closes #543\n\nAutoHeight feature\n\nenhance: Auto-height feature is not more precise and works well with or without height transition\nfix: Auto-height issue when screen size changes\n\nAutoplay feature\n\nfix: autoplay resets the timer after navigated.\nfix: autoplay only start the timer after the image is loaded.\n\nCustom template\n\nfeature: galleryImage directive has been added, which allows user to set this directive on img element inside their custom templates.\n\nBreaking changes\n\nautoPlay option has been renamed to autoplay in small letters.\n\n11.0.0\n\nfeat: Add GalleryThumbDef, GalleryImageDef, GalleryItemDef, GalleryBoxDef to set custom templates.\nfeat: Add imageTemplate property to GalleryConfig.\nfeat: Add args property in case need to attach extra data with the gallery item.\nenhance: Improve overall typings.\n\nBreaking changes\n\nUsage of setting custom template has been changed! see the wiki page for more info.\nThe inputs itemTemplate, thumbTemplate and boxTemplate has been removed from the gallery component, however they still exist in GalleryConfig\n\n10.0.0\n\nfeat: Migrate to standalone components.\n\nBreaking Changes\n\nBoth GalleryModule and LightboxModule no longer provide the withConfig() method.\n\n9.0.1\n\nRemove bezier-easing package from dependencies, closes #525 and #551 in 6c47ecb.\n\n9.0.0\n\nUpgrade to Angular 16\n\n8.0.4\n\nfix(core): Fix VideoItem typo, closes #529.\nenhance(lightbox): Allow multiple classes for backdropPanel and panelClass config, closes 31368ed and #541.\n\n8.0.3\n\nfix(core): SSR error, closes 532 in #533.\n\n8.0.2\n\nfeat(core): Add loadingAttr option to img and iframe elements, closes #513 in 093789b.\nfix(core): Videos are unplayable if type not specified, closes #515 in 11ba153.\n\n8.0.1\n\nfix(core): Gallery nav icons are not alignment properly, in d4dca8b.\nfox(core): Gallery dots is not horizontally centralized, in f2d6910.\nfix(core): Fix lib's angular peerDependencies version to >=15 in 9ea5ea3.\n\n8.0.0\n\nfeat(core): Add isActive to custom gallery template context, in 0b3f8bf.\nrefactor(core): Fix the iframe error regarding the allow attribute.\nrefactor(core): Change default navigation icons.\nrefactor(core): Change default dots size.\nrefactor(core): Change default counter styles.\nregret(core): RemoveitemLoaded output.\n\n8.0.0-beta.5\n\nregret(core): RemovecontentVisibilityAuto option for version 8.\nfeat(core): Add itemLoaded output which emits after an item is loaded, for image items it emits after the image is loaded.\nfeat(core): Add autoHeight option, when set to true, the gallery height will fit the active item height.\nfeat(core): Add autoItemSize option, when set to true, the item will fit its image aspect ratio.\nfeat(core): Add autoThumbSize option, when set to true, the thumb will fit its image aspect ratio.\nfeat(core): Add scrollBehavior option.\nfeat(core): Add navScrollBehavior option.\nfeat(core): Add thumbImageSize option.\nfeat(core): Add more options to the video item.\nfeat(core): Add configSnapshot to GalleryRef class.\nfeat(core): Add an optional parameter behavior to all next(behavior?), prev(behavior?), set(index, behavior?) functions, fallbacks to the scrollBehavior config.\nrefactor(core): Only display custom item template container when itemTemplate is provided.\n\n8.0.0-beta.4\n\nfeat(core): Add contentVisibilityAuto option to set the proper content-visibility and contain-intrinsic-size value on all gallery items/thumbs, in 73b20a9.\nfeat(core): Use native loading attribute on all img and iframe for native lazy loading.\nrefactor(core): Fix loop issue when sliding with using the mouse, in 1572bea.\nrefactor(core): Remove lazy-image directive.\n\n8.0.0-beta.3\n\nfix(core): Set current index in sliding event does not work if slider size number has fraction, in 58e89fb.\n\n8.0.0-beta.2\n\nfix(lightbox): close button is not displayed, in 506249b.\n\n8.0.0-beta.1\n\nfeat(core): Use scrolling slider instead of transform method, allows touchpad scroll to slide the gallery as well as native sliding on mobile browser.\nfeat(core): Add resizeDebounceTime option which is used to update the gallery on window resize event in 34a2723 and d867630.\nfeat(core): Add slidingEase and slidingDuration to customize sliding ease and duration in 4c1db03.\nfeat(core): Add thumbDetached to detach thumb slider, closes #289 in 1f47484.\nfeat(core): Add boxTemplate to the gallery, closes #487 in f46e33a.\nfeat(core): Add slidingDisabled and thumbSlidingDisabled options to enable/disable sliding on Mobile and Desktop using the touchpad. in 2451581.\nfeat(core): Add mouseSlidingDisabled and mouseThumbSlidingDisabled options to enable/disable sliding on Desktop using the mouse. in 2451581.\nfeat(core): Images not shown, when number of images get larger, closes #484 in e819ebe.\nfix(core): thumbView=\"contain\" Sliding thumbnails using gestures has an issue, closes #417 in e819ebe.\nrefactor(core): Remove thumbMode option from the gallery, in 18f71e3\nrefactor(core): Remove tapClick event and use native click event, in 3d960cc.\nrefactor(core): Remove ng-content from the gallery, in 63e3b6b.\nrefactor(core): Remove panSensitivity option, in d1f8d34.\nrefactor(core): Remove gestures option, in 70cb00c.\nrefactor(core): Remove reserveGesturesAction option, in 4b07fc7.\nrefactor(core): Remove zoomOut option, in 19ba2b8.\n\nBreaking changes:\nHammerJs is only used for sliding using the mouse on desktop only, Sliding on mobile devices is now native scroll.\n\ngestures option has been deprecated.\nthumbMode option has been deprecated, sliding thumbnails is free.\nzoomOut has been deprecated.\nreserveGesturesAction has been deprecated.\npanSensitivity has been deprecated.\nRemove ng-content from the gallery, use boxTemplate option to add your custom layer.\nThe default value for loadingStrategy option has changed to LoadingStrategy.Preload.\nAdded new dependency bezier-easing.\n\n7.1.2\n\nfix(core): Fix reserveGestureAction input and its default value in the lightbox, in ba95036.\nfix(core): Update gallery sliding position properly on window resize, in f786d0a.\nfix(core): Slide bug with touch scroll with gallery thumbnails, related to #465 in eb1e60c in a26d63f.\n\n7.1.1\n\nfeat(core): New option reserveGesturesAction adds the ability to block the scrolling of page when sliding the gallery on mobile browser, closes #477 in c105f21.\nfix(core): Slide bug with touch scroll, closes #465 in eb1e60c.\n\n7.1.0\n\nfeat(core): Settings change shouldn't require restart, closes #466 in ee71e52.\nfix(core): Unable to drag thumbnails properly, closes 473 in 8635701.\nfix(core): Setting gestures to false breaks the gallery, closes #464, #467 and #469 in a374603.\nfix(core): Set alt on gallery thumbnails and add role=\"button\" to gallery nav, closes #468 in 57bebca.\nfix(lightbox): Close icon in lightbox container being re-rendered all the time due to bug in template, closes #307 in 6bdc7a4.\nenhance(core, lightbox): Remove deprecated usage, in 23506eb.\n\n7.0.4\n\nfix(core): imageSize option when set to contain, in 3ecf94e.\n\n7.0.3\n\nenhance(core): Use img element instead of div background image to display images, in b6b5120.\nfeat(core): Add alt property to GalleryImage, in b6b5120.\n\n7.0.2\n\nfix(core): Should not show sliding effect on initial state, closes #458 in c810039.\n\n7.0.1\n\nfeat(core): Avoid triggering change detection while dragging in 8ed5948.\nfix(core): Gallery thumbs vertical slider does not navigate when direction is up, closes #454 in 4eb7d2f.\n\n7.0.0\n\nUpdate to Angular 14 in 64d5620.\n\n6.0.1\n\nfix: Downgrade rxjs peerDependencies to v6 in 35f58fd.\n\n6.0.0\n\nUpdate to Angular 13, closes #424 in #420.\n\n5.1.1\nAdds a new option to the global config as well as an input called thumbView which is expects a value of either default or contain\n\nfeat(core): Thumbnails should always use the available space, closes #340 in ad3e514 and 5523b2e.\nfeat(core): Add stateSnapshot property to GalleryRef to get an instant snapshot of the gallery state observable.\nfix(core): Video item displays the application instead of video, closes #398 in f07c304.\nfix(core): Issue with gallery.remove() function, closes #405 in f0fb1c3 and 6e080b4.\n\n\nSpecial thanks to @NexGenUA for his PR\n\n5.0.0\n\nUpgrade to Angular 10.\nfeat(Lightbox): Add start/exit animation options, closes #346 in 6799a1c.\nfeat(video item): ability to disable video controls, in f6b48b1.\nfeat(video item, youtube item): Ability to autoplay, closes #304 in 9caf8bf.\nfeat(youtube item): Allow url parameters, closes #302 in 3760789.\nfix(lightbox): Remove cdk styles import from the library.\nfix(video item): Cannot read property 'nativeElement' of undefined, closes #353 in ff10363.\nfix(video item): Sanitized urls not working in , closes #346 in 6799a1c.\n\n5.0.0-beta.1\n\nUpgrade to Angular 9.\nCombine all packages in one package.\nRemove import HttpClientModule from GalleryModule.\n\nBreaking changes\nBefore:\n\nThe packages were published on @ngx-gallery/core, @ngx-gallery/lightbox and @ngx-gallery/gallerize.\n\nAfter:\n\nAll the packages are now combined in ng-gallery (NOTE: it is not ngx-gallery that is a different package).\nImport GalleryMlodule from ng-gallery and LightboxModule from ng-gallery/lightbox.\nThe module GallerizeModule has been removed, the [gallerize] directive can still be used from the LightboxModule.\n\n5.0.0-beta.0\n\nregret: Remove mode=intermediate option, closes #309 and #297 in b1df18c.\n\nBreaking changes (There could be more breaking changes until version 5 is released which will make it compatible with Angular 9 and ivy)\n\nThe loadingMode option has been removed from the gallery component's input and from the global options.\n\n4.0.3\n\nfix(core): Fix universal error, closes #262 in fc6c3f7.\nfix(core): clean up state subject in  component in 7796b50.\n\n4.0.2-beta.0\n\nfeat(core): Add thumbLoadingIcon and thumbLoadingError to gallery config, in 3f8cdca and f2cae92.\nrefactor(core): refactor the if/else logic in gallery image template, in f7d6a22.\n\n4.0.1\n\nfix(core): Encapsulate the cache interceptor to gallery images only, closes #237 in 4616eec.\n\n4.0.0\n\nfeat(gallerize): Scan imageSrc and thumbSrc attributes for image sources, in 4826d52.\nenhance(core, lightbox, gallerize): Ability to lazy load the library.\nenhance(core, lightbox): Export GALLERY_CONFIG and LIGHTBOX_CONFIG tokens, in 56c704f and 9cab04b.\nfix(core, lightbox): Add Optional() on injected config in gallery and lightbox services, closes #234 in 31624f9.\nrefactor(core, lightbox): Rename forRoot(config?) to withConfig(config), in 8446c1a.\nrefactor(lightbox): Remove providedIn: 'root' from Lightbox service and provid it locally in its module, in 7ba8dd9.\n\nBreaking Changes\n\nThe function forRoot() has been removed from GalleryModule and LightboxModule.\nUse GalleryModule.withConfig({ ... }) to set config that applies on a module and its children (same applies on LightboxModule).\nTo set global config across the entire app while still lazy load the library, provide the GALLERY_CONFIG token with the config value in the root module (same applies on LightboxModule with LIGHTBOX_CONFIG).\n\nExample: Lazy load the library\nIn this example, will set global config without importing the library in the main bundle\n\nProvide GALLERY_CONFIG value in the root module\n\nimport { GALLERY_CONFIG } from '@ngx-gallery/core';\n\n@NgModule({\n  providers: [\n    {\n      provide: GALLERY_CONFIG, \n      useValue: {\n        dots: true,\n        imageSize: 'cover'\n      }\n    }\n  ]\n})\nexport class AppModule { }\nImport GalleryModule in a feature module\n\nimport { GalleryModule } from '@ngx-gallery/core';\n\n@NgModule({\n  imports: [\n    GalleryModule\n  ]\n})\nexport class FeatureModule { }4.0.0-beta.1\n\nfeat(core): Add indeterminate option to the radial progress, in df682c4.\nenhance(core): Enhance thumbnails loading styles, in f34f90a.\nfix(core): Expose [dotSize], [bulletsPosition] and [counterPosition] options as inputs, in 946a856.\nfix(core): Add [loadingMode] option to gallery images which accepts determinate or indeterminate , in e8bdfb2.\nregression(core): Fix undisplayed thumb image when a custom thumb template is used, in 34f2cc6.\nenhance(gallerize): Run gallerize detector outside angular zone, makes opening the lightbox smoother, in 284925d and 98901b9.\n\n4.0.0-beta.0\n\nupdate(core, lightbox, gallerize): Update peer dependencies, closes #228 in bd8cdd3.\n\nfeat(core): Add bulletsPosition option, closes #211 in 263d297.\n\nfeat(core): Add dotsSize option, in e2e58b6.\n\nfeat(core): Add counterPosition option, closes in ce7a8ad.\n\nfeat(core): Use HttpClient to load and cache images in [lazyImage] directive, in 15c3e88.\n\nfeat(core): Replace icon loader with a new radial progress component to report image loading progress while keeping the svg loading icon as an option, in a1028e8.\n\nfeat(core): Add default error template to  in case if loading failed and add loadingError option for custom error template, in cd258f5 and 9dbf6c4.\n\nenhance(core): Enhance gallery dots styles, in de8d22b.\n\nenhance(core): Allow gallery image to use unsafe URLs, closes #218 in da1ace1.\n\nenhance(core): Use animationFrameScheduler for smoother sliding animation, in 38b0aa6.\n\nfix(core): Fix vertical scroll when using the gallery on touch devices, closes #161 in a239c29. (kudos goes to @harm-less)\n\nrefactor(core): [lazyImage] directive => (loaded) event no longer emits on error.\n\nfeat(lightbox): Set the focus back on the previously focused element when the lightbox is closed, in 266eddb.\n\nfeat(lightbox): Add role, ariaLabel, ariaLabelledBy and ariaDescribedBy attributes to the lightbox config LightboxConfig, in a11d20d, 5b550e7.\n\nenhance(lightbox): Import overlay default styles from @angular/cdk/overlay, in 54c5d88.\n\nenhance(lightbox): Improve lightbox styles, in 4a52161.\n\nenhance(lightbox): Update lightbox overlay animation, closes #224 in bec077f.\n\nrefactor(lightbox): Use disposeOnNavigation instead of Location service, in 2262164.\n\n\n3.3.1\n\nfix(core): Remove duplicate delete execution in the destroyer function, in ae541ca\nfix(core): Check galleryRef exists before deleting, in a2b32e2\nfix(core): Remove duplicate config set, in 834c001\nfix(core): Remove unnecessary PortalModule import from GalleryModule, in 46ef735\nrefactor(core): Use povidedIn: 'root' for the Gallery service, in 86eeaa7\nfix(core, lightbox): Fix peer dependencies, in 236e540.\n\n3.3.0\n\nrefactor(core): Use Map for instances holder type instead of untyped object in ac08077.\nrefactor(core): Rename gallery state$ and config$ to state and config in 8de515b and 1e4fd06.\nenhance(core): Improve instance destroyer, gallery delete its instance on component destroy in 65f3358.\n\nBreaking Changes\n\nGallery can now be destroyed using its instance galleryRef.destroy().\nIn Gallery service the function destroy() has been removed.\n\n3.2.0\n\nfeature(core): Do not require importing global styles, closes #197 in ea041a5.\nfeature(core): Set the video type attribute on videos items, closes #199 in 06b3601.\nfeature(lightbox): Add a lightbox directive, closes #200 in ad2255b.\nfix(gallery): fix LazyImage error event, closes #205 in db231aa\n\nBreaking changes\n\nNo need to manually import the styles anymore, they are imported internally with the components.\n\nAdding a video item with multiple url sources\nBefore:\n\n\ngalleryRef.addVideo({\n  src: ['MP4_URL', 'OGG_URL'],\n  thumb: '(OPTIONAL)VIDEO_THUMBNAIL_URL',\n  poster: '(OPTIONAL)VIDEO_POSTER_URL'\n});After:\ngalleryRef.addVideo({\n  src: [\n    { url: 'MP4_URL', type: 'video/mp4' },\n    { url: 'OGG_URL', type: 'video/ogg' }\n  ],\n  thumb: '(OPTIONAL)VIDEO_THUMBNAIL_URL',\n  poster: '(OPTIONAL)VIDEO_POSTER_URL'\n});3.1.2\n\nfix(Lightbox): Check if location is defined before subscribing, closes #189 in 169b813.\n\n3.1.1\n\nrefactor(core): Convert imageSize attribute to an input + add it to gallery config, this makes it possible to use it in lightbox mode, closes #183 in 1fc70c4.\nrefactor(core): Make contain as the default value for imageSize option, in c7b3d39.\n\n3.1.0\n\nfeat(core): Add auto-play option, in e7fc03f.\nfeat(core): Add support for error handling, closes #154 in 12f6e5e.\nrefactor(core): Remove opacity transition from gallery-item, in a5b227e.\nrefactor(core): Use imageSize as an attribute, in 96c5c07.\nrefactor(core): Rename (player) output to (playingChange), in e209493.\nenhance(core): Use default cursor when thumbnails are disabled, in 3582e95.\nfix(core): fix vertical sliding direction, in cba5d59.\nfix(core): fix thumbClick Output, in a730116.\n\n3.1.0-beta.0\nGallery\n\nfeat(core): Add thumbMode option on thumbnails' slider (free scroll thumbnails), closes #135 in 8c6c99d.\nfeat(core): Add slide show player option, closes #152 in a331f46.\nenhance(core): Ability to Import gallery styles individually #144 in ebb6667.\nenhance(core): Run HammerJS gestures outside angular zone 6fabf6c.\nenhance(core): Put SCSS and CSS each in its own folder, close #153 in 9783fc3.\nenhance(core): Check if loadingSvg is defined before embedding it, close #150 in 5286640.\nfix(core): fix wrong (thumbClick) emitter.\nfix(core): fix gallery slider width which is set to 0 at the beginning, closes #151 in c26a286.\nrefactor(core): Set loop option to true by default.\nrefactor(core): Remove fluid option from gallery config and use it as an attribute instead. fixed in ecf3f88.\n\nLightbox\n\nfeat(Lightbox): Close the lightbox when the location is changed, closes #108 in 1543374.\n\nBreaking changes:\nGallery\n\nFluid option is now used as an attribute, not as an input.\n\nBefore:\nAfter:\n\nScss and css styles are put each in its own folder\n\nBefore:\n@import '~@ngx-gallery/core/styles/gallery';After:\n@import '~@ngx-gallery/core/styles/scss/gallery';\n// or for css\n@import '~@ngx-gallery/core/styles/css/gallery';3.0.2\n\nrefactor(Lightbox): fix the close button small size on iphone browser.\nrefactor(Lightbox): use  tag instead of  tag for the close button.\nfix(core): Check if loadingIcon is defined in , closes #133 and #132 in 24e6e26.\n\n3.0.1\n\nfeat(core): Allow using custom gallery item with custom template, closes #125 in 7e4c302.\n\n3.0.0\n\nfix(Lightbox): Close the lightbox when the active route is changed #108 in d099abd.\n\n3.0.0-beta.1\n\nrefactor(core): add the loop input to gallery component, closes #98 in 727a4ca.\n\n3.0.0-beta.0\nFeatures:\n\nSupport Angular 6 and RxJS 6, closes #91.\nfeat(core): Add helper functions to add different gallery items on  and GalleryRef.\nfeat(core): Add fluid option to gallery for full width size.\nfeat(core): Add navIcon option to gallery config to set a custom nav icon.\nfeat(core): AddloadingStrategy option to gallery which accepts one of the following: 'preload', 'lazy' or 'default', closes #87.\nfeat(core): Add itemClick output which emits when an item is clicked, closes #106.\nfeat(core): Support custom template inside the default item templates, add itemTemplate and thumbTemplate to gallery options.\nfeat(core): Multiple video sources support.\nfeat(core): Pause Video and Youtube items when active item changes.\nfeat(Gallerize): Add support to detect Gallery component.\nfeat(Gallerize): Add support to detect DOM background images.\n\nBug fixes:\n\nfix(core): Skip re-setting the config from  input in lightbox mode, closes #104.\nfix(core): Fix wrong thumbnail position when [thumbPosition] is changed.\n\nImprovements:\n\nrefactor(core): Improve icon rendering, use svg element instead of background-image to render the nav icon in .\nrefactor(core): Add .g-active-item on current item and .g-active-thumb on current thumbnail.\nrefactor(core): Add .g-image-loaded class on  to indicates that the image has been loaded.\nrefactor(core): Replace loading output with loaded, which emits the image path after it loads.\nrefactor(core): Set an initial height of 500px.\nrefactor(core): Replace ImageItem VideoItem YoutubeItem and IframeItem constructor parameters with a single data parameter.\nrefactor(core, Lightbox): Set aria-label on all buttons.\nrefactor(Gallerize): Remove forClass input and replace it for selector input.\nrefactor(Gallerize): Remove CommonModule as it is not needed.\nrefactor(Styles): Add a prefix to all classes used in the plugin.\nrefactor(Styles): Add a transition for animate the opacity on current item and thumbnail.\n\nBreaking changes:\nGallery\n\nBefore, To Create an image item, we used to pass the src and the thumbnail separate parameters.\n\nconst item: GalleryItem = new ImageItem('IMAGE_SRC', 'THUMB_SRC');\nAfter, The parameters are replaced with a single data object.\n\nconst item: GalleryItem = new ImageItem({ src: 'IMAGE_SRC', thumb: 'THUMB_SRC' });Gallerize\n\nBefore, Limiting auto-detection to a specific class used to be done as in the following code:\n\n\n  \n\nAfter, Now forClass input has been replaced with selector input.\n\n\n  \n  \n2.1.1\n\nrefactor(Lightbox Style): Clean up.\nfix(HammerJS): Don't throw an error if hammer is not defined, just fallback to default.\nfeat(VideoItem): add a 3rd parameter to VideoItem to set custom poster.\n\nconst viewItem = new VideoItem(video.src, video.thumb, video.poster);\nrefactor(core): rename thumbSrc to thumb.\n\nBreaking Changes\nThis won't effect the usage, but you might need to update \nGalleryItem data object has changed the name of the thumbnail source property from thumbSrc to thumb\nThis would only effect your app if you display the thumbnails list of your gallery items\nBefore\n\n  \n    \n  \nAfter\n\n  \n    \n  \n2.0.4\n\nfeat(GalleryConfig): add loadingIcon to GalleryConfig that accepts inline image.\n\n2.0.3\n\nfix(Lightbox): Exit animation, closes #73.\nfix(Lightbox): close button is clicking behind, closes #54.\nrefactor(Lightbox): Use the button tag instead of div for close button.\n\n2.0.2\n\nenhancement(Gallerize): Use MutationObserver instead of ngAfterContentChecked to prevent infinite loop in default change detection strategy, closes #70.\n\n2.0.1\n\nfeat(GallerySlider): Rearrange slider on window resize, closes #67.\n\n2.0.0\n\nfix(Swiping): Remove ngZone, closes #64.\n\n2.0.0-beta.4\n\nfeat(LightboxConfig): Adds fullscreen option to the lightbox, closes #43.\n\nBy default fullscreen is obtained on small screen (mobile) but now you can make it as default for all screens\nGalleryModule.forRoot()\nLightboxModule.forRoot({\n  panelClass: 'fullscreen'\n})\nfeat(Lightbox): Ability to define lightbox config using lightbox.open() method\n\nopenLightbox() {\n  this.lightbox.open(0, 'lightbox', {\n    panelClass: 'fullscreen'\n  });\n}2.0.0-beta.3\n\nPrevents native click event bubbling, closes #57\n\n2.0.0-beta\nWritten from scratch\n1.0.1\n\nfix double click on thumbnails and bullets, closes #45.\n\n1.0.0\nFixes:\n\nfix(GalleryNav): Hide navigation on panning.\nfix(GalleryPlayer): Wait until image is loaded before starting the timer.\n\n Features:\n\nfeat(GalleryPlayer): Add progressbar color option.\nfeat(GalleryPlayer): Add progressbar thickness option.\nfeat(GalleryPlayer): Add position option top and bottom.\nfeat(GalleryActions): Add gallery events\nfeat(GalleryNav): Add prevClass and nextClass options to customize navigation icons\nfeat(classNames) Add className option to container, thumbnails, bullets\n\nPerformance Improvements:\n\nrefactor(GalleryThumbnail) improve performance\n\nBreaking Changes:\n\nrefactor(GalleryConfig): rename config.thumbnails.space to config.thumbnails.margin\nrefactor(GalleryBullets): remove vertical positioning right and left\n\n1.0.0-beta.8\n\nfix(keyboard listener in lightbox) closes #24, #33.\nrefactor(Gallerize directive) Use MutationObserver instead of DOMSubtreeModified, closes #26.\nfix(Universal support), closes #9.\nfix Angular 5 warning, closes #21.\nImprove gallery lightbox, closes #20.\nImprove gallery lightbox slide animation, closes #8.\nUse Angular CDK for the gallery lightbox.\nrefactor(GalleryConfig)\nRemove image transition animation option because it was not implemented properly.\n\n0.7.1\n\nGeneral refactor\nfix(GalleryDirective) apply gallerize only once when content changes\ndecode gallery nav icons and close button from base64 to decrease the size\n\n0.7.0\n\nfeat(LazyLoad) emit only last selected image.\nfix(GalleryImage) fade animation is working properly with image load.\nrefactor(GalleryConfig)\n\n0.6.3\n\nfix(GalleryModal) close button is hidden on mobile, closes #9\nfix umd bundle for systemjs, closes #10\n\n0.6.2\n\nfix(gestures) remove navigation element on mobile which was blocking gestures events\nfix(gestures) enable/disable gestures using config.gestures\nrefactor(config) interfaces\n\n0.6.0 beta\n\nAdd popup animation for gallery modal\nRemove incorrect slide animation\nMake gestures optional, closes #2\nRemove thumbnail vertical position (right and left) positions, closes #3\n\n0.5.2 beta\n\n(feat) gestures support\n(refactor) gallery config\n\n0.5.0 beta\n\nInitial release\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"coverage.html":{"url":"coverage.html","title":"coverage - coverage","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    Documentation coverage\n\n\n\n    \n\n\n\n    \n        \n            File\n            Type\n            Identifier\n            Statements\n        \n    \n    \n        \n            \n                \n                projects/ng-gallery/.storybook/main.ts\n            \n            variable\n            config\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/.storybook/preview.ts\n            \n            variable\n            preview\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/lightbox/src/gallerize.directive.ts\n            \n            directive\n            GallerizeDirective\n            \n                64 %\n                (9/14)\n            \n        \n        \n            \n                \n                projects/ng-gallery/lightbox/src/lightbox.animation.ts\n            \n            variable\n            lightboxAnimation\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/lightbox/src/lightbox.component.ts\n            \n            component\n            LightboxComponent\n            \n                88 %\n                (16/18)\n            \n        \n        \n            \n                \n                projects/ng-gallery/lightbox/src/lightbox.default.ts\n            \n            variable\n            defaultConfig\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/lightbox/src/lightbox.directive.ts\n            \n            directive\n            LightboxDirective\n            \n                0 %\n                (0/7)\n            \n        \n        \n            \n                \n                projects/ng-gallery/lightbox/src/lightbox.model.ts\n            \n            interface\n            LightboxConfig\n            \n                0 %\n                (0/12)\n            \n        \n        \n            \n                \n                projects/ng-gallery/lightbox/src/lightbox.model.ts\n            \n            variable\n            LIGHTBOX_CONFIG\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/lightbox/src/lightbox.service.ts\n            \n            injectable\n            Lightbox\n            \n                77 %\n                (7/9)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts\n            \n            directive\n            AutoplayDirective\n            \n                0 %\n                (0/11)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/adapters/base-adapter.ts\n            \n            class\n            SliderAdapter\n            \n                0 %\n                (0/10)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/adapters/main-adapters.ts\n            \n            class\n            HorizontalAdapter\n            \n                0 %\n                (0/13)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/adapters/main-adapters.ts\n            \n            class\n            VerticalAdapter\n            \n                0 %\n                (0/13)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/adapters/main-adapters.ts\n            \n            variable\n            Hammer\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/gallery-core.component.ts\n            \n            component\n            GalleryCoreComponent\n            \n                54 %\n                (12/22)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/gallery-counter.component.ts\n            \n            component\n            GalleryCounterComponent\n            \n                0 %\n                (0/2)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/gallery-bullets.component.ts\n            \n            component\n            GalleryBulletsComponent\n            \n                0 %\n                (0/6)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/gallery-item.component.ts\n            \n            component\n            GalleryItemComponent\n            \n                56 %\n                (9/16)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/gallery-nav.component.ts\n            \n            component\n            GalleryNavComponent\n            \n                0 %\n                (0/8)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/gallery-slider.component.ts\n            \n            component\n            GallerySliderComponent\n            \n                45 %\n                (9/20)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/gallery-thumb.component.ts\n            \n            component\n            GalleryThumbComponent\n            \n                45 %\n                (5/11)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts\n            \n            component\n            GalleryThumbsComponent\n            \n                58 %\n                (10/17)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/gallery.component.ts\n            \n            component\n            GalleryComponent\n            \n                3 %\n                (3/77)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts\n            \n            component\n            GalleryIframeComponent\n            \n                0 %\n                (0/9)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts\n            \n            component\n            GalleryImageComponent\n            \n                52 %\n                (9/17)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts\n            \n            component\n            GalleryVideoComponent\n            \n                6 %\n                (1/15)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/templates/items.model.ts\n            \n            class\n            IframeItem\n            \n                0 %\n                (0/4)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/templates/items.model.ts\n            \n            class\n            ImageItem\n            \n                0 %\n                (0/4)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/templates/items.model.ts\n            \n            class\n            VideoItem\n            \n                0 %\n                (0/4)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/templates/items.model.ts\n            \n            class\n            YoutubeItem\n            \n                0 %\n                (0/4)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/components/templates/svg-assets.ts\n            \n            variable\n            imageFailedSvg\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts\n            \n            directive\n            GalleryBoxDef\n            \n                0 %\n                (0/4)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts\n            \n            interface\n            GalleryStateContext\n            \n                0 %\n                (0/3)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts\n            \n            directive\n            GalleryImageDef\n            \n                0 %\n                (0/4)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts\n            \n            directive\n            GalleryItemDef\n            \n                0 %\n                (0/4)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts\n            \n            interface\n            GalleryItemContext\n            \n                87 %\n                (7/8)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts\n            \n            directive\n            GalleryThumbDef\n            \n                0 %\n                (0/4)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts\n            \n            directive\n            HammerSliding\n            \n                6 %\n                (1/16)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts\n            \n            variable\n            Hammer\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/models/config.model.ts\n            \n            interface\n            GalleryConfig\n            \n                0 %\n                (0/44)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/models/config.model.ts\n            \n            variable\n            GALLERY_CONFIG\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/models/gallery.model.ts\n            \n            interface\n            GalleryError\n            \n                0 %\n                (0/3)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/models/gallery.model.ts\n            \n            interface\n            GalleryItem\n            \n                0 %\n                (0/3)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/models/gallery.model.ts\n            \n            interface\n            GalleryState\n            \n                0 %\n                (0/8)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/models/slider.model.ts\n            \n            interface\n            SliderState\n            \n                0 %\n                (0/3)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/models/slider.model.ts\n            \n            interface\n            WorkerState\n            \n                0 %\n                (0/3)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/observers/active-item-observer.ts\n            \n            class\n            ActiveItemObserver\n            \n                0 %\n                (0/2)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/observers/active-item-observer.ts\n            \n            function\n            createIntersectionObserver\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts\n            \n            directive\n            ItemIntersectionObserver\n            \n                0 %\n                (0/12)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts\n            \n            directive\n            SliderIntersectionObserver\n            \n                0 %\n                (0/13)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts\n            \n            directive\n            SliderResizeObserver\n            \n                0 %\n                (0/21)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts\n            \n            directive\n            ThumbResizeObserver\n            \n                0 %\n                (0/10)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/services/gallery-ref.ts\n            \n            class\n            GalleryRef\n            \n                92 %\n                (23/25)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/services/gallery-ref.ts\n            \n            variable\n            filterActions\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/services/gallery.service.ts\n            \n            injectable\n            Gallery\n            \n                77 %\n                (7/9)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            function\n            A\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            function\n            B\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            function\n            bezier\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            function\n            binarySubdivide\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            function\n            C\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            function\n            calcBezier\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            function\n            getSlope\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            function\n            LinearEasing\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            function\n            newtonRaphsonIterate\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            variable\n            float32ArraySupported\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            variable\n            kSampleStepSize\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            variable\n            kSplineTableSize\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            variable\n            NEWTON_ITERATIONS\n            \n                100 %\n                (1/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            variable\n            NEWTON_MIN_SLOPE\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            variable\n            SUBDIVISION_MAX_ITERATIONS\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n            \n            variable\n            SUBDIVISION_PRECISION\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts\n            \n            directive\n            SmoothScroll\n            \n                27 %\n                (6/22)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts\n            \n            variable\n            Hammer\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts\n            \n            interface\n            BezierEasingOptions\n            \n                0 %\n                (0/5)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts\n            \n            interface\n            SmoothScrollOptions\n            \n                0 %\n                (0/3)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts\n            \n            interface\n            SmoothScrollStep\n            \n                0 %\n                (0/11)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts\n            \n            variable\n            SMOOTH_SCROLL_OPTIONS\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/utils/gallery.default.ts\n            \n            variable\n            defaultConfig\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/utils/gallery.default.ts\n            \n            variable\n            defaultState\n            \n                100 %\n                (1/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/utils/img-manager.ts\n            \n            injectable\n            ImgManager\n            \n                0 %\n                (0/6)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/utils/img-manager.ts\n            \n            interface\n            ImageRegistry\n            \n                0 %\n                (0/3)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/utils/img-recognizer.ts\n            \n            directive\n            ImgRecognizer\n            \n                0 %\n                (0/9)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/lib/utils/resize-observer.ts\n            \n            function\n            resizeObservable\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/basic/Gallery.stories.ts\n            \n            variable\n            All\n            \n                100 %\n                (1/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/basic/Gallery.stories.ts\n            \n            variable\n            Counter\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/basic/Gallery.stories.ts\n            \n            variable\n            Dots\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/basic/Gallery.stories.ts\n            \n            variable\n            meta\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/basic/Gallery.stories.ts\n            \n            variable\n            Navigation\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/basic/Gallery.stories.ts\n            \n            variable\n            Thumbnails\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/basic/gallery-example.component.ts\n            \n            component\n            GalleryExampleComponent\n            \n                5 %\n                (2/37)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts\n            \n            variable\n            All\n            \n                100 %\n                (1/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts\n            \n            variable\n            meta\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts\n            \n            component\n            CustomTemplateComponent\n            \n                33 %\n                (1/3)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts\n            \n            variable\n            All\n            \n                100 %\n                (1/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts\n            \n            variable\n            meta\n            \n                0 %\n                (0/1)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/lightbox/lightbox-example.component.ts\n            \n            component\n            LightboxExampleComponent\n            \n                33 %\n                (1/3)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/pixabay/pixabay.model.ts\n            \n            interface\n            Hit\n            \n                0 %\n                (0/22)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/pixabay/pixabay.model.ts\n            \n            interface\n            Hit2\n            \n                0 %\n                (0/18)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/pixabay/pixabay.model.ts\n            \n            interface\n            PixabayHDModel\n            \n                0 %\n                (0/4)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/pixabay/pixabay.model.ts\n            \n            interface\n            PixabayModel\n            \n                0 %\n                (0/4)\n            \n        \n        \n            \n                \n                projects/ng-gallery/src/stories/pixabay/pixabay.service.ts\n            \n            injectable\n            Pixabay\n            \n                0 %\n                (0/4)\n            \n        \n    \n\n\n\n\n\n    new Tablesort(document.getElementById('coverage-table'));\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"dependencies.html":{"url":"dependencies.html","title":"package-dependencies - dependencies","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n        Dependencies\n    \n    \n        \n            @angular/animations : ^16.2.7\n        \n            @angular/cdk : ^16.2.6\n        \n            @angular/common : ^16.2.7\n        \n            @angular/compiler : ^16.2.7\n        \n            @angular/core : ^16.2.7\n        \n            @angular/flex-layout : ^15.0.0-beta.42\n        \n            @angular/forms : ^16.2.7\n        \n            @angular/material : ^16.2.6\n        \n            @angular/platform-browser : ^16.2.7\n        \n            @angular/platform-browser-dynamic : ^16.2.7\n        \n            @angular/platform-server : ^16.2.7\n        \n            @angular/router : ^16.2.7\n        \n            @fortawesome/angular-fontawesome : ^0.13.0\n        \n            @fortawesome/fontawesome-svg-core : ^6.4.0\n        \n            @fortawesome/free-brands-svg-icons : ^6.4.0\n        \n            @fortawesome/free-solid-svg-icons : ^6.4.0\n        \n            @nguniversal/express-engine : ^16.2.0\n        \n            express : ^4.15.2\n        \n            hammerjs : ^2.0.8\n        \n            highlight.js : ^11.8.0\n        \n            ngx-highlightjs : ^9.0.0\n        \n            ngx-progressbar : ^11.0.0\n        \n            ngx-scrollbar : ^12.0.0\n        \n            rxjs : ~7.5.6\n        \n            tslib : ^2.3.0\n        \n            zone.js : ~0.13.0\n    \n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"miscellaneous/enumerations.html":{"url":"miscellaneous/enumerations.html","title":"miscellaneous-enumerations - enumerations","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Miscellaneous\n  Enumerations\n\n\n\n    Index\n    \n        \n            \n                \n                    \n                        \n                            CounterPosition   (projects/.../constants.ts)\n                        \n                        \n                            bulletsPosition   (projects/.../constants.ts)\n                        \n                        \n                            GallerizeMode   (projects/.../gallerize.directive.ts)\n                        \n                        \n                            GalleryAction   (projects/.../constants.ts)\n                        \n                        \n                            GalleryItemTypes   (projects/.../constants.ts)\n                        \n                        \n                            ImageSize   (projects/.../constants.ts)\n                        \n                        \n                            LoadingAttr   (projects/.../constants.ts)\n                        \n                        \n                            LoadingStrategy   (projects/.../constants.ts)\n                        \n                        \n                            SlidingDirection   (projects/.../constants.ts)\n                        \n                        \n                            ThumbnailsPosition   (projects/.../constants.ts)\n                        \n                        \n                            ThumbnailsView   (projects/.../constants.ts)\n                        \n                    \n                \n            \n        \n    \n\n\n    projects/ng-gallery/src/lib/models/constants.ts\n    \n        \n            \n                \n                    \n                        \n                        CounterPosition\n                    \n                \n                        \n                            \n                                 Top\n                            \n                        \n                        \n                            \n                                Value : top\n                            \n                        \n                        \n                            \n                                 Bottom\n                            \n                        \n                        \n                            \n                                Value : bottom\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        bulletsPosition\n                    \n                \n                        \n                            \n                                 Top\n                            \n                        \n                        \n                            \n                                Value : top\n                            \n                        \n                        \n                            \n                                 Bottom\n                            \n                        \n                        \n                            \n                                Value : bottom\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        GalleryAction\n                    \n                \n                        \n                            \n                                 INITIALIZED\n                            \n                        \n                        \n                            \n                                Value : initialized\n                            \n                        \n                        \n                            \n                                 ITEMS_CHANGED\n                            \n                        \n                        \n                            \n                                Value : itemsChanged\n                            \n                        \n                        \n                            \n                                 INDEX_CHANGED\n                            \n                        \n                        \n                            \n                                Value : indexChanged\n                            \n                        \n                        \n                            \n                                 PLAY\n                            \n                        \n                        \n                            \n                                Value : play\n                            \n                        \n                        \n                            \n                                 STOP\n                            \n                        \n                        \n                            \n                                Value : stop\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        GalleryItemTypes\n                    \n                \n                        \n                            \n                                 Image\n                            \n                        \n                        \n                            \n                                Value : image\n                            \n                        \n                        \n                            \n                                 Video\n                            \n                        \n                        \n                            \n                                Value : video\n                            \n                        \n                        \n                            \n                                 Youtube\n                            \n                        \n                        \n                            \n                                Value : youtube\n                            \n                        \n                        \n                            \n                                 Iframe\n                            \n                        \n                        \n                            \n                                Value : iframe\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        ImageSize\n                    \n                \n                        \n                            \n                                 Cover\n                            \n                        \n                        \n                            \n                                Value : cover\n                            \n                        \n                        \n                            \n                                 Contain\n                            \n                        \n                        \n                            \n                                Value : contain\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        LoadingAttr\n                    \n                \n                        \n                            \n                                 Eager\n                            \n                        \n                        \n                            \n                                Value : eager\n                            \n                        \n                        \n                            \n                                 Lazy\n                            \n                        \n                        \n                            \n                                Value : lazy\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        LoadingStrategy\n                    \n                \n                        \n                            \n                                 Preload\n                            \n                        \n                        \n                            \n                                Value : preload\n                            \n                        \n                        \n                            \n                                 Lazy\n                            \n                        \n                        \n                            \n                                Value : lazy\n                            \n                        \n                        \n                            \n                                 Default\n                            \n                        \n                        \n                            \n                                Value : default\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        SlidingDirection\n                    \n                \n                        \n                            \n                                 Horizontal\n                            \n                        \n                        \n                            \n                                Value : horizontal\n                            \n                        \n                        \n                            \n                                 Vertical\n                            \n                        \n                        \n                            \n                                Value : vertical\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        ThumbnailsPosition\n                    \n                \n                        \n                            \n                                 Top\n                            \n                        \n                        \n                            \n                                Value : top\n                            \n                        \n                        \n                            \n                                 Left\n                            \n                        \n                        \n                            \n                                Value : left\n                            \n                        \n                        \n                            \n                                 Right\n                            \n                        \n                        \n                            \n                                Value : right\n                            \n                        \n                        \n                            \n                                 Bottom\n                            \n                        \n                        \n                            \n                                Value : bottom\n                            \n                        \n            \n        \n        \n            \n                \n                    \n                        \n                        ThumbnailsView\n                    \n                \n                        \n                            \n                                 Default\n                            \n                        \n                        \n                            \n                                Value : default\n                            \n                        \n                        \n                            \n                                 Contain\n                            \n                        \n                        \n                            \n                                Value : contain\n                            \n                        \n            \n        \n\n    projects/ng-gallery/lightbox/src/gallerize.directive.ts\n    \n        \n            \n                \n                    \n                        \n                        GallerizeMode\n                    \n                \n                    \n                        \n                            This directive has 2 modes:\n1 - If host element is a HTMLElement, it detects the images and hooks their clicks to lightbox\n2 - If host element is a GalleryComponent, it hooks the images click to the lightbox\n\n                        \n                    \n                        \n                            \n                                 Detector\n                            \n                        \n                        \n                            \n                                Value : detector\n                            \n                        \n                        \n                            \n                                 Gallery\n                            \n                        \n                        \n                            \n                                Value : gallery\n                            \n                        \n            \n        \n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"miscellaneous/functions.html":{"url":"miscellaneous/functions.html","title":"miscellaneous-functions - functions","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Miscellaneous\n  Functions\n\n\n\n    Index\n    \n        \n            \n                \n                    \n                        \n                            A   (projects/.../bezier-easing.ts)\n                        \n                        \n                            B   (projects/.../bezier-easing.ts)\n                        \n                        \n                            bezier   (projects/.../bezier-easing.ts)\n                        \n                        \n                            binarySubdivide   (projects/.../bezier-easing.ts)\n                        \n                        \n                            C   (projects/.../bezier-easing.ts)\n                        \n                        \n                            calcBezier   (projects/.../bezier-easing.ts)\n                        \n                        \n                            createIntersectionObserver   (projects/.../active-item-observer.ts)\n                        \n                        \n                            getSlope   (projects/.../bezier-easing.ts)\n                        \n                        \n                            LinearEasing   (projects/.../bezier-easing.ts)\n                        \n                        \n                            newtonRaphsonIterate   (projects/.../bezier-easing.ts)\n                        \n                        \n                            resizeObservable   (projects/.../resize-observer.ts)\n                        \n                    \n                \n            \n        \n    \n\n\n    projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        A\n                        \n                    \n                \n            \n            \n                \nA(aA1, aA2)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Optional\n                                \n                            \n                            \n                                \n                                    aA1\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    aA2\n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        B\n                        \n                    \n                \n            \n            \n                \nB(aA1, aA2)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Optional\n                                \n                            \n                            \n                                \n                                    aA1\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    aA2\n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        bezier\n                        \n                    \n                \n            \n            \n                \nbezier(mX1, mY1, mX2, mY2)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Optional\n                                \n                            \n                            \n                                \n                                    mX1\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    mY1\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    mX2\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    mY2\n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        binarySubdivide\n                        \n                    \n                \n            \n            \n                \nbinarySubdivide(aX, aA, aB, mX1, mX2)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Optional\n                                \n                            \n                            \n                                \n                                    aX\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    aA\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    aB\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    mX1\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    mX2\n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        C\n                        \n                    \n                \n            \n            \n                \nC(aA1)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Optional\n                                \n                            \n                            \n                                \n                                    aA1\n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        calcBezier\n                        \n                    \n                \n            \n            \n                \ncalcBezier(aT, aA1, aA2)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Optional\n                                \n                            \n                            \n                                \n                                    aT\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    aA1\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    aA2\n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        getSlope\n                        \n                    \n                \n            \n            \n                \ngetSlope(aT, aA1, aA2)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Optional\n                                \n                            \n                            \n                                \n                                    aT\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    aA1\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    aA2\n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        LinearEasing\n                        \n                    \n                \n            \n            \n                \nLinearEasing(x)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Optional\n                                \n                            \n                            \n                                \n                                    x\n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    \n                        newtonRaphsonIterate\n                        \n                    \n                \n            \n            \n                \nnewtonRaphsonIterate(aX, aGuessT, mX1, mX2)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Optional\n                                \n                            \n                            \n                                \n                                    aX\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    aGuessT\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    mX1\n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    mX2\n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                \n            \n        \n    \n    projects/ng-gallery/src/lib/observers/active-item-observer.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        createIntersectionObserver\n                        \n                    \n                \n            \n            \n                \ncreateIntersectionObserver(root: HTMLElement, elements, rootMargin: string)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    root\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    elements\n                                    \n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    rootMargin\n                                    \n                                                string\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :     Observable\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n    projects/ng-gallery/src/lib/utils/resize-observer.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        resizeObservable\n                        \n                    \n                \n            \n            \n                \nresizeObservable(el: HTMLElement, setter?)\n                \n            \n\n\n\n\n            \n                \n\n                    \n                        Parameters :\n                        \n                        \n                            \n                                \n                                    Name\n                                    Type\n                                    Optional\n                                \n                            \n                            \n                                \n                                    el\n                                    \n                                            HTMLElement\n                                    \n\n                                    \n                                        No\n                                    \n\n\n                                \n                                \n                                    setter\n                                    \n                                    \n\n                                    \n                                        Yes\n                                    \n\n\n                                \n                            \n                        \n                    \n                    \n                    \n                    \n                        Returns :     Observable\n\n                    \n                    \n                        \n                    \n                \n            \n        \n    \n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"index.html":{"url":"index.html","title":"getting-started - index","body":"\n                   \n\n\n  \n\nAngular Gallery\n\nSimplifies the process of creating beautiful image galleries for the web and mobile devices.\n\n\n\n\n\n\n\n\n\nThe documentation is available at the wiki page 📚\n\nSupport\n\nIssues\nIf you identify any errors in this module, or have an idea for an improvement, please open an issue.\nAuthor\nMurhaf Sousli\n\ngithub/murhafsousli\ntwitter/murhafsousli\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"license.html":{"url":"license.html","title":"getting-started - license","body":"\n                   \n\nThe MIT License (MIT)\nCopyright (c) 2016-2023 Murhaf Sousli\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules.html":{"url":"modules.html","title":"modules - modules","body":"\n                   \n\n\n\n\n    Modules\n\n\n    \n            \n                \n                    \n                        GalleryModule\n                    \n                    \n                                \n                                    \n                                        Your browser does not support SVG\n                                    \n                                \n                        \n                            Browse\n                        \n                    \n                \n            \n            \n                \n                    \n                        LightboxModule\n                    \n                    \n                                \n                                    \n                                        Your browser does not support SVG\n                                    \n                                \n                        \n                            Browse\n                        \n                    \n                \n            \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"overview.html":{"url":"overview.html","title":"overview - overview","body":"\n                   \n\n\n\n    Overview\n\n  \n\n    \n        \n\n\n\n\n\ndependencies\n\ndependencies\n\ncluster_GalleryModule\n\n\n\ncluster_GalleryModule_imports\n\n\n\ncluster_GalleryModule_exports\n\n\n\ncluster_LightboxModule\n\n\n\ncluster_LightboxModule_imports\n\n\n\ncluster_LightboxModule_exports\n\n\n\n\nGalleryBoxDef\n\nGalleryBoxDef\n\n\n\nGalleryModule\n\nGalleryModule\n\nGalleryModule -->\n\nGalleryBoxDef->GalleryModule\n\n\n\n\n\nGalleryComponent\n\nGalleryComponent\n\nGalleryModule -->\n\nGalleryComponent->GalleryModule\n\n\n\n\n\nGalleryImageDef\n\nGalleryImageDef\n\nGalleryModule -->\n\nGalleryImageDef->GalleryModule\n\n\n\n\n\nGalleryItemDef\n\nGalleryItemDef\n\nGalleryModule -->\n\nGalleryItemDef->GalleryModule\n\n\n\n\n\nGalleryThumbDef\n\nGalleryThumbDef\n\nGalleryModule -->\n\nGalleryThumbDef->GalleryModule\n\n\n\n\n\nGalleryBoxDef \n\nGalleryBoxDef \n\nGalleryBoxDef  -->\n\nGalleryModule->GalleryBoxDef \n\n\n\n\n\nGalleryComponent \n\nGalleryComponent \n\nGalleryComponent  -->\n\nGalleryModule->GalleryComponent \n\n\n\n\n\nGalleryImageDef \n\nGalleryImageDef \n\nGalleryImageDef  -->\n\nGalleryModule->GalleryImageDef \n\n\n\n\n\nGalleryItemDef \n\nGalleryItemDef \n\nGalleryItemDef  -->\n\nGalleryModule->GalleryItemDef \n\n\n\n\n\nGalleryThumbDef \n\nGalleryThumbDef \n\nGalleryThumbDef  -->\n\nGalleryModule->GalleryThumbDef \n\n\n\n\n\nLightboxModule\n\nLightboxModule\n\nLightboxModule -->\n\nGalleryModule->LightboxModule\n\n\n\n\n\nGallerizeDirective\n\nGallerizeDirective\n\nLightboxModule -->\n\nGallerizeDirective->LightboxModule\n\n\n\n\n\nLightboxDirective\n\nLightboxDirective\n\nLightboxModule -->\n\nLightboxDirective->LightboxModule\n\n\n\n\n\nGallerizeDirective \n\nGallerizeDirective \n\nGallerizeDirective  -->\n\nLightboxModule->GallerizeDirective \n\n\n\n\n\nGalleryModule \n\nGalleryModule \n\nGalleryModule  -->\n\nLightboxModule->GalleryModule \n\n\n\n\n\nLightboxDirective \n\nLightboxDirective \n\nLightboxDirective  -->\n\nLightboxModule->LightboxDirective \n\n\n\n\n\n\n    \n    \n    \n        Zoom in\n        Reset\n        Zoom out\n    \n\n  \n\n    \n        \n            \n                \n                    \n                    \n                        2 Modules\n                    \n                \n            \n        \n        \n            \n                \n                    \n                    16 Components\n                \n            \n        \n        \n            \n                \n                    \n                    14 Directives\n                \n            \n        \n        \n            \n                \n                    \n                    4 Injectables\n                \n            \n        \n        \n            \n                \n                    \n                    9 Classes\n                \n            \n        \n        \n            \n                \n                    \n                    17 Interfaces\n                \n            \n        \n    \n\n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"miscellaneous/typealiases.html":{"url":"miscellaneous/typealiases.html","title":"miscellaneous-typealiases - typealiases","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Miscellaneous\n  Type aliases\n\n\n\n    Index\n    \n        \n            \n                \n                    \n                        \n                            GalleryItemData   (projects/.../items.model.ts)\n                        \n                        \n                            GalleryItemModel   (projects/.../items.model.ts)\n                        \n                        \n                            GalleryItemType   (projects/.../constants.ts)\n                        \n                        \n                            IframeItemData   (projects/.../items.model.ts)\n                        \n                        \n                            ImageItemData   (projects/.../items.model.ts)\n                        \n                        \n                            ItemState   (projects/.../items.model.ts)\n                        \n                        \n                            SmoothScrollToOptions   (projects/.../smooth-scroll.model.ts)\n                        \n                        \n                            Story   (projects/.../Gallery.stories.ts)\n                        \n                        \n                            Story   (projects/.../CustomTemplates.stories.ts)\n                        \n                        \n                            Story   (projects/.../Lightbox.stories.ts)\n                        \n                        \n                            VideoItemData   (projects/.../items.model.ts)\n                        \n                        \n                            YoutubeItemData   (projects/.../items.model.ts)\n                        \n                    \n                \n            \n        \n    \n\n\n    projects/ng-gallery/src/lib/components/templates/items.model.ts\n    \n    \n        \n            \n                \n                    \n                    GalleryItemData\n                \n            \n            \n                \n                        ImageItemData | VideoItemData | IframeItemData | YoutubeItemData\n\n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    GalleryItemModel\n                \n            \n            \n                \n                        literal type\n\n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    IframeItemData\n                \n            \n            \n                \n                        \n\n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    ImageItemData\n                \n            \n            \n                \n                        \n\n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    ItemState\n                \n            \n            \n                \n                        \"success\" | \"loading\" | \"failed\"\n\n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    VideoItemData\n                \n            \n            \n                \n                        \n\n                \n            \n        \n    \n    \n        \n            \n                \n                    \n                    YoutubeItemData\n                \n            \n            \n                \n                        \n\n                \n            \n        \n    \n    projects/ng-gallery/src/lib/models/constants.ts\n    \n    \n        \n            \n                \n                    \n                    GalleryItemType\n                \n            \n            \n                \n                            GalleryItemTypes | string\n\n                \n            \n        \n    \n    projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts\n    \n    \n        \n            \n                \n                    \n                    SmoothScrollToOptions\n                \n            \n            \n                \n                        \n\n                \n            \n        \n    \n    projects/ng-gallery/src/stories/basic/Gallery.stories.ts\n    \n    \n        \n            \n                \n                    \n                    Story\n                \n            \n            \n                \n                            StoryObj\n\n                \n            \n        \n    \n    projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts\n    \n    \n        \n            \n                \n                    \n                    Story\n                \n            \n            \n                \n                            StoryObj\n\n                \n            \n        \n    \n    projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts\n    \n    \n        \n            \n                \n                    \n                    Story\n                \n            \n            \n                \n                            StoryObj\n\n                \n            \n        \n    \n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"miscellaneous/variables.html":{"url":"miscellaneous/variables.html","title":"miscellaneous-variables - variables","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Miscellaneous\n  Variables\n\n\n\n    Index\n    \n        \n            \n                \n                    \n                        \n                            All   (projects/.../Gallery.stories.ts)\n                        \n                        \n                            All   (projects/.../CustomTemplates.stories.ts)\n                        \n                        \n                            All   (projects/.../Lightbox.stories.ts)\n                        \n                        \n                            config   (projects/.../main.ts)\n                        \n                        \n                            Counter   (projects/.../Gallery.stories.ts)\n                        \n                        \n                            defaultConfig   (projects/.../lightbox.default.ts)\n                        \n                        \n                            defaultConfig   (projects/.../gallery.default.ts)\n                        \n                        \n                            defaultState   (projects/.../gallery.default.ts)\n                        \n                        \n                            Dots   (projects/.../Gallery.stories.ts)\n                        \n                        \n                            filterActions   (projects/.../gallery-ref.ts)\n                        \n                        \n                            float32ArraySupported   (projects/.../bezier-easing.ts)\n                        \n                        \n                            GALLERY_CONFIG   (projects/.../config.model.ts)\n                        \n                        \n                            Hammer   (projects/.../hammer-sliding.directive.ts)\n                        \n                        \n                            Hammer   (projects/.../smooth-scroll.directive.ts)\n                        \n                        \n                            Hammer   (projects/.../main-adapters.ts)\n                        \n                        \n                            imageFailedSvg   (projects/.../svg-assets.ts)\n                        \n                        \n                            kSampleStepSize   (projects/.../bezier-easing.ts)\n                        \n                        \n                            kSplineTableSize   (projects/.../bezier-easing.ts)\n                        \n                        \n                            LIGHTBOX_CONFIG   (projects/.../lightbox.model.ts)\n                        \n                        \n                            lightboxAnimation   (projects/.../lightbox.animation.ts)\n                        \n                        \n                            meta   (projects/.../Gallery.stories.ts)\n                        \n                        \n                            meta   (projects/.../CustomTemplates.stories.ts)\n                        \n                        \n                            meta   (projects/.../Lightbox.stories.ts)\n                        \n                        \n                            Navigation   (projects/.../Gallery.stories.ts)\n                        \n                        \n                            NEWTON_ITERATIONS   (projects/.../bezier-easing.ts)\n                        \n                        \n                            NEWTON_MIN_SLOPE   (projects/.../bezier-easing.ts)\n                        \n                        \n                            preview   (projects/.../preview.ts)\n                        \n                        \n                            SMOOTH_SCROLL_OPTIONS   (projects/.../smooth-scroll.model.ts)\n                        \n                        \n                            SUBDIVISION_MAX_ITERATIONS   (projects/.../bezier-easing.ts)\n                        \n                        \n                            SUBDIVISION_PRECISION   (projects/.../bezier-easing.ts)\n                        \n                        \n                            Thumbnails   (projects/.../Gallery.stories.ts)\n                        \n                    \n                \n            \n        \n    \n\n\n    projects/ng-gallery/src/stories/basic/Gallery.stories.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        All\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Story\n\n                    \n                \n                \n                    \n                        Default value : {\n  render: (args: GalleryComponent) => ({\n    props: args,\n    template: `\n      \n   `,\n  }),\n  args: {\n    items: [\n      new ImageItem({\n        src: 'https://pixabay.com/get/gc8f75fde3ece5310da18115420875d3f2deb760a25984167a2115173c585ad3d631ec698629aa149f78f982d2397bb8c_1280.jpg',\n        thumb: 'https://cdn.pixabay.com/photo/2020/05/16/10/04/crocodile-5176851_150.jpg'\n      })\n    ],\n  },\n  // args: {\n  //   scrollBehavior: 'smooth',\n  //   navScrollBehavior: 'smooth',\n  //   imageSize: ImageSize.Contain,\n  //   thumbImageSize: ImageSize.Cover,\n  //   bulletsPosition: bulletsPosition.Bottom,\n  //   counterPosition: CounterPosition.Top,\n  //   slidingDirection: SlidingDirection.Horizontal,\n  //   loadingAttr: LoadingAttr.Lazy,\n  //   loadingStrategy: LoadingStrategy.Default,\n  //   thumbPosition: ThumbnailsPosition.Bottom,\n  //   thumbView: ThumbnailsView.Default,\n  //   slidingEase: {\n  //     x1: 0.42,\n  //     y1: 0,\n  //     x2: 0.58,\n  //     y2: 1\n  //   },\n  //   dotsSize: 6,\n  //   thumbWidth: 120,\n  //   thumbHeight: 90,\n  //   playerInterval: 3000,\n  //   slidingDuration: 468,\n  //   resizeDebounceTime: 0,\n  //   nav: true,\n  //   dots: true,\n  //   loop: true,\n  //   debug: true,\n  //   thumb: true,\n  //   counter: true,\n  //   autoplay: false,\n  //   autoHeight: false,\n  //   itemAutosize: false,\n  //   disableThumb: false,\n  //   thumbDetached: false,\n  //   thumbAutosize: false,\n  //   slidingDisabled: false,\n  //   thumbSlidingDisabled: false,\n  //   mouseSlidingDisabled: false,\n  //   thumbMouseSlidingDisabled: false,\n  // },\n}\n                    \n                \n\n            \n                \n                    First Example for gallery\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Counter\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Story\n\n                    \n                \n                \n                    \n                        Default value : {\n  args: {\n    counterPosition: CounterPosition.Bottom,\n    nav: false,\n    dots: false,\n    thumb: false,\n    counter: true,\n  },\n}\n                    \n                \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Dots\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Story\n\n                    \n                \n                \n                    \n                        Default value : {\n  args: {\n    bulletsPosition: bulletsPosition.Bottom,\n    nav: false,\n    dots: true,\n    thumb: false,\n    counter: false,\n  },\n}\n                    \n                \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        meta\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Meta\n\n                    \n                \n                \n                    \n                        Default value : {\n  title: 'Example/Gallery',\n  component: GalleryComponent,\n  tags: ['autodocs'],\n  render: (args: GalleryComponent) => ({\n    props: {\n      ...args,\n    },\n  }),\n  parameters: {\n    layout: 'fullscreen'\n  },\n  argTypes: {\n  },\n  decorators: [\n    applicationConfig({\n      providers: [\n        provideHttpClient(),\n        provideAnimations(),\n      ],\n    })\n  ]\n}\n                    \n                \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Navigation\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Story\n\n                    \n                \n                \n                    \n                        Default value : {\n  args: {\n    loop: true,\n    nav: true,\n    dots: false,\n    thumb: false,\n    counter: false,\n  },\n}\n                    \n                \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        Thumbnails\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Story\n\n                    \n                \n                \n                    \n                        Default value : {\n  args: {\n    scrollBehavior: 'smooth',\n    navScrollBehavior: 'smooth',\n    imageSize: ImageSize.Contain,\n    thumbImageSize: ImageSize.Cover,\n    bulletsPosition: bulletsPosition.Bottom,\n    counterPosition: CounterPosition.Top,\n    slidingDirection: SlidingDirection.Horizontal,\n    loadingAttr: LoadingAttr.Lazy,\n    loadingStrategy: LoadingStrategy.Default,\n    thumbPosition: ThumbnailsPosition.Bottom,\n    thumbView: ThumbnailsView.Default,\n    slidingEase: {\n      x1: 0.42,\n      y1: 0,\n      x2: 0.58,\n      y2: 1\n    },\n    dotsSize: 6,\n    thumbWidth: 120,\n    thumbHeight: 90,\n    playerInterval: 3000,\n    slidingDuration: 468,\n    resizeDebounceTime: 0,\n    nav: false,\n    dots: false,\n    loop: true,\n    thumb: true,\n    counter: false,\n    itemAutosize: false,\n    disableThumb: false,\n    thumbDetached: false,\n    thumbAutosize: false,\n    slidingDisabled: false,\n    thumbSlidingDisabled: false,\n    mouseSlidingDisabled: false,\n    thumbMouseSlidingDisabled: false,\n  },\n}\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        All\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Story\n\n                    \n                \n                \n                    \n                        Default value : {\n  args: {\n  },\n}\n                    \n                \n\n            \n                \n                    First Example for gallery\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        meta\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Meta\n\n                    \n                \n                \n                    \n                        Default value : {\n  title: 'Example/CustomTemplates',\n  component: CustomTemplateComponent,\n  // tags: ['autodocs'],\n  render: (args: CustomTemplateComponent) => ({\n    props: {\n      ...args,\n    },\n  }),\n  decorators: [\n    applicationConfig({\n      providers: [\n        provideHttpClient(),\n        provideAnimations(),\n      ],\n    })\n  ]\n}\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        All\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Story\n\n                    \n                \n                \n                    \n                        Default value : {\n  args: {\n  },\n}\n                    \n                \n\n            \n                \n                    First Example for gallery\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        meta\n                        \n                    \n                \n            \n                \n                    \n                        Type :         Meta\n\n                    \n                \n                \n                    \n                        Default value : {\n  title: 'Example/Lightbox',\n  component: LightboxExampleComponent,\n  // tags: ['autodocs'],\n  render: (args: LightboxExampleComponent) => ({\n    props: {\n      ...args,\n    },\n  }),\n  decorators: [\n    applicationConfig({\n      providers: [\n        provideHttpClient(),\n        provideAnimations(),\n      ],\n    })\n  ]\n}\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/.storybook/main.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        config\n                        \n                    \n                \n            \n                \n                    \n                        Type :         StorybookConfig\n\n                    \n                \n                \n                    \n                        Default value : {\n  stories: [\"../src/**/*.mdx\", \"../src/**/*.stories.@(js|jsx|mjs|ts|tsx)\"],\n  addons: [\n    \"@storybook/addon-links\",\n    \"@storybook/addon-essentials\",\n    \"@storybook/addon-interactions\",\n  ],\n  framework: {\n    name: \"@storybook/angular\",\n    options: {},\n  },\n  docs: {\n    autodocs: \"tag\",\n  },\n}\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/lightbox/src/lightbox.default.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        defaultConfig\n                        \n                    \n                \n            \n                \n                    \n                        Type :         LightboxConfig\n\n                    \n                \n                \n                    \n                        Default value : {\n  backdropClass: 'g-backdrop',\n  panelClass: 'g-overlay',\n  hasBackdrop: true,\n  keyboardShortcuts: true,\n  role: 'lightbox',\n  startAnimationTime: 150,\n  exitAnimationTime: 75,\n  closeIcon: `\n\n\t\n\n`\n}\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/src/lib/utils/gallery.default.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        defaultConfig\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GalleryConfig\n\n                    \n                \n                \n                    \n                        Default value : {\n  nav: true,\n  loop: true,\n  dots: false,\n  thumb: true,\n  debug: false,\n  dotsSize: 6,\n  counter: true,\n  autoplay: false,\n  thumbWidth: 120,\n  thumbHeight: 90,\n  disableThumb: false,\n  slidingDisabled: false,\n  thumbSlidingDisabled: false,\n  mouseSlidingDisabled: false,\n  thumbMouseSlidingDisabled: false,\n  playerInterval: 3000,\n  slidingDuration: 468,\n  slidingEase: {\n    x1: 0.42,\n    y1: 0,\n    x2: 0.58,\n    y2: 1\n  },\n  thumbAutosize: false,\n  itemAutosize: false,\n  autoHeight: false,\n  scrollBehavior: 'smooth',\n  navScrollBehavior: 'smooth',\n  resizeDebounceTime: 0,\n  loadingAttr: LoadingAttr.Lazy,\n  imageSize: 'contain',\n  thumbImageSize: ImageSize.Cover,\n  thumbView: ThumbnailsView.Default,\n  bulletsPosition: bulletsPosition.Bottom,\n  counterPosition: CounterPosition.Top,\n  thumbPosition: ThumbnailsPosition.Bottom,\n  loadingStrategy: LoadingStrategy.Preload,\n  slidingDirection: SlidingDirection.Horizontal,\n  navIcon: ``,\n  // navIcon: ``,\n  loadingIcon: ``\n}\n                    \n                \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        defaultState\n                        \n                    \n                \n            \n                \n                    \n                        Type :         GalleryState\n\n                    \n                \n                \n                    \n                        Default value : {\n  action: GalleryAction.INITIALIZED,\n  isPlaying: false,\n  hasNext: false,\n  hasPrev: false,\n  currIndex: 0,\n  items: []\n}\n                    \n                \n\n            \n                \n                    Initial state\n\n                \n            \n\n        \n    \n\n    projects/ng-gallery/src/lib/services/gallery-ref.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        filterActions\n                        \n                    \n                \n            \n                \n                    \n                        Default value : (actions: string[]) => {\n  return filter((state: GalleryState) => actions.indexOf(state.action) > -1);\n}\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        float32ArraySupported\n                        \n                    \n                \n            \n                \n                    \n                        Default value : typeof Float32Array === 'function'\n                    \n                \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        kSampleStepSize\n                        \n                    \n                \n            \n                \n                    \n                        Default value : 1.0 / (kSplineTableSize - 1.0)\n                    \n                \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        kSplineTableSize\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 11\n                    \n                \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        NEWTON_ITERATIONS\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 4\n                    \n                \n\n            \n                \n                    https://github.com/gre/bezier-easing\nBezierEasing - use bezier curve for transition easing function\nby Gaëtan Renaudeau 2014 - 2015 – MIT License\n\n                \n            \n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        NEWTON_MIN_SLOPE\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 0.001\n                    \n                \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        SUBDIVISION_MAX_ITERATIONS\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 10\n                    \n                \n\n\n        \n    \n    \n        \n            \n                \n                    \n                    \n                        SUBDIVISION_PRECISION\n                        \n                    \n                \n            \n                \n                    \n                        Type :         number\n\n                    \n                \n                \n                    \n                        Default value : 0.0000001\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/src/lib/models/config.model.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        GALLERY_CONFIG\n                        \n                    \n                \n            \n                \n                    \n                        Default value : new InjectionToken('GALLERY_CONFIG')\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        Hammer\n                        \n                    \n                \n            \n                \n                    \n                        Type :         any\n\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        Hammer\n                        \n                    \n                \n            \n                \n                    \n                        Type :         any\n\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/src/lib/components/adapters/main-adapters.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        Hammer\n                        \n                    \n                \n            \n                \n                    \n                        Type :         any\n\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/src/lib/components/templates/svg-assets.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        imageFailedSvg\n                        \n                    \n                \n            \n                \n                    \n                        Default value : `\n\n \n\\t\n \n \n \n\n\n`\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/lightbox/src/lightbox.model.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        LIGHTBOX_CONFIG\n                        \n                    \n                \n            \n                \n                    \n                        Default value : new InjectionToken('LIGHTBOX_CONFIG')\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/lightbox/src/lightbox.animation.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        lightboxAnimation\n                        \n                    \n                \n            \n                \n                    \n                        Default value : trigger('lightbox', [\n  state('void, exit', style({opacity: 0, transform: 'scale(0.7)'})),\n  state('enter', style({transform: 'none'})),\n  transition('* => enter', animate('{{startAnimationTime}}ms cubic-bezier(0, 0, 0.2, 1)',\n    style({transform: 'none', opacity: 1}))),\n  transition('* => void, * => exit',\n    animate('{{exitAnimationTime}}ms cubic-bezier(0.4, 0.0, 0.2, 1)', style({opacity: 0}))),\n])\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/.storybook/preview.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        preview\n                        \n                    \n                \n            \n                \n                    \n                        Type :     Preview\n\n                    \n                \n                \n                    \n                        Default value : {\n  parameters: {\n    actions: { argTypesRegex: \"^on[A-Z].*\" },\n    controls: {\n      matchers: {\n        color: /(background|color)$/i,\n        date: /Date$/i,\n      },\n    },\n  },\n}\n                    \n                \n\n\n        \n    \n\n    projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts\n    \n        \n        \n            \n                \n                    \n                    \n                        SMOOTH_SCROLL_OPTIONS\n                        \n                    \n                \n            \n                \n                    \n                        Type :         InjectionToken\n\n                    \n                \n                \n                    \n                        Default value : new InjectionToken('SMOOTH_SCROLL_OPTIONS')\n                    \n                \n\n\n        \n    \n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"}}
-}
diff --git a/documentation/js/sourceCode.js b/documentation/js/sourceCode.js
deleted file mode 100644
index 541dbd11..00000000
--- a/documentation/js/sourceCode.js
+++ /dev/null
@@ -1,58 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-    var $tabSource = document.querySelector('#source-tab'),
-        $tabInfo = document.querySelector('#info-tab'),
-        $tabReadme = document.querySelector('#readme-tab'),
-        $tabTemplate = document.querySelector('#templateData-tab'),
-        $tabTree = document.querySelector('#tree-tab'),
-        $tabExample = document.querySelector('#example-tab'),
-        $prismPre = document.querySelector('pre.compodoc-sourcecode');
-    if ($tabSource && $prismPre) {
-        $prismCode = $prismPre.querySelector('code'),
-        $content = document.querySelector('.content'),
-        prismLinks = document.querySelectorAll('.link-to-prism')
-
-        for (var i = 0; i < prismLinks.length; i++) {
-            prismLinks[i].addEventListener('click', linkToPrism, false);
-        }
-
-        function linkToPrism(event) {
-            var targetLine = event.target.getAttribute('data-line');
-            event.preventDefault();
-
-            $prismPre.setAttribute('data-line', targetLine);
-            Prism.highlightElement($prismCode, function() {});
-
-            $tabSource.click();
-
-            setTimeout(function() {
-                var $prismHighlightLine = document.querySelector('.line-highlight'),
-                    top = parseInt(getComputedStyle($prismHighlightLine)['top']);
-                $content.scrollTop = top;
-            }, 500);
-        };
-
-        window.onhashchange = function(event) {
-            switch (window.location.hash) {
-                case '':
-                case '#info':
-                    $tabInfo.click();
-                    break;
-                case '#readme':
-                    $tabReadme.click();
-                    break;
-                case '#source':
-                    $tabSource.click();
-                    break;
-                case '#template':
-                    $tabTemplate.click();
-                    break;
-                case '#dom-tree':
-                    $tabTree.click();
-                    break;
-                case '#example':
-                    $tabExample.click();
-                    break;
-            }
-        }
-    }
-});
diff --git a/documentation/js/svg-pan-zoom.controls.js b/documentation/js/svg-pan-zoom.controls.js
deleted file mode 100644
index ea6d138d..00000000
--- a/documentation/js/svg-pan-zoom.controls.js
+++ /dev/null
@@ -1,53 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-    if (document.getElementById('module-graph-svg')) {
-        panZoom = svgPanZoom(document.getElementById('module-graph-svg').querySelector('svg'), {
-            zoomEnabled: true,
-            minZoom: 1,
-            maxZoom: 5
-        });
-    
-        document.getElementById('zoom-in').addEventListener('click', function(ev) {
-            ev.preventDefault();
-            panZoom.zoomIn();
-        });
-    
-        document.getElementById('zoom-out').addEventListener('click', function(ev) {
-            ev.preventDefault();
-            panZoom.zoomOut();
-        });
-    
-        document.getElementById('reset').addEventListener('click', function(ev) {
-            ev.preventDefault();
-            panZoom.resetZoom();
-            panZoom.resetPan();
-        });
-    
-        var overviewFullscreen = false,
-            originalOverviewHeight;
-    
-        document.getElementById('fullscreen').addEventListener('click', function(ev) {
-            if (overviewFullscreen) {
-                document.getElementById('module-graph-svg').style.height = originalOverviewHeight;
-                overviewFullscreen = false;
-                if (ev.target) {
-                    ev.target.classList.remove('ion-md-close');
-                    ev.target.classList.add('ion-ios-resize');
-                }
-            } else {
-                originalOverviewHeight = document.getElementById('module-graph-svg').style.height;
-                document.getElementById('module-graph-svg').style.height = '85vh';
-                overviewFullscreen = true;
-                if (ev.target) {
-                    ev.target.classList.remove('ion-ios-resize');
-                    ev.target.classList.add('ion-md-close');
-                }
-            }
-            document.getElementById('module-graph-svg').querySelector('svg').style.height = document.getElementById('module-graph-svg').clientHeight;
-            setTimeout(function() {
-                panZoom.resize();
-                panZoom.fit();
-                panZoom.center();
-            }, 0)
-        });
-    }
-});
diff --git a/documentation/js/tabs.js b/documentation/js/tabs.js
deleted file mode 100644
index dbe4c287..00000000
--- a/documentation/js/tabs.js
+++ /dev/null
@@ -1,21 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-    var tabs = document.getElementsByClassName('nav-tabs'),
-        updateAddress = function(e) {
-            if(history.pushState && e.target.dataset.link) {
-                history.pushState(null, null, '#' + e.target.dataset.link);
-            }
-        };
-    if (tabs.length > 0) {
-        tabs = tabs[0].querySelectorAll('li');
-        for (var i = 0; i < tabs.length; i++) {
-            tabs[i].addEventListener('click', updateAddress);
-            var linkTag = tabs[i].querySelector('a');
-            if (location.hash !== '') {
-                var currentHash = location.hash.substr(1);
-                if (currentHash === linkTag.dataset.link) {
-                    linkTag.click();
-                }
-            }
-        }
-    }
-});
diff --git a/documentation/js/tree.js b/documentation/js/tree.js
deleted file mode 100644
index f79e1d71..00000000
--- a/documentation/js/tree.js
+++ /dev/null
@@ -1,147 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-    var tabs = document.getElementsByClassName('nav-tabs')[0],
-        tabsCollection = tabs.getElementsByTagName('A'),
-        treeTab;
-    var len = tabsCollection.length;
-    for(var i = 0; i < len; i++) {
-        if (tabsCollection[i].getAttribute('id') === 'tree-tab') {
-            treeTab = tabsCollection[i];
-        }
-    }
-
-    // short-circuit if no tree tab
-    if (!treeTab) return;
-
-    var handler = new Tautologistics.NodeHtmlParser.HtmlBuilder(function(error, dom) {
-        if (error) {
-            console.log('handler ko');
-        }
-    }),
-        parser = new Tautologistics.NodeHtmlParser.Parser(handler),
-        currentLocation = window.location;
-    parser.parseComplete(COMPONENT_TEMPLATE);
-
-    var newNodes = [],
-        newEdges = [],
-        parsedHtml = handler.dom[0],
-        nodeCount = 0,
-        nodeLevel = 0;
-
-    newNodes.push({
-        _id: 0,
-        label: parsedHtml.name,
-        type: parsedHtml.type
-    })
-    //Add id for nodes
-    var traverseIds = function(o) {
-        for (i in o) {
-            if (!!o[i] && typeof(o[i]) == "object") {
-                if (!o[i].length && o[i].type === 'tag') {
-                    nodeCount += 1;
-                    o[i]._id = nodeCount;
-                }
-                traverseIds(o[i]);
-            }
-        }
-    }
-    parsedHtml._id = 0;
-    traverseIds(parsedHtml);
-
-
-    var DeepIterator = deepIterator.default,
-        it = DeepIterator(parsedHtml);
-    for (let {
-            value,
-            parent,
-            parentNode,
-            key,
-            type
-        } of it) {
-        if (type === 'NonIterableObject' && typeof key !== 'undefined' && value.type === 'tag') {
-            var newNode = {
-                id: value._id,
-                label: value.name,
-                type: value.type
-            };
-            for(var i = 0; i < COMPONENTS.length; i++) {
-                if (COMPONENTS[i].selector === value.name) {
-                    newNode.font = {
-                        multi: 'html'
-                    };
-                    newNode.label = '<b>' + newNode.label + '</b>';
-                    newNode.color = '#FB7E81';
-                    newNode.name = COMPONENTS[i].name;
-                }
-            }
-            for(var i = 0; i < DIRECTIVES.length; i++) {
-                if (value.attributes) {
-                    for(attr in value.attributes) {
-                        if (DIRECTIVES[i].selector.indexOf(attr) !== -1) {
-                            newNode.font = {
-                                multi: 'html'
-                            };
-                            newNode.label = '<b>' + newNode.label + '</b>';
-                            newNode.color = '#FF9800';
-                            newNode.name = DIRECTIVES[i].name;
-                        }
-                    }
-                }
-            }
-            newNodes.push(newNode);
-            newEdges.push({
-                from: parentNode._parent._id,
-                to: value._id,
-                arrows: 'to'
-            });
-        }
-    }
-
-    newNodes.shift();
-
-    var container = document.getElementById('tree-container'),
-        data = {
-            nodes: newNodes,
-            edges: newEdges
-        },
-        options = {
-            layout: {
-                hierarchical: {
-                    sortMethod: 'directed',
-                    enabled: true
-                }
-            },
-            nodes: {
-                shape: 'ellipse',
-                fixed: true
-            }
-        },
-
-        handleClickNode = function(params) {
-            var clickeNodeId;
-            if (params.nodes.length > 0) {
-                clickeNodeId = params.nodes[0];
-                for(var i = 0; i < newNodes.length; i++) {
-                    if (newNodes[i].id === clickeNodeId) {
-                        for(var j = 0; j < COMPONENTS.length; j++) {
-                            if (COMPONENTS[j].name === newNodes[i].name) {
-                                document.location.href = currentLocation.origin + currentLocation.pathname.replace(ACTUAL_COMPONENT.name, newNodes[i].name);
-                            }
-                        }
-                    }
-                }
-            }
-        },
-        
-        loadTree = function () {
-            setTimeout(function() {
-                container.style.height = document.getElementsByClassName('content')[0].offsetHeight - 140 + 'px';
-                var network = new vis.Network(container, data, options);
-                network.on('click', handleClickNode);
-            }, 200); // Fade is 0.150
-        };
-
-    loadTree();
-    treeTab.addEventListener('click', function() {
-        loadTree();
-    });
-});
diff --git a/documentation/license.html b/documentation/license.html
deleted file mode 100644
index 703eae34..00000000
--- a/documentation/license.html
+++ /dev/null
@@ -1,130 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
-	   <link rel="stylesheet" href="./styles/style.css">
-        <link rel="stylesheet" href="./styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="./" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content getting-started">
-                   <div class="content-data">
-
-<p>The MIT License (MIT)</p>
-<p>Copyright (c) 2016-2023 Murhaf Sousli</p>
-<p>Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-&quot;Software&quot;), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:</p>
-<p>The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.</p>
-<p>THE SOFTWARE IS PROVIDED &quot;AS IS&quot;, WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 0;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'getting-started';
-            var COMPODOC_CURRENT_PAGE_URL = 'license.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="./js/libs/custom-elements.min.js"></script>
-       <script src="./js/libs/lit-html.js"></script>
-
-       <script src="./js/menu-wc.js" defer></script>
-       <script nomodule src="./js/menu-wc_es5.js" defer></script>
-
-       <script src="./js/libs/bootstrap-native.js"></script>
-
-       <script src="./js/libs/es6-shim.min.js"></script>
-       <script src="./js/libs/EventDispatcher.js"></script>
-       <script src="./js/libs/promise.min.js"></script>
-       <script src="./js/libs/zepto.min.js"></script>
-
-       <script src="./js/compodoc.js"></script>
-
-       <script src="./js/tabs.js"></script>
-       <script src="./js/menu.js"></script>
-       <script src="./js/libs/clipboard.min.js"></script>
-       <script src="./js/libs/prism.js"></script>
-       <script src="./js/sourceCode.js"></script>
-          <script src="./js/search/search.js"></script>
-          <script src="./js/search/lunr.min.js"></script>
-          <script src="./js/search/search-lunr.js"></script>
-          <script src="./js/search/search_index.js"></script>
-       <script src="./js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/miscellaneous/enumerations.html b/documentation/miscellaneous/enumerations.html
deleted file mode 100644
index cf1b1b4c..00000000
--- a/documentation/miscellaneous/enumerations.html
+++ /dev/null
@@ -1,587 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content miscellaneous-enumerations">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Miscellaneous</li>
-  <li>Enumerations</li>
-</ol>
-
-<section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <ul class="index-list">
-                        <li>
-                            <a href="#CounterPosition" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>CounterPosition</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#bulletsPosition" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>bulletsPosition</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#GallerizeMode" title="projects/ng-gallery/lightbox/src/gallerize.directive.ts" ><b>GallerizeMode</b>&nbsp;&nbsp;&nbsp;(projects/.../gallerize.directive.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#GalleryAction" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>GalleryAction</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#GalleryItemTypes" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>GalleryItemTypes</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#ImageSize" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>ImageSize</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#LoadingAttr" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>LoadingAttr</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#LoadingStrategy" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>LoadingStrategy</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#SlidingDirection" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>SlidingDirection</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#ThumbnailsPosition" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>ThumbnailsPosition</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#ThumbnailsView" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>ThumbnailsView</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                    </ul>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-    <h3>projects/ng-gallery/src/lib/models/constants.ts</h3>
-    <section>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="CounterPosition"></a>
-                        <span class="name "><b>CounterPosition</b><a href="#CounterPosition"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Top
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>top</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Bottom
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>bottom</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="bulletsPosition"></a>
-                        <span class="name "><b>bulletsPosition</b><a href="#bulletsPosition"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Top
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>top</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Bottom
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>bottom</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="GalleryAction"></a>
-                        <span class="name "><b>GalleryAction</b><a href="#GalleryAction"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;INITIALIZED
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>initialized</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;ITEMS_CHANGED
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>itemsChanged</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;INDEX_CHANGED
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>indexChanged</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;PLAY
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>play</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;STOP
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>stop</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="GalleryItemTypes"></a>
-                        <span class="name "><b>GalleryItemTypes</b><a href="#GalleryItemTypes"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Image
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>image</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Video
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>video</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Youtube
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>youtube</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Iframe
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>iframe</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="ImageSize"></a>
-                        <span class="name "><b>ImageSize</b><a href="#ImageSize"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Cover
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>cover</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Contain
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>contain</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="LoadingAttr"></a>
-                        <span class="name "><b>LoadingAttr</b><a href="#LoadingAttr"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Eager
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>eager</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Lazy
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>lazy</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="LoadingStrategy"></a>
-                        <span class="name "><b>LoadingStrategy</b><a href="#LoadingStrategy"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Preload
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>preload</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Lazy
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>lazy</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Default
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>default</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="SlidingDirection"></a>
-                        <span class="name "><b>SlidingDirection</b><a href="#SlidingDirection"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Horizontal
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>horizontal</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Vertical
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>vertical</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="ThumbnailsPosition"></a>
-                        <span class="name "><b>ThumbnailsPosition</b><a href="#ThumbnailsPosition"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Top
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>top</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Left
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>left</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Right
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>right</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Bottom
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>bottom</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="ThumbnailsView"></a>
-                        <span class="name "><b>ThumbnailsView</b><a href="#ThumbnailsView"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Default
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>default</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Contain
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>contain</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-    <h3>projects/ng-gallery/lightbox/src/gallerize.directive.ts</h3>
-    <section>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="GallerizeMode"></a>
-                        <span class="name "><b>GallerizeMode</b><a href="#GallerizeMode"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <div class="io-description"><p>This directive has 2 modes:
-1 - If host element is a HTMLElement, it detects the images and hooks their clicks to lightbox
-2 - If host element is a GalleryComponent, it hooks the images click to the lightbox</p>
-</div>
-                        </td>
-                    </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Detector
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>detector</code>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                &nbsp;Gallery
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <i>Value : </i><code>gallery</code>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-enumerations';
-            var COMPODOC_CURRENT_PAGE_URL = 'enumerations.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/miscellaneous/functions.html b/documentation/miscellaneous/functions.html
deleted file mode 100644
index 50ab6b06..00000000
--- a/documentation/miscellaneous/functions.html
+++ /dev/null
@@ -1,941 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content miscellaneous-functions">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Miscellaneous</li>
-  <li>Functions</li>
-</ol>
-
-<section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <ul class="index-list">
-                        <li>
-                            <a href="#A" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>A</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#B" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>B</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#bezier" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>bezier</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#binarySubdivide" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>binarySubdivide</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#C" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>C</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#calcBezier" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>calcBezier</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#createIntersectionObserver" title="projects/ng-gallery/src/lib/observers/active-item-observer.ts" ><b>createIntersectionObserver</b>&nbsp;&nbsp;&nbsp;(projects/.../active-item-observer.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#getSlope" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>getSlope</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#LinearEasing" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>LinearEasing</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#newtonRaphsonIterate" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>newtonRaphsonIterate</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#resizeObservable" title="projects/ng-gallery/src/lib/utils/resize-observer.ts" ><b>resizeObservable</b>&nbsp;&nbsp;&nbsp;(projects/.../resize-observer.ts)</a>
-                        </li>
-                    </ul>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-    <h3>projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="A"></a>
-                    <span class="name">
-                        <span ><b>A</b></span>
-                        <a href="#A"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>A(aA1, aA2)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>aA1</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>aA2</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="B"></a>
-                    <span class="name">
-                        <span ><b>B</b></span>
-                        <a href="#B"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>B(aA1, aA2)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>aA1</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>aA2</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="bezier"></a>
-                    <span class="name">
-                        <span ><b>bezier</b></span>
-                        <a href="#bezier"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>bezier(mX1, mY1, mX2, mY2)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>mX1</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>mY1</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>mX2</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>mY2</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="binarySubdivide"></a>
-                    <span class="name">
-                        <span ><b>binarySubdivide</b></span>
-                        <a href="#binarySubdivide"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>binarySubdivide(aX, aA, aB, mX1, mX2)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>aX</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>aA</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>aB</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>mX1</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>mX2</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="C"></a>
-                    <span class="name">
-                        <span ><b>C</b></span>
-                        <a href="#C"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>C(aA1)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>aA1</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="calcBezier"></a>
-                    <span class="name">
-                        <span ><b>calcBezier</b></span>
-                        <a href="#calcBezier"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>calcBezier(aT, aA1, aA2)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>aT</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>aA1</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>aA2</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getSlope"></a>
-                    <span class="name">
-                        <span ><b>getSlope</b></span>
-                        <a href="#getSlope"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getSlope(aT, aA1, aA2)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>aT</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>aA1</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>aA2</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="LinearEasing"></a>
-                    <span class="name">
-                        <span ><b>LinearEasing</b></span>
-                        <a href="#LinearEasing"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>LinearEasing(x)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>x</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="newtonRaphsonIterate"></a>
-                    <span class="name">
-                        <span ><b>newtonRaphsonIterate</b></span>
-                        <a href="#newtonRaphsonIterate"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>newtonRaphsonIterate(aX, aGuessT, mX1, mX2)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>aX</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>aGuessT</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>mX1</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>mX2</td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>    <h3>projects/ng-gallery/src/lib/observers/active-item-observer.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="createIntersectionObserver"></a>
-                    <span class="name">
-                        <span ><b>createIntersectionObserver</b></span>
-                        <a href="#createIntersectionObserver"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>createIntersectionObserver(root: HTMLElement, elements, rootMargin: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>root</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>elements</td>
-                                    <td>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>rootMargin</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>Observable&lt;IntersectionObserverEntry&gt;</code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>    <h3>projects/ng-gallery/src/lib/utils/resize-observer.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="resizeObservable"></a>
-                    <span class="name">
-                        <span ><b>resizeObservable</b></span>
-                        <a href="#resizeObservable"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>resizeObservable(el: HTMLElement, setter?)</code>
-                </td>
-            </tr>
-
-
-
-
-            <tr>
-                <td class="col-md-4">
-
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>el</td>
-                                    <td>
-                                            <code>HTMLElement</code>
-                                    </td>
-
-                                    <td>
-                                        No
-                                    </td>
-
-
-                                </tr>
-                                <tr>
-                                    <td>setter</td>
-                                    <td>
-                                    </td>
-
-                                    <td>
-                                        Yes
-                                    </td>
-
-
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>    <code>Observable&lt;ResizeObserverEntry&gt;</code>
-
-                    </div>
-                    <div class="io-description">
-                        
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-functions';
-            var COMPODOC_CURRENT_PAGE_URL = 'functions.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/miscellaneous/typealiases.html b/documentation/miscellaneous/typealiases.html
deleted file mode 100644
index dce00ea2..00000000
--- a/documentation/miscellaneous/typealiases.html
+++ /dev/null
@@ -1,370 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content miscellaneous-typealiases">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Miscellaneous</li>
-  <li>Type aliases</li>
-</ol>
-
-<section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <ul class="index-list">
-                        <li>
-                            <a href="#GalleryItemData" title="projects/ng-gallery/src/lib/components/templates/items.model.ts" ><b>GalleryItemData</b>&nbsp;&nbsp;&nbsp;(projects/.../items.model.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#GalleryItemModel" title="projects/ng-gallery/src/lib/components/templates/items.model.ts" ><b>GalleryItemModel</b>&nbsp;&nbsp;&nbsp;(projects/.../items.model.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#GalleryItemType" title="projects/ng-gallery/src/lib/models/constants.ts" ><b>GalleryItemType</b>&nbsp;&nbsp;&nbsp;(projects/.../constants.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#IframeItemData" title="projects/ng-gallery/src/lib/components/templates/items.model.ts" ><b>IframeItemData</b>&nbsp;&nbsp;&nbsp;(projects/.../items.model.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#ImageItemData" title="projects/ng-gallery/src/lib/components/templates/items.model.ts" ><b>ImageItemData</b>&nbsp;&nbsp;&nbsp;(projects/.../items.model.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#ItemState" title="projects/ng-gallery/src/lib/components/templates/items.model.ts" ><b>ItemState</b>&nbsp;&nbsp;&nbsp;(projects/.../items.model.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#SmoothScrollToOptions" title="projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts" ><b>SmoothScrollToOptions</b>&nbsp;&nbsp;&nbsp;(projects/.../smooth-scroll.model.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#Story" title="projects/ng-gallery/src/stories/basic/Gallery.stories.ts" ><b>Story</b>&nbsp;&nbsp;&nbsp;(projects/.../Gallery.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#Story" title="projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts" ><b>Story</b>&nbsp;&nbsp;&nbsp;(projects/.../CustomTemplates.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#Story" title="projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts" ><b>Story</b>&nbsp;&nbsp;&nbsp;(projects/.../Lightbox.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#VideoItemData" title="projects/ng-gallery/src/lib/components/templates/items.model.ts" ><b>VideoItemData</b>&nbsp;&nbsp;&nbsp;(projects/.../items.model.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#YoutubeItemData" title="projects/ng-gallery/src/lib/components/templates/items.model.ts" ><b>YoutubeItemData</b>&nbsp;&nbsp;&nbsp;(projects/.../items.model.ts)</a>
-                        </li>
-                    </ul>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-    <h3>projects/ng-gallery/src/lib/components/templates/items.model.ts</h3>
-    <section>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="GalleryItemData"></a>
-                    <span class="name "><b>GalleryItemData</b><a href="#GalleryItemData"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>    <code>ImageItemData | VideoItemData | IframeItemData | YoutubeItemData</code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="GalleryItemModel"></a>
-                    <span class="name "><b>GalleryItemModel</b><a href="#GalleryItemModel"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>    <code>literal type</code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="IframeItemData"></a>
-                    <span class="name "><b>IframeItemData</b><a href="#IframeItemData"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>    <code></code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ImageItemData"></a>
-                    <span class="name "><b>ImageItemData</b><a href="#ImageItemData"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>    <code></code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ItemState"></a>
-                    <span class="name "><b>ItemState</b><a href="#ItemState"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>    <code>&quot;success&quot; | &quot;loading&quot; | &quot;failed&quot;</code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="VideoItemData"></a>
-                    <span class="name "><b>VideoItemData</b><a href="#VideoItemData"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>    <code></code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="YoutubeItemData"></a>
-                    <span class="name "><b>YoutubeItemData</b><a href="#YoutubeItemData"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>    <code></code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>    <h3>projects/ng-gallery/src/lib/models/constants.ts</h3>
-    <section>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="GalleryItemType"></a>
-                    <span class="name "><b>GalleryItemType</b><a href="#GalleryItemType"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryItemTypes | string</a></code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>    <h3>projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts</h3>
-    <section>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="SmoothScrollToOptions"></a>
-                    <span class="name "><b>SmoothScrollToOptions</b><a href="#SmoothScrollToOptions"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>    <code></code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>    <h3>projects/ng-gallery/src/stories/basic/Gallery.stories.ts</h3>
-    <section>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Story"></a>
-                    <span class="name "><b>Story</b><a href="#Story"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>        <code><a href="../injectables/Gallery.html" target="_self" >StoryObj&lt;GalleryComponent&gt;</a></code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>    <h3>projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts</h3>
-    <section>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Story"></a>
-                    <span class="name "><b>Story</b><a href="#Story"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>        <code><a href="../components/CustomTemplateComponent.html" target="_self" >StoryObj&lt;CustomTemplateComponent&gt;</a></code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>    <h3>projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts</h3>
-    <section>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Story"></a>
-                    <span class="name "><b>Story</b><a href="#Story"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>        <code><a href="../injectables/Lightbox.html" target="_self" >StoryObj&lt;LightboxExampleComponent&gt;</a></code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-typealiases';
-            var COMPODOC_CURRENT_PAGE_URL = 'typealiases.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/miscellaneous/variables.html b/documentation/miscellaneous/variables.html
deleted file mode 100644
index e84284e0..00000000
--- a/documentation/miscellaneous/variables.html
+++ /dev/null
@@ -1,1340 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content miscellaneous-variables">
-                   <div class="content-data">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<ol class="breadcrumb">
-  <li>Miscellaneous</li>
-  <li>Variables</li>
-</ol>
-
-<section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <ul class="index-list">
-                        <li>
-                            <a href="#All" title="projects/ng-gallery/src/stories/basic/Gallery.stories.ts" ><b>All</b>&nbsp;&nbsp;&nbsp;(projects/.../Gallery.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#All" title="projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts" ><b>All</b>&nbsp;&nbsp;&nbsp;(projects/.../CustomTemplates.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#All" title="projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts" ><b>All</b>&nbsp;&nbsp;&nbsp;(projects/.../Lightbox.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#config" title="projects/ng-gallery/.storybook/main.ts" ><b>config</b>&nbsp;&nbsp;&nbsp;(projects/.../main.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#Counter" title="projects/ng-gallery/src/stories/basic/Gallery.stories.ts" ><b>Counter</b>&nbsp;&nbsp;&nbsp;(projects/.../Gallery.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#defaultConfig" title="projects/ng-gallery/lightbox/src/lightbox.default.ts" ><b>defaultConfig</b>&nbsp;&nbsp;&nbsp;(projects/.../lightbox.default.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#defaultConfig" title="projects/ng-gallery/src/lib/utils/gallery.default.ts" ><b>defaultConfig</b>&nbsp;&nbsp;&nbsp;(projects/.../gallery.default.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#defaultState" title="projects/ng-gallery/src/lib/utils/gallery.default.ts" ><b>defaultState</b>&nbsp;&nbsp;&nbsp;(projects/.../gallery.default.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#Dots" title="projects/ng-gallery/src/stories/basic/Gallery.stories.ts" ><b>Dots</b>&nbsp;&nbsp;&nbsp;(projects/.../Gallery.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#filterActions" title="projects/ng-gallery/src/lib/services/gallery-ref.ts" ><b>filterActions</b>&nbsp;&nbsp;&nbsp;(projects/.../gallery-ref.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#float32ArraySupported" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>float32ArraySupported</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#GALLERY_CONFIG" title="projects/ng-gallery/src/lib/models/config.model.ts" ><b>GALLERY_CONFIG</b>&nbsp;&nbsp;&nbsp;(projects/.../config.model.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#Hammer" title="projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts" ><b>Hammer</b>&nbsp;&nbsp;&nbsp;(projects/.../hammer-sliding.directive.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#Hammer" title="projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts" ><b>Hammer</b>&nbsp;&nbsp;&nbsp;(projects/.../smooth-scroll.directive.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#Hammer" title="projects/ng-gallery/src/lib/components/adapters/main-adapters.ts" ><b>Hammer</b>&nbsp;&nbsp;&nbsp;(projects/.../main-adapters.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#imageFailedSvg" title="projects/ng-gallery/src/lib/components/templates/svg-assets.ts" ><b>imageFailedSvg</b>&nbsp;&nbsp;&nbsp;(projects/.../svg-assets.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#kSampleStepSize" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>kSampleStepSize</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#kSplineTableSize" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>kSplineTableSize</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#LIGHTBOX_CONFIG" title="projects/ng-gallery/lightbox/src/lightbox.model.ts" ><b>LIGHTBOX_CONFIG</b>&nbsp;&nbsp;&nbsp;(projects/.../lightbox.model.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#lightboxAnimation" title="projects/ng-gallery/lightbox/src/lightbox.animation.ts" ><b>lightboxAnimation</b>&nbsp;&nbsp;&nbsp;(projects/.../lightbox.animation.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#meta" title="projects/ng-gallery/src/stories/basic/Gallery.stories.ts" ><b>meta</b>&nbsp;&nbsp;&nbsp;(projects/.../Gallery.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#meta" title="projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts" ><b>meta</b>&nbsp;&nbsp;&nbsp;(projects/.../CustomTemplates.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#meta" title="projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts" ><b>meta</b>&nbsp;&nbsp;&nbsp;(projects/.../Lightbox.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#Navigation" title="projects/ng-gallery/src/stories/basic/Gallery.stories.ts" ><b>Navigation</b>&nbsp;&nbsp;&nbsp;(projects/.../Gallery.stories.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#NEWTON_ITERATIONS" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>NEWTON_ITERATIONS</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#NEWTON_MIN_SLOPE" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>NEWTON_MIN_SLOPE</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#preview" title="projects/ng-gallery/.storybook/preview.ts" ><b>preview</b>&nbsp;&nbsp;&nbsp;(projects/.../preview.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#SMOOTH_SCROLL_OPTIONS" title="projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts" ><b>SMOOTH_SCROLL_OPTIONS</b>&nbsp;&nbsp;&nbsp;(projects/.../smooth-scroll.model.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#SUBDIVISION_MAX_ITERATIONS" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>SUBDIVISION_MAX_ITERATIONS</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#SUBDIVISION_PRECISION" title="projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts" ><b>SUBDIVISION_PRECISION</b>&nbsp;&nbsp;&nbsp;(projects/.../bezier-easing.ts)</a>
-                        </li>
-                        <li>
-                            <a href="#Thumbnails" title="projects/ng-gallery/src/stories/basic/Gallery.stories.ts" ><b>Thumbnails</b>&nbsp;&nbsp;&nbsp;(projects/.../Gallery.stories.ts)</a>
-                        </li>
-                    </ul>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-
-    <h3>projects/ng-gallery/src/stories/basic/Gallery.stories.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="All"></a>
-                    <span class="name">
-                        <span ><b>All</b></span>
-                        <a href="#All"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#Story" target="_self" >Story</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  render: (args: GalleryComponent) &#x3D;&gt; ({
-    props: args,
-    template: &#x60;
-      &lt;gallery [items]&#x3D;&quot;items&quot;&gt;&lt;/gallery&gt;
-   &#x60;,
-  }),
-  args: {
-    items: [
-      new ImageItem({
-        src: &#x27;https://pixabay.com/get/gc8f75fde3ece5310da18115420875d3f2deb760a25984167a2115173c585ad3d631ec698629aa149f78f982d2397bb8c_1280.jpg&#x27;,
-        thumb: &#x27;https://cdn.pixabay.com/photo/2020/05/16/10/04/crocodile-5176851_150.jpg&#x27;
-      })
-    ],
-  },
-  // args: {
-  //   scrollBehavior: &#x27;smooth&#x27;,
-  //   navScrollBehavior: &#x27;smooth&#x27;,
-  //   imageSize: ImageSize.Contain,
-  //   thumbImageSize: ImageSize.Cover,
-  //   bulletsPosition: bulletsPosition.Bottom,
-  //   counterPosition: CounterPosition.Top,
-  //   slidingDirection: SlidingDirection.Horizontal,
-  //   loadingAttr: LoadingAttr.Lazy,
-  //   loadingStrategy: LoadingStrategy.Default,
-  //   thumbPosition: ThumbnailsPosition.Bottom,
-  //   thumbView: ThumbnailsView.Default,
-  //   slidingEase: {
-  //     x1: 0.42,
-  //     y1: 0,
-  //     x2: 0.58,
-  //     y2: 1
-  //   },
-  //   dotsSize: 6,
-  //   thumbWidth: 120,
-  //   thumbHeight: 90,
-  //   playerInterval: 3000,
-  //   slidingDuration: 468,
-  //   resizeDebounceTime: 0,
-  //   nav: true,
-  //   dots: true,
-  //   loop: true,
-  //   debug: true,
-  //   thumb: true,
-  //   counter: true,
-  //   autoplay: false,
-  //   autoHeight: false,
-  //   itemAutosize: false,
-  //   disableThumb: false,
-  //   thumbDetached: false,
-  //   thumbAutosize: false,
-  //   slidingDisabled: false,
-  //   thumbSlidingDisabled: false,
-  //   mouseSlidingDisabled: false,
-  //   thumbMouseSlidingDisabled: false,
-  // },
-}</code>
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>First Example for gallery</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Counter"></a>
-                    <span class="name">
-                        <span ><b>Counter</b></span>
-                        <a href="#Counter"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#Story" target="_self" >Story</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  args: {
-    counterPosition: CounterPosition.Bottom,
-    nav: false,
-    dots: false,
-    thumb: false,
-    counter: true,
-  },
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Dots"></a>
-                    <span class="name">
-                        <span ><b>Dots</b></span>
-                        <a href="#Dots"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#Story" target="_self" >Story</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  args: {
-    bulletsPosition: bulletsPosition.Bottom,
-    nav: false,
-    dots: true,
-    thumb: false,
-    counter: false,
-  },
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="meta"></a>
-                    <span class="name">
-                        <span ><b>meta</b></span>
-                        <a href="#meta"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >Meta&lt;GalleryComponent&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  title: &#x27;Example/Gallery&#x27;,
-  component: GalleryComponent,
-  tags: [&#x27;autodocs&#x27;],
-  render: (args: GalleryComponent) &#x3D;&gt; ({
-    props: {
-      ...args,
-    },
-  }),
-  parameters: {
-    layout: &#x27;fullscreen&#x27;
-  },
-  argTypes: {
-  },
-  decorators: [
-    applicationConfig({
-      providers: [
-        provideHttpClient(),
-        provideAnimations(),
-      ],
-    })
-  ]
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Navigation"></a>
-                    <span class="name">
-                        <span ><b>Navigation</b></span>
-                        <a href="#Navigation"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#Story" target="_self" >Story</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  args: {
-    loop: true,
-    nav: true,
-    dots: false,
-    thumb: false,
-    counter: false,
-  },
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Thumbnails"></a>
-                    <span class="name">
-                        <span ><b>Thumbnails</b></span>
-                        <a href="#Thumbnails"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#Story" target="_self" >Story</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  args: {
-    scrollBehavior: &#x27;smooth&#x27;,
-    navScrollBehavior: &#x27;smooth&#x27;,
-    imageSize: ImageSize.Contain,
-    thumbImageSize: ImageSize.Cover,
-    bulletsPosition: bulletsPosition.Bottom,
-    counterPosition: CounterPosition.Top,
-    slidingDirection: SlidingDirection.Horizontal,
-    loadingAttr: LoadingAttr.Lazy,
-    loadingStrategy: LoadingStrategy.Default,
-    thumbPosition: ThumbnailsPosition.Bottom,
-    thumbView: ThumbnailsView.Default,
-    slidingEase: {
-      x1: 0.42,
-      y1: 0,
-      x2: 0.58,
-      y2: 1
-    },
-    dotsSize: 6,
-    thumbWidth: 120,
-    thumbHeight: 90,
-    playerInterval: 3000,
-    slidingDuration: 468,
-    resizeDebounceTime: 0,
-    nav: false,
-    dots: false,
-    loop: true,
-    thumb: true,
-    counter: false,
-    itemAutosize: false,
-    disableThumb: false,
-    thumbDetached: false,
-    thumbAutosize: false,
-    slidingDisabled: false,
-    thumbSlidingDisabled: false,
-    mouseSlidingDisabled: false,
-    thumbMouseSlidingDisabled: false,
-  },
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="All"></a>
-                    <span class="name">
-                        <span ><b>All</b></span>
-                        <a href="#All"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#Story" target="_self" >Story</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  args: {
-  },
-}</code>
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>First Example for gallery</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="meta"></a>
-                    <span class="name">
-                        <span ><b>meta</b></span>
-                        <a href="#meta"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../components/CustomTemplateComponent.html" target="_self" >Meta&lt;CustomTemplateComponent&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  title: &#x27;Example/CustomTemplates&#x27;,
-  component: CustomTemplateComponent,
-  // tags: [&#x27;autodocs&#x27;],
-  render: (args: CustomTemplateComponent) &#x3D;&gt; ({
-    props: {
-      ...args,
-    },
-  }),
-  decorators: [
-    applicationConfig({
-      providers: [
-        provideHttpClient(),
-        provideAnimations(),
-      ],
-    })
-  ]
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="All"></a>
-                    <span class="name">
-                        <span ><b>All</b></span>
-                        <a href="#All"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#Story" target="_self" >Story</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  args: {
-  },
-}</code>
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>First Example for gallery</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="meta"></a>
-                    <span class="name">
-                        <span ><b>meta</b></span>
-                        <a href="#meta"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Lightbox.html" target="_self" >Meta&lt;LightboxExampleComponent&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  title: &#x27;Example/Lightbox&#x27;,
-  component: LightboxExampleComponent,
-  // tags: [&#x27;autodocs&#x27;],
-  render: (args: LightboxExampleComponent) &#x3D;&gt; ({
-    props: {
-      ...args,
-    },
-  }),
-  decorators: [
-    applicationConfig({
-      providers: [
-        provideHttpClient(),
-        provideAnimations(),
-      ],
-    })
-  ]
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/.storybook/main.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="config"></a>
-                    <span class="name">
-                        <span ><b>config</b></span>
-                        <a href="#config"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/functions.html#C" target="_self" >StorybookConfig</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  stories: [&quot;../src/**/*.mdx&quot;, &quot;../src/**/*.stories.@(js|jsx|mjs|ts|tsx)&quot;],
-  addons: [
-    &quot;@storybook/addon-links&quot;,
-    &quot;@storybook/addon-essentials&quot;,
-    &quot;@storybook/addon-interactions&quot;,
-  ],
-  framework: {
-    name: &quot;@storybook/angular&quot;,
-    options: {},
-  },
-  docs: {
-    autodocs: &quot;tag&quot;,
-  },
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/lightbox/src/lightbox.default.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="defaultConfig"></a>
-                    <span class="name">
-                        <span ><b>defaultConfig</b></span>
-                        <a href="#defaultConfig"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Lightbox.html" target="_self" >LightboxConfig</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  backdropClass: &#x27;g-backdrop&#x27;,
-  panelClass: &#x27;g-overlay&#x27;,
-  hasBackdrop: true,
-  keyboardShortcuts: true,
-  role: &#x27;lightbox&#x27;,
-  startAnimationTime: 150,
-  exitAnimationTime: 75,
-  closeIcon: &#x60;&lt;?xml version&#x3D;&quot;1.0&quot; encoding&#x3D;&quot;UTF-8&quot;?&gt;
-&lt;svg width&#x3D;&quot;512px&quot; height&#x3D;&quot;512px&quot; enable-background&#x3D;&quot;new 0 0 47.971 47.971&quot; version&#x3D;&quot;1.1&quot; viewBox&#x3D;&quot;0 0 47.971 47.971&quot; xml:space&#x3D;&quot;preserve&quot; xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot;&gt;
-	&lt;path d&#x3D;&quot;M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88   c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242   C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879   s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z&quot; fill&#x3D;&quot;#fff&quot;/&gt;
-&lt;/svg&gt;
-&#x60;
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/lib/utils/gallery.default.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="defaultConfig"></a>
-                    <span class="name">
-                        <span ><b>defaultConfig</b></span>
-                        <a href="#defaultConfig"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryConfig</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  nav: true,
-  loop: true,
-  dots: false,
-  thumb: true,
-  debug: false,
-  dotsSize: 6,
-  counter: true,
-  autoplay: false,
-  thumbWidth: 120,
-  thumbHeight: 90,
-  disableThumb: false,
-  slidingDisabled: false,
-  thumbSlidingDisabled: false,
-  mouseSlidingDisabled: false,
-  thumbMouseSlidingDisabled: false,
-  playerInterval: 3000,
-  slidingDuration: 468,
-  slidingEase: {
-    x1: 0.42,
-    y1: 0,
-    x2: 0.58,
-    y2: 1
-  },
-  thumbAutosize: false,
-  itemAutosize: false,
-  autoHeight: false,
-  scrollBehavior: &#x27;smooth&#x27;,
-  navScrollBehavior: &#x27;smooth&#x27;,
-  resizeDebounceTime: 0,
-  loadingAttr: LoadingAttr.Lazy,
-  imageSize: &#x27;contain&#x27;,
-  thumbImageSize: ImageSize.Cover,
-  thumbView: ThumbnailsView.Default,
-  bulletsPosition: bulletsPosition.Bottom,
-  counterPosition: CounterPosition.Top,
-  thumbPosition: ThumbnailsPosition.Bottom,
-  loadingStrategy: LoadingStrategy.Preload,
-  slidingDirection: SlidingDirection.Horizontal,
-  navIcon: &#x60;&lt;svg xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot; viewBox&#x3D;&quot;0 0 512 512&quot;&gt;&lt;path d&#x3D;&quot;M0 256C0 397.4 114.6 512 256 512s256-114.6 256-256S397.4 0 256 0S0 114.6 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z&quot;/&gt;&lt;/svg&gt;&#x60;,
-  // navIcon: &#x60;&lt;?xml version&#x3D;&quot;1.0&quot; encoding&#x3D;&quot;UTF-8&quot;?&gt;&lt;svg width&#x3D;&quot;512px&quot; height&#x3D;&quot;512px&quot; enable-background&#x3D;&quot;new 0 0 240.823 240.823&quot; version&#x3D;&quot;1.1&quot; viewBox&#x3D;&quot;0 0 240.823 240.823&quot; xml:space&#x3D;&quot;preserve&quot; xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;path d&#x3D;&quot;m183.19 111.82l-108.3-108.26c-4.752-4.74-12.451-4.74-17.215 0-4.752 4.74-4.752 12.439 0 17.179l99.707 99.671-99.695 99.671c-4.752 4.74-4.752 12.439 0 17.191 4.752 4.74 12.463 4.74 17.215 0l108.3-108.26c4.68-4.691 4.68-12.511-0.012-17.19z&quot;&gt;&lt;/svg&gt;&#x60;,
-  loadingIcon: &#x60;&lt;?xml version&#x3D;&quot;1.0&quot; encoding&#x3D;&quot;UTF-8&quot;?&gt;&lt;svg stroke&#x3D;&quot;#fff&quot; viewBox&#x3D;&quot;0 0 44 44&quot; xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;g fill&#x3D;&quot;none&quot; fill-rule&#x3D;&quot;evenodd&quot; stroke-width&#x3D;&quot;2&quot;&gt;&lt;circle cx&#x3D;&quot;22&quot; cy&#x3D;&quot;22&quot; r&#x3D;&quot;1&quot;&gt;&lt;animate attributeName&#x3D;&quot;r&quot; begin&#x3D;&quot;0s&quot; calcMode&#x3D;&quot;spline&quot; dur&#x3D;&quot;1.8s&quot; keySplines&#x3D;&quot;0.165, 0.84, 0.44, 1&quot; keyTimes&#x3D;&quot;0; 1&quot; repeatCount&#x3D;&quot;indefinite&quot; values&#x3D;&quot;1; 20&quot;/&gt;&lt;animate attributeName&#x3D;&quot;stroke-opacity&quot; begin&#x3D;&quot;0s&quot; calcMode&#x3D;&quot;spline&quot; dur&#x3D;&quot;1.8s&quot; keySplines&#x3D;&quot;0.3, 0.61, 0.355, 1&quot; keyTimes&#x3D;&quot;0; 1&quot; repeatCount&#x3D;&quot;indefinite&quot; values&#x3D;&quot;1; 0&quot;/&gt;&lt;/circle&gt;&lt;circle cx&#x3D;&quot;22&quot; cy&#x3D;&quot;22&quot; r&#x3D;&quot;1&quot;&gt;&lt;animate attributeName&#x3D;&quot;r&quot; begin&#x3D;&quot;-0.9s&quot; calcMode&#x3D;&quot;spline&quot; dur&#x3D;&quot;1.8s&quot; keySplines&#x3D;&quot;0.165, 0.84, 0.44, 1&quot; keyTimes&#x3D;&quot;0; 1&quot; repeatCount&#x3D;&quot;indefinite&quot; values&#x3D;&quot;1; 20&quot;/&gt;&lt;animate attributeName&#x3D;&quot;stroke-opacity&quot; begin&#x3D;&quot;-0.9s&quot; calcMode&#x3D;&quot;spline&quot; dur&#x3D;&quot;1.8s&quot; keySplines&#x3D;&quot;0.3, 0.61, 0.355, 1&quot; keyTimes&#x3D;&quot;0; 1&quot; repeatCount&#x3D;&quot;indefinite&quot; values&#x3D;&quot;1; 0&quot;/&gt;&lt;/circle&gt;&lt;/g&gt;&lt;/svg&gt;&#x60;
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="defaultState"></a>
-                    <span class="name">
-                        <span ><b>defaultState</b></span>
-                        <a href="#defaultState"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/Gallery.html" target="_self" >GalleryState</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  action: GalleryAction.INITIALIZED,
-  isPlaying: false,
-  hasNext: false,
-  hasPrev: false,
-  currIndex: 0,
-  items: []
-}</code>
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Initial state</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/lib/services/gallery-ref.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="filterActions"></a>
-                    <span class="name">
-                        <span ><b>filterActions</b></span>
-                        <a href="#filterActions"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>(actions: string[]) &#x3D;&gt; {
-  return filter((state: GalleryState) &#x3D;&gt; actions.indexOf(state.action) &gt; -1);
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="float32ArraySupported"></a>
-                    <span class="name">
-                        <span ><b>float32ArraySupported</b></span>
-                        <a href="#float32ArraySupported"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>typeof Float32Array &#x3D;&#x3D;&#x3D; &#x27;function&#x27;</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="kSampleStepSize"></a>
-                    <span class="name">
-                        <span ><b>kSampleStepSize</b></span>
-                        <a href="#kSampleStepSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>1.0 / (kSplineTableSize - 1.0)</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="kSplineTableSize"></a>
-                    <span class="name">
-                        <span ><b>kSplineTableSize</b></span>
-                        <a href="#kSplineTableSize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>11</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="NEWTON_ITERATIONS"></a>
-                    <span class="name">
-                        <span ><b>NEWTON_ITERATIONS</b></span>
-                        <a href="#NEWTON_ITERATIONS"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>4</code>
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p><a href="https://github.com/gre/bezier-easing">https://github.com/gre/bezier-easing</a>
-BezierEasing - use bezier curve for transition easing function
-by Gaëtan Renaudeau 2014 - 2015 – MIT License</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="NEWTON_MIN_SLOPE"></a>
-                    <span class="name">
-                        <span ><b>NEWTON_MIN_SLOPE</b></span>
-                        <a href="#NEWTON_MIN_SLOPE"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>0.001</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="SUBDIVISION_MAX_ITERATIONS"></a>
-                    <span class="name">
-                        <span ><b>SUBDIVISION_MAX_ITERATIONS</b></span>
-                        <a href="#SUBDIVISION_MAX_ITERATIONS"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>10</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="SUBDIVISION_PRECISION"></a>
-                    <span class="name">
-                        <span ><b>SUBDIVISION_PRECISION</b></span>
-                        <a href="#SUBDIVISION_PRECISION"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>0.0000001</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/lib/models/config.model.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="GALLERY_CONFIG"></a>
-                    <span class="name">
-                        <span ><b>GALLERY_CONFIG</b></span>
-                        <a href="#GALLERY_CONFIG"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new InjectionToken&lt;GalleryConfig&gt;(&#x27;GALLERY_CONFIG&#x27;)</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Hammer"></a>
-                    <span class="name">
-                        <span ><b>Hammer</b></span>
-                        <a href="#Hammer"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Hammer"></a>
-                    <span class="name">
-                        <span ><b>Hammer</b></span>
-                        <a href="#Hammer"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/lib/components/adapters/main-adapters.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Hammer"></a>
-                    <span class="name">
-                        <span ><b>Hammer</b></span>
-                        <a href="#Hammer"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/lib/components/templates/svg-assets.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="imageFailedSvg"></a>
-                    <span class="name">
-                        <span ><b>imageFailedSvg</b></span>
-                        <a href="#imageFailedSvg"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x60;&lt;?xml version&#x3D;&quot;1.0&quot; encoding&#x3D;&quot;UTF-8&quot;?&gt;
-&lt;svg width&#x3D;&quot;100&quot; height&#x3D;&quot;100&quot; version&#x3D;&quot;1.1&quot; viewBox&#x3D;&quot;0 0 256 256&quot; xml:space&#x3D;&quot;preserve&quot; xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot;&gt;
- &lt;g transform&#x3D;&quot;translate(1.4066 1.4066) scale(2.81)&quot;&gt;
-\t&lt;path d&#x3D;&quot;m74.453 48.627c-5.538 0-11.075-2.107-15.291-6.324-6.11-6.11-7.768-14.99-5.024-22.629h-48.08c-3.346 1e-3 -6.058 2.713-6.058 6.059v16.322l23.834 20.315c2.278 1.942 5.573 2.119 8.047 0.434l14.382-9.801c2.33-1.588 5.408-1.531 7.677 0.141l27.15 20.001v-25.574c-2.156 0.692-4.394 1.056-6.637 1.056z&quot; fill&#x3D;&quot;#c1e5f4&quot; stroke-linecap&#x3D;&quot;round&quot;/&gt;
- &lt;circle cx&#x3D;&quot;27.942&quot; cy&#x3D;&quot;37.942&quot; r&#x3D;&quot;6.072&quot; fill&#x3D;&quot;#fff0a9&quot;/&gt;
- &lt;path d&#x3D;&quot;m85.446 16.02c-6.061-6.061-15.922-6.061-21.983 0s-6.061 15.923 0 21.984c3.031 3.031 7.011 4.546 10.992 4.546 3.98 0 7.962-1.515 10.992-4.545 2.936-2.937 4.553-6.841 4.553-10.993s-1.617-8.056-4.554-10.992zm-3.555 3.555c1.987 1.986 3.081 4.627 3.081 7.436 0 1.95-0.538 3.813-1.525 5.438l-14.428-14.428c4.043-2.442 9.384-1.934 12.872 1.554zm-14.873 14.874c-3.486-3.487-3.997-8.829-1.554-12.873l14.426 14.427c-4.043 2.443-9.385 1.932-12.872-1.554z&quot; fill&#x3D;&quot;#e29393&quot; stroke-linecap&#x3D;&quot;round&quot;/&gt;
- &lt;path d&#x3D;&quot;m0 40.043v32.425c0 3.346 2.712 6.058 6.058 6.058h68.974c3.346 0 6.058-2.712 6.058-6.058v-1.335l-27.15-20.001c-2.27-1.672-5.348-1.729-7.677-0.141l-14.383 9.801c-2.473 1.686-5.769 1.508-8.047-0.434l-23.833-20.315z&quot; fill&#x3D;&quot;#96ea9c&quot; stroke-linecap&#x3D;&quot;round&quot;/&gt;
-&lt;/g&gt;
-&lt;/svg&gt;
-&#x60;</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/lightbox/src/lightbox.model.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="LIGHTBOX_CONFIG"></a>
-                    <span class="name">
-                        <span ><b>LIGHTBOX_CONFIG</b></span>
-                        <a href="#LIGHTBOX_CONFIG"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new InjectionToken&lt;LightboxConfig&gt;(&#x27;LIGHTBOX_CONFIG&#x27;)</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/lightbox/src/lightbox.animation.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="lightboxAnimation"></a>
-                    <span class="name">
-                        <span ><b>lightboxAnimation</b></span>
-                        <a href="#lightboxAnimation"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>trigger(&#x27;lightbox&#x27;, [
-  state(&#x27;void, exit&#x27;, style({opacity: 0, transform: &#x27;scale(0.7)&#x27;})),
-  state(&#x27;enter&#x27;, style({transform: &#x27;none&#x27;})),
-  transition(&#x27;* &#x3D;&gt; enter&#x27;, animate(&#x27;{{startAnimationTime}}ms cubic-bezier(0, 0, 0.2, 1)&#x27;,
-    style({transform: &#x27;none&#x27;, opacity: 1}))),
-  transition(&#x27;* &#x3D;&gt; void, * &#x3D;&gt; exit&#x27;,
-    animate(&#x27;{{exitAnimationTime}}ms cubic-bezier(0.4, 0.0, 0.2, 1)&#x27;, style({opacity: 0}))),
-])</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/.storybook/preview.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="preview"></a>
-                    <span class="name">
-                        <span ><b>preview</b></span>
-                        <a href="#preview"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>Preview</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{
-  parameters: {
-    actions: { argTypesRegex: &quot;^on[A-Z].*&quot; },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-}</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-    <h3>projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts</h3>
-    <section>
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="SMOOTH_SCROLL_OPTIONS"></a>
-                    <span class="name">
-                        <span ><b>SMOOTH_SCROLL_OPTIONS</b></span>
-                        <a href="#SMOOTH_SCROLL_OPTIONS"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../interfaces/SmoothScrollOptions.html" target="_self" >InjectionToken&lt;SmoothScrollOptions&gt;</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new InjectionToken&lt;SmoothScrollOptions&gt;(&#x27;SMOOTH_SCROLL_OPTIONS&#x27;)</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-variables';
-            var COMPODOC_CURRENT_PAGE_URL = 'variables.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/modules.html b/documentation/modules.html
deleted file mode 100644
index 60c2a809..00000000
--- a/documentation/modules.html
+++ /dev/null
@@ -1,152 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
-	   <link rel="stylesheet" href="./styles/style.css">
-        <link rel="stylesheet" href="./styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="./" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content modules">
-                   <div class="content-data">
-
-
-
-<ol class="breadcrumb">
-    <li>Modules</li>
-</ol>
-<div class="container-fluid modules">
-    <div class="row">
-            <div class="col-md-6 col-lg-4">
-                <div class="card card-module">
-                    <div class="card-header">
-                        <h4 class="card-title">GalleryModule</h4>
-                    </div>
-                    <div class="card-block">
-                                <p>
-                                    <object id="demo-svg" type="image/svg+xml" lazy="./modules/GalleryModule/dependencies.svg" style="width: 100%; height: 175px;">
-                                        Your browser does not support SVG
-                                    </object>
-                                </p>
-                        <footer class="text-center">
-                            <a href="./modules/GalleryModule.html" class="btn btn-default">Browse</a>
-                        </footer>
-                    </div>
-                </div>
-            </div>
-            <div class="col-md-6 col-lg-4">
-                <div class="card card-module">
-                    <div class="card-header">
-                        <h4 class="card-title">LightboxModule</h4>
-                    </div>
-                    <div class="card-block">
-                                <p>
-                                    <object id="demo-svg" type="image/svg+xml" lazy="./modules/LightboxModule/dependencies.svg" style="width: 100%; height: 175px;">
-                                        Your browser does not support SVG
-                                    </object>
-                                </p>
-                        <footer class="text-center">
-                            <a href="./modules/LightboxModule.html" class="btn btn-default">Browse</a>
-                        </footer>
-                    </div>
-                </div>
-            </div>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 0;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'modules';
-            var COMPODOC_CURRENT_PAGE_URL = 'modules.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="./js/libs/custom-elements.min.js"></script>
-       <script src="./js/libs/lit-html.js"></script>
-
-       <script src="./js/menu-wc.js" defer></script>
-       <script nomodule src="./js/menu-wc_es5.js" defer></script>
-
-       <script src="./js/libs/bootstrap-native.js"></script>
-
-       <script src="./js/libs/es6-shim.min.js"></script>
-       <script src="./js/libs/EventDispatcher.js"></script>
-       <script src="./js/libs/promise.min.js"></script>
-       <script src="./js/libs/zepto.min.js"></script>
-
-       <script src="./js/compodoc.js"></script>
-
-       <script src="./js/tabs.js"></script>
-       <script src="./js/menu.js"></script>
-       <script src="./js/libs/clipboard.min.js"></script>
-       <script src="./js/libs/prism.js"></script>
-       <script src="./js/sourceCode.js"></script>
-          <script src="./js/search/search.js"></script>
-          <script src="./js/search/lunr.min.js"></script>
-          <script src="./js/search/search-lunr.js"></script>
-          <script src="./js/search/search_index.js"></script>
-       <script src="./js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/modules/GalleryModule.html b/documentation/modules/GalleryModule.html
deleted file mode 100644
index 453796f6..00000000
--- a/documentation/modules/GalleryModule.html
+++ /dev/null
@@ -1,384 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content module">
-                   <div class="content-data">
-
-
-
-<ol class="breadcrumb">
-    <li>Modules</li>
-    <li >GalleryModule</li>
-</ol>
-
-<div class="text-center module-graph-container">
-    <div id="module-graph-svg">
-        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Generated by graphviz version 2.47.3 (20210619.1520)
- -->
-<!-- Title: dependencies Pages: 1 -->
-<svg width="709pt" height="247pt"
- viewBox="0.00 0.00 709.00 246.80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 242.8)">
-<title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-242.8 705,-242.8 705,4 -4,4"/>
-<text text-anchor="middle" x="350.5" y="-8.2" font-family="sans-serif" font-size="14.00">dependencies</text>
-<g id="clust1" class="cluster">
-<title>cluster_GalleryModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-32.8 8,-230.8 693,-230.8 693,-32.8 8,-32.8"/>
-</g>
-<g id="clust4" class="cluster">
-<title>cluster_GalleryModule_exports</title>
-<polygon fill="none" stroke="black" points="16,-170.8 16,-222.8 685,-222.8 685,-170.8 16,-170.8"/>
-</g>
-<g id="clust3" class="cluster">
-<title>cluster_GalleryModule_imports</title>
-<polygon fill="none" stroke="black" points="25,-40.8 25,-92.8 677,-92.8 677,-40.8 25,-40.8"/>
-</g>
-<!-- GalleryBoxDef -->
-<g id="node1" class="node">
-<title>GalleryBoxDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="669.3,-84.8 666.3,-88.8 645.3,-88.8 642.3,-84.8 566.7,-84.8 566.7,-48.8 669.3,-48.8 669.3,-84.8"/>
-<text text-anchor="middle" x="618" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryBoxDef</text>
-</g>
-<!-- GalleryModule -->
-<g id="node6" class="node">
-<title>GalleryModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="400.53,-149.8 397.53,-153.8 376.53,-153.8 373.53,-149.8 299.47,-149.8 299.47,-113.8 400.53,-113.8 400.53,-149.8"/>
-<text text-anchor="middle" x="350" y="-127.6" font-family="Times,serif" font-size="14.00">GalleryModule</text>
-</g>
-<!-- GalleryBoxDef&#45;&gt;GalleryModule -->
-<g id="edge1" class="edge">
-<title>GalleryBoxDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M636.47,-85.07C636.47,-103.36 636.47,-128.8 636.47,-128.8 636.47,-128.8 410.55,-128.8 410.55,-128.8"/>
-<polygon fill="black" stroke="black" points="410.55,-125.3 400.55,-128.8 410.55,-132.3 410.55,-125.3"/>
-</g>
-<!-- GalleryComponent -->
-<g id="node2" class="node">
-<title>GalleryComponent</title>
-<polygon fill="#8dd3c7" stroke="black" points="548.81,-84.8 545.81,-88.8 524.81,-88.8 521.81,-84.8 425.19,-84.8 425.19,-48.8 548.81,-48.8 548.81,-84.8"/>
-<text text-anchor="middle" x="487" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryComponent</text>
-</g>
-<!-- GalleryComponent&#45;&gt;GalleryModule -->
-<g id="edge2" class="edge">
-<title>GalleryComponent&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M507.97,-84.81C507.97,-100.85 507.97,-121.8 507.97,-121.8 507.97,-121.8 410.85,-121.8 410.85,-121.8"/>
-<polygon fill="black" stroke="black" points="410.85,-118.3 400.85,-121.8 410.85,-125.3 410.85,-118.3"/>
-</g>
-<!-- GalleryImageDef -->
-<g id="node3" class="node">
-<title>GalleryImageDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="406.94,-84.8 403.94,-88.8 382.94,-88.8 379.94,-84.8 293.06,-84.8 293.06,-48.8 406.94,-48.8 406.94,-84.8"/>
-<text text-anchor="middle" x="350" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryImageDef</text>
-</g>
-<!-- GalleryImageDef&#45;&gt;GalleryModule -->
-<g id="edge3" class="edge">
-<title>GalleryImageDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M350,-84.91C350,-84.91 350,-103.79 350,-103.79"/>
-<polygon fill="black" stroke="black" points="346.5,-103.79 350,-113.79 353.5,-103.79 346.5,-103.79"/>
-</g>
-<!-- GalleryItemDef -->
-<g id="node4" class="node">
-<title>GalleryItemDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="275.12,-84.8 272.12,-88.8 251.12,-88.8 248.12,-84.8 170.88,-84.8 170.88,-48.8 275.12,-48.8 275.12,-84.8"/>
-<text text-anchor="middle" x="223" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryItemDef</text>
-</g>
-<!-- GalleryItemDef&#45;&gt;GalleryModule -->
-<g id="edge4" class="edge">
-<title>GalleryItemDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M238.94,-84.81C238.94,-100.85 238.94,-121.8 238.94,-121.8 238.94,-121.8 289.34,-121.8 289.34,-121.8"/>
-<polygon fill="black" stroke="black" points="289.34,-125.3 299.34,-121.8 289.34,-118.3 289.34,-125.3"/>
-</g>
-<!-- GalleryThumbDef -->
-<g id="node5" class="node">
-<title>GalleryThumbDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="152.9,-84.8 149.9,-88.8 128.9,-88.8 125.9,-84.8 33.1,-84.8 33.1,-48.8 152.9,-48.8 152.9,-84.8"/>
-<text text-anchor="middle" x="93" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryThumbDef</text>
-</g>
-<!-- GalleryThumbDef&#45;&gt;GalleryModule -->
-<g id="edge5" class="edge">
-<title>GalleryThumbDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M108.73,-85.07C108.73,-103.36 108.73,-128.8 108.73,-128.8 108.73,-128.8 289.42,-128.8 289.42,-128.8"/>
-<polygon fill="black" stroke="black" points="289.42,-132.3 299.42,-128.8 289.42,-125.3 289.42,-132.3"/>
-</g>
-<!-- GalleryBoxDef  -->
-<g id="node7" class="node">
-<title>GalleryBoxDef </title>
-<polygon fill="#fb8072" stroke="black" points="676.8,-214.8 571.2,-214.8 571.2,-178.8 676.8,-178.8 676.8,-214.8"/>
-<text text-anchor="middle" x="624" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryBoxDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryBoxDef  -->
-<g id="edge6" class="edge">
-<title>GalleryModule&#45;&gt;GalleryBoxDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M400.75,-135.8C474.81,-135.8 603.78,-135.8 603.78,-135.8 603.78,-135.8 603.78,-168.5 603.78,-168.5"/>
-<polygon fill="black" stroke="black" points="600.28,-168.5 603.78,-178.5 607.28,-168.5 600.28,-168.5"/>
-</g>
-<!-- GalleryComponent  -->
-<g id="node8" class="node">
-<title>GalleryComponent </title>
-<polygon fill="#fb8072" stroke="black" points="553.31,-214.8 426.69,-214.8 426.69,-178.8 553.31,-178.8 553.31,-214.8"/>
-<text text-anchor="middle" x="490" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryComponent </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryComponent  -->
-<g id="edge7" class="edge">
-<title>GalleryModule&#45;&gt;GalleryComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M400.76,-142.8C432.46,-142.8 467.28,-142.8 467.28,-142.8 467.28,-142.8 467.28,-168.52 467.28,-168.52"/>
-<polygon fill="black" stroke="black" points="463.78,-168.52 467.28,-178.52 470.78,-168.52 463.78,-168.52"/>
-</g>
-<!-- GalleryImageDef  -->
-<g id="node9" class="node">
-<title>GalleryImageDef </title>
-<polygon fill="#fb8072" stroke="black" points="408.94,-214.8 291.06,-214.8 291.06,-178.8 408.94,-178.8 408.94,-214.8"/>
-<text text-anchor="middle" x="350" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryImageDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryImageDef  -->
-<g id="edge8" class="edge">
-<title>GalleryModule&#45;&gt;GalleryImageDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M350,-149.91C350,-149.91 350,-168.79 350,-168.79"/>
-<polygon fill="black" stroke="black" points="346.5,-168.79 350,-178.79 353.5,-168.79 346.5,-168.79"/>
-</g>
-<!-- GalleryItemDef  -->
-<g id="node10" class="node">
-<title>GalleryItemDef </title>
-<polygon fill="#fb8072" stroke="black" points="273.12,-214.8 164.88,-214.8 164.88,-178.8 273.12,-178.8 273.12,-214.8"/>
-<text text-anchor="middle" x="219" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryItemDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryItemDef  -->
-<g id="edge9" class="edge">
-<title>GalleryModule&#45;&gt;GalleryItemDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M299.22,-142.8C257.35,-142.8 204.81,-142.8 204.81,-142.8 204.81,-142.8 204.81,-168.52 204.81,-168.52"/>
-<polygon fill="black" stroke="black" points="201.31,-168.52 204.81,-178.52 208.31,-168.52 201.31,-168.52"/>
-</g>
-<!-- GalleryThumbDef  -->
-<g id="node11" class="node">
-<title>GalleryThumbDef </title>
-<polygon fill="#fb8072" stroke="black" points="146.4,-214.8 23.6,-214.8 23.6,-178.8 146.4,-178.8 146.4,-214.8"/>
-<text text-anchor="middle" x="85" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryThumbDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryThumbDef  -->
-<g id="edge10" class="edge">
-<title>GalleryModule&#45;&gt;GalleryThumbDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M299.15,-135.8C218.69,-135.8 71.02,-135.8 71.02,-135.8 71.02,-135.8 71.02,-168.5 71.02,-168.5"/>
-<polygon fill="black" stroke="black" points="67.52,-168.5 71.02,-178.5 74.52,-168.5 67.52,-168.5"/>
-</g>
-</g>
-</svg>
-
-    </div>
-    <i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
-    <div class="btn-group size-buttons">
-        <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
-        <button id="reset" class="btn btn-default btn-sm">Reset</button>
-        <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
-    </div>
-</div>
-<script src="../js/libs/svg-pan-zoom.min.js"></script>
-<script src="../js/svg-pan-zoom.controls.js"></script>
-
-<ul class="nav nav-tabs" role="tablist">
-    <li  class="active" >
-        <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-    </li>
-    <li >
-        <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-    </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/src/lib/gallery.module.ts</code>
-        </p>
-
-
-
-
-
-        <div class="container-fluid module">
-            <div class="row">
-                <div class="col-sm-3">
-                    <h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" title="Official documentation about module imports"><span
-                                class="icon ion-ios-information-circle-outline"></a></h3>
-                    <ul class="list-group">
-                        <li class="list-group-item">
-                            <a href="../modules/GalleryBoxDef.html">GalleryBoxDef</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../modules/GalleryComponent.html">GalleryComponent</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../modules/GalleryImageDef.html">GalleryImageDef</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../modules/GalleryItemDef.html">GalleryItemDef</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../modules/GalleryThumbDef.html">GalleryThumbDef</a>
-                        </li>
-                    </ul>
-                </div>
-                <div class="col-sm-3">
-                    <h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" title="Official documentation about module exports"><span
-                                class="icon ion-ios-information-circle-outline"></a></h3>
-                    <ul class="list-group">
-                        <li class="list-group-item">
-                            <a href="../directives/GalleryBoxDef.html">GalleryBoxDef</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../components/GalleryComponent.html">GalleryComponent</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/GalleryImageDef.html">GalleryImageDef</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/GalleryItemDef.html">GalleryItemDef</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/GalleryThumbDef.html">GalleryThumbDef</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { NgModule } from &#x27;@angular/core&#x27;;
-import { GalleryComponent } from &#x27;./components/gallery.component&#x27;;
-import { GalleryImageDef } from &#x27;./directives/gallery-image-def.directive&#x27;;
-import { GalleryThumbDef } from &#x27;./directives/gallery-thumb-def.directive&#x27;;
-import { GalleryItemDef } from &#x27;./directives/gallery-item-def.directive&#x27;;
-import { GalleryBoxDef } from &#x27;./directives/gallery-box-def.directive&#x27;;
-
-@NgModule({
-  imports: [
-    GalleryComponent,
-    GalleryItemDef,
-    GalleryImageDef,
-    GalleryThumbDef,
-    GalleryBoxDef
-  ],
-  exports: [
-    GalleryComponent,
-    GalleryItemDef,
-    GalleryImageDef,
-    GalleryThumbDef,
-    GalleryBoxDef
-  ]
-})
-export class GalleryModule {
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
-            var COMPODOC_CURRENT_PAGE_URL = 'GalleryModule.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/modules/GalleryModule/dependencies.svg b/documentation/modules/GalleryModule/dependencies.svg
deleted file mode 100644
index 8cbce94a..00000000
--- a/documentation/modules/GalleryModule/dependencies.svg
+++ /dev/null
@@ -1,152 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Generated by graphviz version 2.47.3 (20210619.1520)
- -->
-<!-- Title: dependencies Pages: 1 -->
-<svg width="709pt" height="247pt"
- viewBox="0.00 0.00 709.00 246.80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 242.8)">
-<title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-242.8 705,-242.8 705,4 -4,4"/>
-<text text-anchor="middle" x="350.5" y="-8.2" font-family="sans-serif" font-size="14.00">dependencies</text>
-<g id="clust1" class="cluster">
-<title>cluster_GalleryModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-32.8 8,-230.8 693,-230.8 693,-32.8 8,-32.8"/>
-</g>
-<g id="clust4" class="cluster">
-<title>cluster_GalleryModule_exports</title>
-<polygon fill="none" stroke="black" points="16,-170.8 16,-222.8 685,-222.8 685,-170.8 16,-170.8"/>
-</g>
-<g id="clust3" class="cluster">
-<title>cluster_GalleryModule_imports</title>
-<polygon fill="none" stroke="black" points="25,-40.8 25,-92.8 677,-92.8 677,-40.8 25,-40.8"/>
-</g>
-<!-- GalleryBoxDef -->
-<g id="node1" class="node">
-<title>GalleryBoxDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="669.3,-84.8 666.3,-88.8 645.3,-88.8 642.3,-84.8 566.7,-84.8 566.7,-48.8 669.3,-48.8 669.3,-84.8"/>
-<text text-anchor="middle" x="618" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryBoxDef</text>
-</g>
-<!-- GalleryModule -->
-<g id="node6" class="node">
-<title>GalleryModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="400.53,-149.8 397.53,-153.8 376.53,-153.8 373.53,-149.8 299.47,-149.8 299.47,-113.8 400.53,-113.8 400.53,-149.8"/>
-<text text-anchor="middle" x="350" y="-127.6" font-family="Times,serif" font-size="14.00">GalleryModule</text>
-</g>
-<!-- GalleryBoxDef&#45;&gt;GalleryModule -->
-<g id="edge1" class="edge">
-<title>GalleryBoxDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M636.47,-85.07C636.47,-103.36 636.47,-128.8 636.47,-128.8 636.47,-128.8 410.55,-128.8 410.55,-128.8"/>
-<polygon fill="black" stroke="black" points="410.55,-125.3 400.55,-128.8 410.55,-132.3 410.55,-125.3"/>
-</g>
-<!-- GalleryComponent -->
-<g id="node2" class="node">
-<title>GalleryComponent</title>
-<polygon fill="#8dd3c7" stroke="black" points="548.81,-84.8 545.81,-88.8 524.81,-88.8 521.81,-84.8 425.19,-84.8 425.19,-48.8 548.81,-48.8 548.81,-84.8"/>
-<text text-anchor="middle" x="487" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryComponent</text>
-</g>
-<!-- GalleryComponent&#45;&gt;GalleryModule -->
-<g id="edge2" class="edge">
-<title>GalleryComponent&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M507.97,-84.81C507.97,-100.85 507.97,-121.8 507.97,-121.8 507.97,-121.8 410.85,-121.8 410.85,-121.8"/>
-<polygon fill="black" stroke="black" points="410.85,-118.3 400.85,-121.8 410.85,-125.3 410.85,-118.3"/>
-</g>
-<!-- GalleryImageDef -->
-<g id="node3" class="node">
-<title>GalleryImageDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="406.94,-84.8 403.94,-88.8 382.94,-88.8 379.94,-84.8 293.06,-84.8 293.06,-48.8 406.94,-48.8 406.94,-84.8"/>
-<text text-anchor="middle" x="350" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryImageDef</text>
-</g>
-<!-- GalleryImageDef&#45;&gt;GalleryModule -->
-<g id="edge3" class="edge">
-<title>GalleryImageDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M350,-84.91C350,-84.91 350,-103.79 350,-103.79"/>
-<polygon fill="black" stroke="black" points="346.5,-103.79 350,-113.79 353.5,-103.79 346.5,-103.79"/>
-</g>
-<!-- GalleryItemDef -->
-<g id="node4" class="node">
-<title>GalleryItemDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="275.12,-84.8 272.12,-88.8 251.12,-88.8 248.12,-84.8 170.88,-84.8 170.88,-48.8 275.12,-48.8 275.12,-84.8"/>
-<text text-anchor="middle" x="223" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryItemDef</text>
-</g>
-<!-- GalleryItemDef&#45;&gt;GalleryModule -->
-<g id="edge4" class="edge">
-<title>GalleryItemDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M238.94,-84.81C238.94,-100.85 238.94,-121.8 238.94,-121.8 238.94,-121.8 289.34,-121.8 289.34,-121.8"/>
-<polygon fill="black" stroke="black" points="289.34,-125.3 299.34,-121.8 289.34,-118.3 289.34,-125.3"/>
-</g>
-<!-- GalleryThumbDef -->
-<g id="node5" class="node">
-<title>GalleryThumbDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="152.9,-84.8 149.9,-88.8 128.9,-88.8 125.9,-84.8 33.1,-84.8 33.1,-48.8 152.9,-48.8 152.9,-84.8"/>
-<text text-anchor="middle" x="93" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryThumbDef</text>
-</g>
-<!-- GalleryThumbDef&#45;&gt;GalleryModule -->
-<g id="edge5" class="edge">
-<title>GalleryThumbDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M108.73,-85.07C108.73,-103.36 108.73,-128.8 108.73,-128.8 108.73,-128.8 289.42,-128.8 289.42,-128.8"/>
-<polygon fill="black" stroke="black" points="289.42,-132.3 299.42,-128.8 289.42,-125.3 289.42,-132.3"/>
-</g>
-<!-- GalleryBoxDef  -->
-<g id="node7" class="node">
-<title>GalleryBoxDef </title>
-<polygon fill="#fb8072" stroke="black" points="676.8,-214.8 571.2,-214.8 571.2,-178.8 676.8,-178.8 676.8,-214.8"/>
-<text text-anchor="middle" x="624" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryBoxDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryBoxDef  -->
-<g id="edge6" class="edge">
-<title>GalleryModule&#45;&gt;GalleryBoxDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M400.75,-135.8C474.81,-135.8 603.78,-135.8 603.78,-135.8 603.78,-135.8 603.78,-168.5 603.78,-168.5"/>
-<polygon fill="black" stroke="black" points="600.28,-168.5 603.78,-178.5 607.28,-168.5 600.28,-168.5"/>
-</g>
-<!-- GalleryComponent  -->
-<g id="node8" class="node">
-<title>GalleryComponent </title>
-<polygon fill="#fb8072" stroke="black" points="553.31,-214.8 426.69,-214.8 426.69,-178.8 553.31,-178.8 553.31,-214.8"/>
-<text text-anchor="middle" x="490" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryComponent </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryComponent  -->
-<g id="edge7" class="edge">
-<title>GalleryModule&#45;&gt;GalleryComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M400.76,-142.8C432.46,-142.8 467.28,-142.8 467.28,-142.8 467.28,-142.8 467.28,-168.52 467.28,-168.52"/>
-<polygon fill="black" stroke="black" points="463.78,-168.52 467.28,-178.52 470.78,-168.52 463.78,-168.52"/>
-</g>
-<!-- GalleryImageDef  -->
-<g id="node9" class="node">
-<title>GalleryImageDef </title>
-<polygon fill="#fb8072" stroke="black" points="408.94,-214.8 291.06,-214.8 291.06,-178.8 408.94,-178.8 408.94,-214.8"/>
-<text text-anchor="middle" x="350" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryImageDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryImageDef  -->
-<g id="edge8" class="edge">
-<title>GalleryModule&#45;&gt;GalleryImageDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M350,-149.91C350,-149.91 350,-168.79 350,-168.79"/>
-<polygon fill="black" stroke="black" points="346.5,-168.79 350,-178.79 353.5,-168.79 346.5,-168.79"/>
-</g>
-<!-- GalleryItemDef  -->
-<g id="node10" class="node">
-<title>GalleryItemDef </title>
-<polygon fill="#fb8072" stroke="black" points="273.12,-214.8 164.88,-214.8 164.88,-178.8 273.12,-178.8 273.12,-214.8"/>
-<text text-anchor="middle" x="219" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryItemDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryItemDef  -->
-<g id="edge9" class="edge">
-<title>GalleryModule&#45;&gt;GalleryItemDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M299.22,-142.8C257.35,-142.8 204.81,-142.8 204.81,-142.8 204.81,-142.8 204.81,-168.52 204.81,-168.52"/>
-<polygon fill="black" stroke="black" points="201.31,-168.52 204.81,-178.52 208.31,-168.52 201.31,-168.52"/>
-</g>
-<!-- GalleryThumbDef  -->
-<g id="node11" class="node">
-<title>GalleryThumbDef </title>
-<polygon fill="#fb8072" stroke="black" points="146.4,-214.8 23.6,-214.8 23.6,-178.8 146.4,-178.8 146.4,-214.8"/>
-<text text-anchor="middle" x="85" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryThumbDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryThumbDef  -->
-<g id="edge10" class="edge">
-<title>GalleryModule&#45;&gt;GalleryThumbDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M299.15,-135.8C218.69,-135.8 71.02,-135.8 71.02,-135.8 71.02,-135.8 71.02,-168.5 71.02,-168.5"/>
-<polygon fill="black" stroke="black" points="67.52,-168.5 71.02,-178.5 74.52,-168.5 67.52,-168.5"/>
-</g>
-</g>
-</svg>
diff --git a/documentation/modules/LightboxModule.html b/documentation/modules/LightboxModule.html
deleted file mode 100644
index 624fc63d..00000000
--- a/documentation/modules/LightboxModule.html
+++ /dev/null
@@ -1,310 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content module">
-                   <div class="content-data">
-
-
-
-<ol class="breadcrumb">
-    <li>Modules</li>
-    <li >LightboxModule</li>
-</ol>
-
-<div class="text-center module-graph-container">
-    <div id="module-graph-svg">
-        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Generated by graphviz version 2.47.3 (20210619.1520)
- -->
-<!-- Title: dependencies Pages: 1 -->
-<svg width="442pt" height="247pt"
- viewBox="0.00 0.00 442.00 246.80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 242.8)">
-<title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-242.8 438,-242.8 438,4 -4,4"/>
-<text text-anchor="middle" x="217" y="-8.2" font-family="sans-serif" font-size="14.00">dependencies</text>
-<g id="clust1" class="cluster">
-<title>cluster_LightboxModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-32.8 8,-230.8 426,-230.8 426,-32.8 8,-32.8"/>
-</g>
-<g id="clust3" class="cluster">
-<title>cluster_LightboxModule_imports</title>
-<polygon fill="none" stroke="black" points="21,-40.8 21,-92.8 413,-92.8 413,-40.8 21,-40.8"/>
-</g>
-<g id="clust4" class="cluster">
-<title>cluster_LightboxModule_exports</title>
-<polygon fill="none" stroke="black" points="16,-170.8 16,-222.8 418,-222.8 418,-170.8 16,-170.8"/>
-</g>
-<!-- GallerizeDirective -->
-<g id="node1" class="node">
-<title>GallerizeDirective</title>
-<polygon fill="#8dd3c7" stroke="black" points="404.88,-84.8 401.88,-88.8 380.88,-88.8 377.88,-84.8 285.12,-84.8 285.12,-48.8 404.88,-48.8 404.88,-84.8"/>
-<text text-anchor="middle" x="345" y="-62.6" font-family="Times,serif" font-size="14.00">GallerizeDirective</text>
-</g>
-<!-- LightboxModule -->
-<g id="node4" class="node">
-<title>LightboxModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="272.38,-149.8 269.38,-153.8 248.38,-153.8 245.38,-149.8 161.62,-149.8 161.62,-113.8 272.38,-113.8 272.38,-149.8"/>
-<text text-anchor="middle" x="217" y="-127.6" font-family="Times,serif" font-size="14.00">LightboxModule</text>
-</g>
-<!-- GallerizeDirective&#45;&gt;LightboxModule -->
-<g id="edge1" class="edge">
-<title>GallerizeDirective&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M365.65,-84.82C365.65,-102.17 365.65,-125.8 365.65,-125.8 365.65,-125.8 282.77,-125.8 282.77,-125.8"/>
-<polygon fill="black" stroke="black" points="282.77,-122.3 272.77,-125.8 282.77,-129.3 282.77,-122.3"/>
-</g>
-<!-- GalleryModule -->
-<g id="node2" class="node">
-<title>GalleryModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="267.53,-84.8 264.53,-88.8 243.53,-88.8 240.53,-84.8 166.47,-84.8 166.47,-48.8 267.53,-48.8 267.53,-84.8"/>
-<text text-anchor="middle" x="217" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryModule</text>
-</g>
-<!-- GalleryModule&#45;&gt;LightboxModule -->
-<g id="edge2" class="edge">
-<title>GalleryModule&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M217,-84.91C217,-84.91 217,-103.79 217,-103.79"/>
-<polygon fill="black" stroke="black" points="213.5,-103.79 217,-113.79 220.5,-103.79 213.5,-103.79"/>
-</g>
-<!-- LightboxDirective -->
-<g id="node3" class="node">
-<title>LightboxDirective</title>
-<polygon fill="#8dd3c7" stroke="black" points="148.92,-84.8 145.92,-88.8 124.92,-88.8 121.92,-84.8 29.08,-84.8 29.08,-48.8 148.92,-48.8 148.92,-84.8"/>
-<text text-anchor="middle" x="89" y="-62.6" font-family="Times,serif" font-size="14.00">LightboxDirective</text>
-</g>
-<!-- LightboxDirective&#45;&gt;LightboxModule -->
-<g id="edge3" class="edge">
-<title>LightboxDirective&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M107.4,-84.82C107.4,-102.17 107.4,-125.8 107.4,-125.8 107.4,-125.8 151.56,-125.8 151.56,-125.8"/>
-<polygon fill="black" stroke="black" points="151.56,-129.3 161.56,-125.8 151.56,-122.3 151.56,-129.3"/>
-</g>
-<!-- GallerizeDirective  -->
-<g id="node5" class="node">
-<title>GallerizeDirective </title>
-<polygon fill="#fb8072" stroke="black" points="410.38,-214.8 287.62,-214.8 287.62,-178.8 410.38,-178.8 410.38,-214.8"/>
-<text text-anchor="middle" x="349" y="-192.6" font-family="Times,serif" font-size="14.00">GallerizeDirective </text>
-</g>
-<!-- LightboxModule&#45;&gt;GallerizeDirective  -->
-<g id="edge4" class="edge">
-<title>LightboxModule&#45;&gt;GallerizeDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M272.44,-137.8C299.63,-137.8 326.6,-137.8 326.6,-137.8 326.6,-137.8 326.6,-168.78 326.6,-168.78"/>
-<polygon fill="black" stroke="black" points="323.1,-168.78 326.6,-178.78 330.1,-168.78 323.1,-168.78"/>
-</g>
-<!-- GalleryModule  -->
-<g id="node6" class="node">
-<title>GalleryModule </title>
-<polygon fill="#fb8072" stroke="black" points="269.53,-214.8 164.47,-214.8 164.47,-178.8 269.53,-178.8 269.53,-214.8"/>
-<text text-anchor="middle" x="217" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryModule </text>
-</g>
-<!-- LightboxModule&#45;&gt;GalleryModule  -->
-<g id="edge5" class="edge">
-<title>LightboxModule&#45;&gt;GalleryModule </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M217,-149.91C217,-149.91 217,-168.79 217,-168.79"/>
-<polygon fill="black" stroke="black" points="213.5,-168.79 217,-178.79 220.5,-168.79 213.5,-168.79"/>
-</g>
-<!-- LightboxDirective  -->
-<g id="node7" class="node">
-<title>LightboxDirective </title>
-<polygon fill="#fb8072" stroke="black" points="146.42,-214.8 23.58,-214.8 23.58,-178.8 146.42,-178.8 146.42,-214.8"/>
-<text text-anchor="middle" x="85" y="-192.6" font-family="Times,serif" font-size="14.00">LightboxDirective </text>
-</g>
-<!-- LightboxModule&#45;&gt;LightboxDirective  -->
-<g id="edge6" class="edge">
-<title>LightboxModule&#45;&gt;LightboxDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M161.22,-137.8C119.04,-137.8 68.35,-137.8 68.35,-137.8 68.35,-137.8 68.35,-168.78 68.35,-168.78"/>
-<polygon fill="black" stroke="black" points="64.85,-168.78 68.35,-178.78 71.85,-168.78 64.85,-168.78"/>
-</g>
-</g>
-</svg>
-
-    </div>
-    <i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
-    <div class="btn-group size-buttons">
-        <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
-        <button id="reset" class="btn btn-default btn-sm">Reset</button>
-        <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
-    </div>
-</div>
-<script src="../js/libs/svg-pan-zoom.min.js"></script>
-<script src="../js/svg-pan-zoom.controls.js"></script>
-
-<ul class="nav nav-tabs" role="tablist">
-    <li  class="active" >
-        <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-    </li>
-    <li >
-        <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-    </li>
-</ul>
-
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info">
-
-        <p class="comment">
-            <h3>File</h3>
-        </p>
-        <p class="comment">
-            <code>projects/ng-gallery/lightbox/src/lightbox.module.ts</code>
-        </p>
-
-
-
-
-
-        <div class="container-fluid module">
-            <div class="row">
-                <div class="col-sm-3">
-                    <h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" title="Official documentation about module imports"><span
-                                class="icon ion-ios-information-circle-outline"></a></h3>
-                    <ul class="list-group">
-                        <li class="list-group-item">
-                            <a href="../modules/GallerizeDirective.html">GallerizeDirective</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../modules/GalleryModule.html">GalleryModule</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../modules/LightboxDirective.html">LightboxDirective</a>
-                        </li>
-                    </ul>
-                </div>
-                <div class="col-sm-3">
-                    <h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" title="Official documentation about module exports"><span
-                                class="icon ion-ios-information-circle-outline"></a></h3>
-                    <ul class="list-group">
-                        <li class="list-group-item">
-                            <a href="../directives/GallerizeDirective.html">GallerizeDirective</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../modules/GalleryModule.html">GalleryModule</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/LightboxDirective.html">LightboxDirective</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-
-
-    </div>
-
-
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { NgModule } from &#x27;@angular/core&#x27;;
-import { GalleryModule } from &#x27;ng-gallery&#x27;;
-import { LightboxDirective } from &#x27;./lightbox.directive&#x27;;
-import { GallerizeDirective } from &#x27;./gallerize.directive&#x27;;
-
-@NgModule({
-  imports: [GalleryModule, LightboxDirective, GallerizeDirective],
-  exports: [GalleryModule, LightboxDirective, GallerizeDirective]
-})
-export class LightboxModule {
-}
-</code></pre>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
-            var COMPODOC_CURRENT_PAGE_URL = 'LightboxModule.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-
-       <script src="../js/libs/bootstrap-native.js"></script>
-
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-
-       <script src="../js/compodoc.js"></script>
-
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/modules/LightboxModule/dependencies.svg b/documentation/modules/LightboxModule/dependencies.svg
deleted file mode 100644
index e288c9d1..00000000
--- a/documentation/modules/LightboxModule/dependencies.svg
+++ /dev/null
@@ -1,104 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Generated by graphviz version 2.47.3 (20210619.1520)
- -->
-<!-- Title: dependencies Pages: 1 -->
-<svg width="442pt" height="247pt"
- viewBox="0.00 0.00 442.00 246.80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 242.8)">
-<title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-242.8 438,-242.8 438,4 -4,4"/>
-<text text-anchor="middle" x="217" y="-8.2" font-family="sans-serif" font-size="14.00">dependencies</text>
-<g id="clust1" class="cluster">
-<title>cluster_LightboxModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-32.8 8,-230.8 426,-230.8 426,-32.8 8,-32.8"/>
-</g>
-<g id="clust3" class="cluster">
-<title>cluster_LightboxModule_imports</title>
-<polygon fill="none" stroke="black" points="21,-40.8 21,-92.8 413,-92.8 413,-40.8 21,-40.8"/>
-</g>
-<g id="clust4" class="cluster">
-<title>cluster_LightboxModule_exports</title>
-<polygon fill="none" stroke="black" points="16,-170.8 16,-222.8 418,-222.8 418,-170.8 16,-170.8"/>
-</g>
-<!-- GallerizeDirective -->
-<g id="node1" class="node">
-<title>GallerizeDirective</title>
-<polygon fill="#8dd3c7" stroke="black" points="404.88,-84.8 401.88,-88.8 380.88,-88.8 377.88,-84.8 285.12,-84.8 285.12,-48.8 404.88,-48.8 404.88,-84.8"/>
-<text text-anchor="middle" x="345" y="-62.6" font-family="Times,serif" font-size="14.00">GallerizeDirective</text>
-</g>
-<!-- LightboxModule -->
-<g id="node4" class="node">
-<title>LightboxModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="272.38,-149.8 269.38,-153.8 248.38,-153.8 245.38,-149.8 161.62,-149.8 161.62,-113.8 272.38,-113.8 272.38,-149.8"/>
-<text text-anchor="middle" x="217" y="-127.6" font-family="Times,serif" font-size="14.00">LightboxModule</text>
-</g>
-<!-- GallerizeDirective&#45;&gt;LightboxModule -->
-<g id="edge1" class="edge">
-<title>GallerizeDirective&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M365.65,-84.82C365.65,-102.17 365.65,-125.8 365.65,-125.8 365.65,-125.8 282.77,-125.8 282.77,-125.8"/>
-<polygon fill="black" stroke="black" points="282.77,-122.3 272.77,-125.8 282.77,-129.3 282.77,-122.3"/>
-</g>
-<!-- GalleryModule -->
-<g id="node2" class="node">
-<title>GalleryModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="267.53,-84.8 264.53,-88.8 243.53,-88.8 240.53,-84.8 166.47,-84.8 166.47,-48.8 267.53,-48.8 267.53,-84.8"/>
-<text text-anchor="middle" x="217" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryModule</text>
-</g>
-<!-- GalleryModule&#45;&gt;LightboxModule -->
-<g id="edge2" class="edge">
-<title>GalleryModule&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M217,-84.91C217,-84.91 217,-103.79 217,-103.79"/>
-<polygon fill="black" stroke="black" points="213.5,-103.79 217,-113.79 220.5,-103.79 213.5,-103.79"/>
-</g>
-<!-- LightboxDirective -->
-<g id="node3" class="node">
-<title>LightboxDirective</title>
-<polygon fill="#8dd3c7" stroke="black" points="148.92,-84.8 145.92,-88.8 124.92,-88.8 121.92,-84.8 29.08,-84.8 29.08,-48.8 148.92,-48.8 148.92,-84.8"/>
-<text text-anchor="middle" x="89" y="-62.6" font-family="Times,serif" font-size="14.00">LightboxDirective</text>
-</g>
-<!-- LightboxDirective&#45;&gt;LightboxModule -->
-<g id="edge3" class="edge">
-<title>LightboxDirective&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M107.4,-84.82C107.4,-102.17 107.4,-125.8 107.4,-125.8 107.4,-125.8 151.56,-125.8 151.56,-125.8"/>
-<polygon fill="black" stroke="black" points="151.56,-129.3 161.56,-125.8 151.56,-122.3 151.56,-129.3"/>
-</g>
-<!-- GallerizeDirective  -->
-<g id="node5" class="node">
-<title>GallerizeDirective </title>
-<polygon fill="#fb8072" stroke="black" points="410.38,-214.8 287.62,-214.8 287.62,-178.8 410.38,-178.8 410.38,-214.8"/>
-<text text-anchor="middle" x="349" y="-192.6" font-family="Times,serif" font-size="14.00">GallerizeDirective </text>
-</g>
-<!-- LightboxModule&#45;&gt;GallerizeDirective  -->
-<g id="edge4" class="edge">
-<title>LightboxModule&#45;&gt;GallerizeDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M272.44,-137.8C299.63,-137.8 326.6,-137.8 326.6,-137.8 326.6,-137.8 326.6,-168.78 326.6,-168.78"/>
-<polygon fill="black" stroke="black" points="323.1,-168.78 326.6,-178.78 330.1,-168.78 323.1,-168.78"/>
-</g>
-<!-- GalleryModule  -->
-<g id="node6" class="node">
-<title>GalleryModule </title>
-<polygon fill="#fb8072" stroke="black" points="269.53,-214.8 164.47,-214.8 164.47,-178.8 269.53,-178.8 269.53,-214.8"/>
-<text text-anchor="middle" x="217" y="-192.6" font-family="Times,serif" font-size="14.00">GalleryModule </text>
-</g>
-<!-- LightboxModule&#45;&gt;GalleryModule  -->
-<g id="edge5" class="edge">
-<title>LightboxModule&#45;&gt;GalleryModule </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M217,-149.91C217,-149.91 217,-168.79 217,-168.79"/>
-<polygon fill="black" stroke="black" points="213.5,-168.79 217,-178.79 220.5,-168.79 213.5,-168.79"/>
-</g>
-<!-- LightboxDirective  -->
-<g id="node7" class="node">
-<title>LightboxDirective </title>
-<polygon fill="#fb8072" stroke="black" points="146.42,-214.8 23.58,-214.8 23.58,-178.8 146.42,-178.8 146.42,-214.8"/>
-<text text-anchor="middle" x="85" y="-192.6" font-family="Times,serif" font-size="14.00">LightboxDirective </text>
-</g>
-<!-- LightboxModule&#45;&gt;LightboxDirective  -->
-<g id="edge6" class="edge">
-<title>LightboxModule&#45;&gt;LightboxDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M161.22,-137.8C119.04,-137.8 68.35,-137.8 68.35,-137.8 68.35,-137.8 68.35,-168.78 68.35,-168.78"/>
-<polygon fill="black" stroke="black" points="64.85,-168.78 68.35,-178.78 71.85,-168.78 64.85,-168.78"/>
-</g>
-</g>
-</svg>
diff --git a/documentation/overview.html b/documentation/overview.html
deleted file mode 100644
index fe40f105..00000000
--- a/documentation/overview.html
+++ /dev/null
@@ -1,418 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>ng-gallery-project documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
-	   <link rel="stylesheet" href="./styles/style.css">
-        <link rel="stylesheet" href="./styles/dark.css">
-    </head>
-    <body>
-
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="./" class="navbar-brand">ng-gallery-project documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content overview">
-                   <div class="content-data">
-
-
-<ol class="breadcrumb">
-    <li>Overview</li>
-</ol>
-  
-<div class="text-center module-graph-container">
-    <div id="module-graph-svg">
-        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Generated by graphviz version 2.47.3 (20210619.1520)
- -->
-<!-- Title: dependencies Pages: 1 -->
-<svg width="1135pt" height="318pt"
- viewBox="0.00 0.00 1135.00 317.80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 313.8)">
-<title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-313.8 1131,-313.8 1131,4 -4,4"/>
-<text text-anchor="middle" x="563.5" y="-8.2" font-family="sans-serif" font-size="14.00">dependencies</text>
-<g id="clust1" class="cluster">
-<title>cluster_GalleryModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-32.8 8,-233.8 693,-233.8 693,-32.8 8,-32.8"/>
-</g>
-<g id="clust3" class="cluster">
-<title>cluster_GalleryModule_imports</title>
-<polygon fill="none" stroke="black" points="29,-40.8 29,-92.8 681,-92.8 681,-40.8 29,-40.8"/>
-</g>
-<g id="clust4" class="cluster">
-<title>cluster_GalleryModule_exports</title>
-<polygon fill="none" stroke="black" points="16,-173.8 16,-225.8 685,-225.8 685,-173.8 16,-173.8"/>
-</g>
-<g id="clust7" class="cluster">
-<title>cluster_LightboxModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="701,-100.8 701,-301.8 1119,-301.8 1119,-100.8 701,-100.8"/>
-</g>
-<g id="clust9" class="cluster">
-<title>cluster_LightboxModule_imports</title>
-<polygon fill="none" stroke="black" points="774,-108.8 774,-160.8 1047,-160.8 1047,-108.8 774,-108.8"/>
-</g>
-<g id="clust10" class="cluster">
-<title>cluster_LightboxModule_exports</title>
-<polygon fill="none" stroke="black" points="709,-241.8 709,-293.8 1111,-293.8 1111,-241.8 709,-241.8"/>
-</g>
-<!-- GalleryBoxDef -->
-<g id="node1" class="node">
-<title>GalleryBoxDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="673.3,-84.8 670.3,-88.8 649.3,-88.8 646.3,-84.8 570.7,-84.8 570.7,-48.8 673.3,-48.8 673.3,-84.8"/>
-<text text-anchor="middle" x="622" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryBoxDef</text>
-</g>
-<!-- GalleryModule -->
-<g id="node6" class="node">
-<title>GalleryModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="404.53,-152.8 401.53,-156.8 380.53,-156.8 377.53,-152.8 303.47,-152.8 303.47,-116.8 404.53,-116.8 404.53,-152.8"/>
-<text text-anchor="middle" x="354" y="-130.6" font-family="Times,serif" font-size="14.00">GalleryModule</text>
-</g>
-<!-- GalleryBoxDef&#45;&gt;GalleryModule -->
-<g id="edge1" class="edge">
-<title>GalleryBoxDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M639.13,-85.07C639.13,-103.36 639.13,-128.8 639.13,-128.8 639.13,-128.8 414.65,-128.8 414.65,-128.8"/>
-<polygon fill="black" stroke="black" points="414.65,-125.3 404.65,-128.8 414.65,-132.3 414.65,-125.3"/>
-</g>
-<!-- GalleryComponent -->
-<g id="node2" class="node">
-<title>GalleryComponent</title>
-<polygon fill="#8dd3c7" stroke="black" points="552.81,-84.8 549.81,-88.8 528.81,-88.8 525.81,-84.8 429.19,-84.8 429.19,-48.8 552.81,-48.8 552.81,-84.8"/>
-<text text-anchor="middle" x="491" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryComponent</text>
-</g>
-<!-- GalleryComponent&#45;&gt;GalleryModule -->
-<g id="edge2" class="edge">
-<title>GalleryComponent&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M470.45,-84.83C470.45,-101.2 470.45,-122.8 470.45,-122.8 470.45,-122.8 414.74,-122.8 414.74,-122.8"/>
-<polygon fill="black" stroke="black" points="414.74,-119.3 404.74,-122.8 414.74,-126.3 414.74,-119.3"/>
-</g>
-<!-- GalleryImageDef -->
-<g id="node3" class="node">
-<title>GalleryImageDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="410.94,-84.8 407.94,-88.8 386.94,-88.8 383.94,-84.8 297.06,-84.8 297.06,-48.8 410.94,-48.8 410.94,-84.8"/>
-<text text-anchor="middle" x="354" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryImageDef</text>
-</g>
-<!-- GalleryImageDef&#45;&gt;GalleryModule -->
-<g id="edge3" class="edge">
-<title>GalleryImageDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M354,-85.02C354,-85.02 354,-106.53 354,-106.53"/>
-<polygon fill="black" stroke="black" points="350.5,-106.53 354,-116.53 357.5,-106.53 350.5,-106.53"/>
-</g>
-<!-- GalleryItemDef -->
-<g id="node4" class="node">
-<title>GalleryItemDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="279.12,-84.8 276.12,-88.8 255.12,-88.8 252.12,-84.8 174.88,-84.8 174.88,-48.8 279.12,-48.8 279.12,-84.8"/>
-<text text-anchor="middle" x="227" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryItemDef</text>
-</g>
-<!-- GalleryItemDef&#45;&gt;GalleryModule -->
-<g id="edge4" class="edge">
-<title>GalleryItemDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M240.27,-84.83C240.27,-101.86 240.27,-124.8 240.27,-124.8 240.27,-124.8 293.45,-124.8 293.45,-124.8"/>
-<polygon fill="black" stroke="black" points="293.45,-128.3 303.45,-124.8 293.45,-121.3 293.45,-128.3"/>
-</g>
-<!-- GalleryThumbDef -->
-<g id="node5" class="node">
-<title>GalleryThumbDef</title>
-<polygon fill="#8dd3c7" stroke="black" points="156.9,-84.8 153.9,-88.8 132.9,-88.8 129.9,-84.8 37.1,-84.8 37.1,-48.8 156.9,-48.8 156.9,-84.8"/>
-<text text-anchor="middle" x="97" y="-62.6" font-family="Times,serif" font-size="14.00">GalleryThumbDef</text>
-</g>
-<!-- GalleryThumbDef&#45;&gt;GalleryModule -->
-<g id="edge5" class="edge">
-<title>GalleryThumbDef&#45;&gt;GalleryModule</title>
-<path fill="none" stroke="black" d="M151.58,-84.91C151.58,-104.14 151.58,-131.8 151.58,-131.8 151.58,-131.8 293.44,-131.8 293.44,-131.8"/>
-<polygon fill="black" stroke="black" points="293.44,-135.3 303.44,-131.8 293.44,-128.3 293.44,-135.3"/>
-</g>
-<!-- GalleryBoxDef  -->
-<g id="node7" class="node">
-<title>GalleryBoxDef </title>
-<polygon fill="#fb8072" stroke="black" points="676.8,-217.8 571.2,-217.8 571.2,-181.8 676.8,-181.8 676.8,-217.8"/>
-<text text-anchor="middle" x="624" y="-195.6" font-family="Times,serif" font-size="14.00">GalleryBoxDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryBoxDef  -->
-<g id="edge6" class="edge">
-<title>GalleryModule&#45;&gt;GalleryBoxDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M404.82,-140.8C478.19,-140.8 605.12,-140.8 605.12,-140.8 605.12,-140.8 605.12,-171.78 605.12,-171.78"/>
-<polygon fill="black" stroke="black" points="601.62,-171.78 605.12,-181.78 608.62,-171.78 601.62,-171.78"/>
-</g>
-<!-- GalleryComponent  -->
-<g id="node8" class="node">
-<title>GalleryComponent </title>
-<polygon fill="#fb8072" stroke="black" points="553.31,-217.8 426.69,-217.8 426.69,-181.8 553.31,-181.8 553.31,-217.8"/>
-<text text-anchor="middle" x="490" y="-195.6" font-family="Times,serif" font-size="14.00">GalleryComponent </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryComponent  -->
-<g id="edge7" class="edge">
-<title>GalleryModule&#45;&gt;GalleryComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M404.72,-146.8C450.77,-146.8 511.55,-146.8 511.55,-146.8 511.55,-146.8 511.55,-171.56 511.55,-171.56"/>
-<polygon fill="black" stroke="black" points="508.05,-171.56 511.55,-181.56 515.05,-171.56 508.05,-171.56"/>
-</g>
-<!-- GalleryImageDef  -->
-<g id="node9" class="node">
-<title>GalleryImageDef </title>
-<polygon fill="#fb8072" stroke="black" points="408.94,-217.8 291.06,-217.8 291.06,-181.8 408.94,-181.8 408.94,-217.8"/>
-<text text-anchor="middle" x="350" y="-195.6" font-family="Times,serif" font-size="14.00">GalleryImageDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryImageDef  -->
-<g id="edge8" class="edge">
-<title>GalleryModule&#45;&gt;GalleryImageDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M354,-152.91C354,-152.91 354,-171.79 354,-171.79"/>
-<polygon fill="black" stroke="black" points="350.5,-171.79 354,-181.79 357.5,-171.79 350.5,-171.79"/>
-</g>
-<!-- GalleryItemDef  -->
-<g id="node10" class="node">
-<title>GalleryItemDef </title>
-<polygon fill="#fb8072" stroke="black" points="273.12,-217.8 164.88,-217.8 164.88,-181.8 273.12,-181.8 273.12,-217.8"/>
-<text text-anchor="middle" x="219" y="-195.6" font-family="Times,serif" font-size="14.00">GalleryItemDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryItemDef  -->
-<g id="edge9" class="edge">
-<title>GalleryModule&#45;&gt;GalleryItemDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M303.17,-145.8C260.85,-145.8 207.48,-145.8 207.48,-145.8 207.48,-145.8 207.48,-171.52 207.48,-171.52"/>
-<polygon fill="black" stroke="black" points="203.98,-171.52 207.48,-181.52 210.98,-171.52 203.98,-171.52"/>
-</g>
-<!-- GalleryThumbDef  -->
-<g id="node11" class="node">
-<title>GalleryThumbDef </title>
-<polygon fill="#fb8072" stroke="black" points="146.4,-217.8 23.6,-217.8 23.6,-181.8 146.4,-181.8 146.4,-217.8"/>
-<text text-anchor="middle" x="85" y="-195.6" font-family="Times,serif" font-size="14.00">GalleryThumbDef </text>
-</g>
-<!-- GalleryModule&#45;&gt;GalleryThumbDef  -->
-<g id="edge10" class="edge">
-<title>GalleryModule&#45;&gt;GalleryThumbDef </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M303.46,-138.8C227.29,-138.8 91.88,-138.8 91.88,-138.8 91.88,-138.8 91.88,-171.5 91.88,-171.5"/>
-<polygon fill="black" stroke="black" points="88.38,-171.5 91.88,-181.5 95.38,-171.5 88.38,-171.5"/>
-</g>
-<!-- LightboxModule -->
-<g id="node14" class="node">
-<title>LightboxModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="897.38,-217.8 894.38,-221.8 873.38,-221.8 870.38,-217.8 786.62,-217.8 786.62,-181.8 897.38,-181.8 897.38,-217.8"/>
-<text text-anchor="middle" x="842" y="-195.6" font-family="Times,serif" font-size="14.00">LightboxModule</text>
-</g>
-<!-- GalleryModule&#45;&gt;LightboxModule -->
-<g id="edge12" class="edge">
-<title>GalleryModule&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M404.57,-134.8C499.9,-134.8 696.72,-134.8 696.72,-134.8 696.72,-134.8 696.72,-199.8 696.72,-199.8 696.72,-199.8 776.25,-199.8 776.25,-199.8"/>
-<polygon fill="black" stroke="black" points="776.25,-203.3 786.25,-199.8 776.25,-196.3 776.25,-203.3"/>
-</g>
-<!-- GallerizeDirective -->
-<g id="node12" class="node">
-<title>GallerizeDirective</title>
-<polygon fill="#8dd3c7" stroke="black" points="1038.88,-152.8 1035.88,-156.8 1014.88,-156.8 1011.88,-152.8 919.12,-152.8 919.12,-116.8 1038.88,-116.8 1038.88,-152.8"/>
-<text text-anchor="middle" x="979" y="-130.6" font-family="Times,serif" font-size="14.00">GallerizeDirective</text>
-</g>
-<!-- GallerizeDirective&#45;&gt;LightboxModule -->
-<g id="edge11" class="edge">
-<title>GallerizeDirective&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M940.91,-152.82C940.91,-170.17 940.91,-193.8 940.91,-193.8 940.91,-193.8 907.53,-193.8 907.53,-193.8"/>
-<polygon fill="black" stroke="black" points="907.53,-190.3 897.53,-193.8 907.53,-197.3 907.53,-190.3"/>
-</g>
-<!-- LightboxDirective -->
-<g id="node13" class="node">
-<title>LightboxDirective</title>
-<polygon fill="#8dd3c7" stroke="black" points="901.92,-152.8 898.92,-156.8 877.92,-156.8 874.92,-152.8 782.08,-152.8 782.08,-116.8 901.92,-116.8 901.92,-152.8"/>
-<text text-anchor="middle" x="842" y="-130.6" font-family="Times,serif" font-size="14.00">LightboxDirective</text>
-</g>
-<!-- LightboxDirective&#45;&gt;LightboxModule -->
-<g id="edge13" class="edge">
-<title>LightboxDirective&#45;&gt;LightboxModule</title>
-<path fill="none" stroke="black" d="M842,-152.91C842,-152.91 842,-171.79 842,-171.79"/>
-<polygon fill="black" stroke="black" points="838.5,-171.79 842,-181.79 845.5,-171.79 838.5,-171.79"/>
-</g>
-<!-- GallerizeDirective  -->
-<g id="node15" class="node">
-<title>GallerizeDirective </title>
-<polygon fill="#fb8072" stroke="black" points="1103.38,-285.8 980.62,-285.8 980.62,-249.8 1103.38,-249.8 1103.38,-285.8"/>
-<text text-anchor="middle" x="1042" y="-263.6" font-family="Times,serif" font-size="14.00">GallerizeDirective </text>
-</g>
-<!-- LightboxModule&#45;&gt;GallerizeDirective  -->
-<g id="edge14" class="edge">
-<title>LightboxModule&#45;&gt;GallerizeDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M897.82,-205.8C946.58,-205.8 1009.62,-205.8 1009.62,-205.8 1009.62,-205.8 1009.62,-239.53 1009.62,-239.53"/>
-<polygon fill="black" stroke="black" points="1006.13,-239.53 1009.62,-249.53 1013.13,-239.53 1006.13,-239.53"/>
-</g>
-<!-- GalleryModule  -->
-<g id="node16" class="node">
-<title>GalleryModule </title>
-<polygon fill="#fb8072" stroke="black" points="962.53,-285.8 857.47,-285.8 857.47,-249.8 962.53,-249.8 962.53,-285.8"/>
-<text text-anchor="middle" x="910" y="-263.6" font-family="Times,serif" font-size="14.00">GalleryModule </text>
-</g>
-<!-- LightboxModule&#45;&gt;GalleryModule  -->
-<g id="edge15" class="edge">
-<title>LightboxModule&#45;&gt;GalleryModule </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M877.46,-218.02C877.46,-218.02 877.46,-239.53 877.46,-239.53"/>
-<polygon fill="black" stroke="black" points="873.96,-239.53 877.46,-249.53 880.96,-239.53 873.96,-239.53"/>
-</g>
-<!-- LightboxDirective  -->
-<g id="node17" class="node">
-<title>LightboxDirective </title>
-<polygon fill="#fb8072" stroke="black" points="839.42,-285.8 716.58,-285.8 716.58,-249.8 839.42,-249.8 839.42,-285.8"/>
-<text text-anchor="middle" x="778" y="-263.6" font-family="Times,serif" font-size="14.00">LightboxDirective </text>
-</g>
-<!-- LightboxModule&#45;&gt;LightboxDirective  -->
-<g id="edge16" class="edge">
-<title>LightboxModule&#45;&gt;LightboxDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M813.01,-218.02C813.01,-218.02 813.01,-239.53 813.01,-239.53"/>
-<polygon fill="black" stroke="black" points="809.51,-239.53 813.01,-249.53 816.51,-239.53 809.51,-239.53"/>
-</g>
-</g>
-</svg>
-
-    </div>
-    <i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
-    <div class="btn-group size-buttons">
-        <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
-        <button id="reset" class="btn btn-default btn-sm">Reset</button>
-        <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
-    </div>
-</div>
-  
-<div class="tab-content overview">
-    <div class="row">
-        <div class="col-sm-3">
-            <div class="card text-center">
-                <div class="card-block">
-                    <h4 class="card-title"><span class="icon ion-ios-archive"></span></h4>
-                    <p class="card-text">
-                        <a href="./modules.html">2 Modules</a>
-                    </p>
-                </div>
-            </div>
-        </div>
-        <div class="col-sm-3">
-            <div class="card text-center">
-                <div class="card-block">
-                    <h4 class="card-title"><span class="icon ion-md-cog"></span></h4>
-                    <p class="card-text">16 Components</p>
-                </div>
-            </div>
-        </div>
-        <div class="col-sm-3">
-            <div class="card text-center">
-                <div class="card-block">
-                    <h4 class="card-title"><span class="icon ion-md-code-working"></span></h4>
-                    <p class="card-text">14 Directives</p>
-                </div>
-            </div>
-        </div>
-        <div class="col-sm-3">
-            <div class="card text-center">
-                <div class="card-block">
-                    <h4 class="card-title"><span class="icon ion-md-arrow-round-down"></span></h4>
-                    <p class="card-text">4 Injectables</p>
-                </div>
-            </div>
-        </div>
-        <div class="col-sm-3">
-            <div class="card text-center">
-                <div class="card-block">
-                    <h4 class="card-title"><span class="icon ion-ios-paper"></span></h4>
-                    <p class="card-text">9 Classes</p>
-                </div>
-            </div>
-        </div>
-        <div class="col-sm-3">
-            <div class="card text-center">
-                <div class="card-block">
-                    <h4 class="card-title"><span class="icon ion-md-information-circle-outline"></span></h4>
-                    <p class="card-text">17 Interfaces</p>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-<script src="js/libs/svg-pan-zoom.min.js"></script>
-<script src="js/svg-pan-zoom.controls.js"></script> 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 0;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'overview';
-            var COMPODOC_CURRENT_PAGE_URL = 'overview.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-
-       <script src="./js/libs/custom-elements.min.js"></script>
-       <script src="./js/libs/lit-html.js"></script>
-
-       <script src="./js/menu-wc.js" defer></script>
-       <script nomodule src="./js/menu-wc_es5.js" defer></script>
-
-       <script src="./js/libs/bootstrap-native.js"></script>
-
-       <script src="./js/libs/es6-shim.min.js"></script>
-       <script src="./js/libs/EventDispatcher.js"></script>
-       <script src="./js/libs/promise.min.js"></script>
-       <script src="./js/libs/zepto.min.js"></script>
-
-       <script src="./js/compodoc.js"></script>
-
-       <script src="./js/tabs.js"></script>
-       <script src="./js/menu.js"></script>
-       <script src="./js/libs/clipboard.min.js"></script>
-       <script src="./js/libs/prism.js"></script>
-       <script src="./js/sourceCode.js"></script>
-          <script src="./js/search/search.js"></script>
-          <script src="./js/search/lunr.min.js"></script>
-          <script src="./js/search/search-lunr.js"></script>
-          <script src="./js/search/search_index.js"></script>
-       <script src="./js/lazy-load-graphs.js"></script>
-
-
-    </body>
-</html>
diff --git a/documentation/styles/bootstrap-card.css b/documentation/styles/bootstrap-card.css
deleted file mode 100644
index 0869c689..00000000
--- a/documentation/styles/bootstrap-card.css
+++ /dev/null
@@ -1,219 +0,0 @@
-.card {
-  position: relative;
-  display: block;
-  margin-bottom: 20px;
-  background-color: #fff;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-}
-
-.card-block {
-  padding: 15px;
-}
-.card-block:before, .card-block:after {
-  content: " ";
-  display: table;
-}
-.card-block:after {
-  clear: both;
-}
-
-.card-title {
-  margin: 5px;
-  margin-bottom: 2px;
-  text-align: center;
-}
-
-.card-subtitle {
-  margin-top: -10px;
-  margin-bottom: 0;
-}
-
-.card-text:last-child {
-  margin-bottom: 0;
-  margin-top: 10px;
-}
-
-.card-link:hover {
-  text-decoration: none;
-}
-.card-link + .card-link {
-  margin-left: 15px;
-}
-
-.card > .list-group:first-child .list-group-item:first-child {
-  border-top-right-radius: 4px;
-  border-top-left-radius: 4px;
-}
-.card > .list-group:last-child .list-group-item:last-child {
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-
-.card-header {
-  padding: 10px 15px;
-  background-color: #f5f5f5;
-  border-bottom: 1px solid #ddd;
-}
-.card-header:before, .card-header:after {
-  content: " ";
-  display: table;
-}
-.card-header:after {
-  clear: both;
-}
-.card-header:first-child {
-  border-radius: 4px 4px 0 0;
-}
-
-.card-footer {
-  padding: 10px 15px;
-  background-color: #f5f5f5;
-  border-top: 1px solid #ddd;
-}
-.card-footer:before, .card-footer:after {
-  content: " ";
-  display: table;
-}
-.card-footer:after {
-  clear: both;
-}
-.card-footer:last-child {
-  border-radius: 0 0 4px 4px;
-}
-
-.card-header-tabs {
-  margin-right: -5px;
-  margin-bottom: -10px;
-  margin-left: -5px;
-  border-bottom: 0;
-}
-
-.card-header-pills {
-  margin-right: -5px;
-  margin-left: -5px;
-}
-
-.card-primary {
-  background-color: #337ab7;
-  border-color: #337ab7;
-}
-.card-primary .card-header,
-.card-primary .card-footer {
-  background-color: transparent;
-}
-
-.card-success {
-  background-color: #5cb85c;
-  border-color: #5cb85c;
-}
-.card-success .card-header,
-.card-success .card-footer {
-  background-color: transparent;
-}
-
-.card-info {
-  background-color: #5bc0de;
-  border-color: #5bc0de;
-}
-.card-info .card-header,
-.card-info .card-footer {
-  background-color: transparent;
-}
-
-.card-warning {
-  background-color: #f0ad4e;
-  border-color: #f0ad4e;
-}
-.card-warning .card-header,
-.card-warning .card-footer {
-  background-color: transparent;
-}
-
-.card-danger {
-  background-color: #d9534f;
-  border-color: #d9534f;
-}
-.card-danger .card-header,
-.card-danger .card-footer {
-  background-color: transparent;
-}
-
-.card-outline-primary {
-  background-color: transparent;
-  border-color: #337ab7;
-}
-
-.card-outline-secondary {
-  background-color: transparent;
-  border-color: #ccc;
-}
-
-.card-outline-info {
-  background-color: transparent;
-  border-color: #5bc0de;
-}
-
-.card-outline-success {
-  background-color: transparent;
-  border-color: #5cb85c;
-}
-
-.card-outline-warning {
-  background-color: transparent;
-  border-color: #f0ad4e;
-}
-
-.card-outline-danger {
-  background-color: transparent;
-  border-color: #d9534f;
-}
-
-.card-inverse .card-header,
-.card-inverse .card-footer {
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.card-inverse .card-header,
-.card-inverse .card-footer,
-.card-inverse .card-title,
-.card-inverse .card-blockquote {
-  color: #fff;
-}
-.card-inverse .card-link,
-.card-inverse .card-text,
-.card-inverse .card-subtitle,
-.card-inverse .card-blockquote .blockquote-footer {
-  color: rgba(255, 255, 255, 0.65);
-}
-.card-inverse .card-link:hover, .card-inverse .card-link:focus {
-  color: #fff;
-}
-
-.card-blockquote {
-  padding: 0;
-  margin-bottom: 0;
-  border-left: 0;
-}
-
-.card-img {
-  border-radius: .25em;
-}
-
-.card-img-overlay {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding: 15px;
-}
-
-.card-img-top {
-  border-top-right-radius: 4px;
-  border-top-left-radius: 4px;
-}
-
-.card-img-bottom {
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
diff --git a/documentation/styles/bootstrap.min.css b/documentation/styles/bootstrap.min.css
deleted file mode 100644
index 5b96335f..00000000
--- a/documentation/styles/bootstrap.min.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Bootstrap v3.4.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
-/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/documentation/styles/compodoc.css b/documentation/styles/compodoc.css
deleted file mode 100644
index 359490f9..00000000
--- a/documentation/styles/compodoc.css
+++ /dev/null
@@ -1,1074 +0,0 @@
-body {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    font-family: 'Roboto', sans-serif;
-}
-
-/* roboto-300 - latin */
-
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 300;
-    src: url('../fonts/roboto-v15-latin-300.eot');
-    /* IE9 Compat Modes */
-    src: local('Roboto Light'), local('Roboto-Light'),
-        url('../fonts/roboto-v15-latin-300.eot?#iefix') format('embedded-opentype'),
-        /* IE6-IE8 */ url('../fonts/roboto-v15-latin-300.woff2') format('woff2'),
-        /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-300.woff') format('woff'),
-        /* Modern Browsers */ url('../fonts/roboto-v15-latin-300.ttf') format('truetype'),
-        /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-300.svg#Roboto') format('svg');
-    /* Legacy iOS */
-}
-
-/* roboto-regular - latin */
-
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url('../fonts/roboto-v15-latin-regular.eot');
-    /* IE9 Compat Modes */
-    src: local('Roboto'), local('Roboto-Regular'),
-        url('../fonts/roboto-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
-        /* IE6-IE8 */ url('../fonts/roboto-v15-latin-regular.woff2') format('woff2'),
-        /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-regular.woff') format('woff'),
-        /* Modern Browsers */ url('../fonts/roboto-v15-latin-regular.ttf') format('truetype'),
-        /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-regular.svg#Roboto') format('svg');
-    /* Legacy iOS */
-}
-
-/* roboto-700 - latin */
-
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: url('../fonts/roboto-v15-latin-700.eot');
-    /* IE9 Compat Modes */
-    src: local('Roboto Bold'), local('Roboto-Bold'),
-        url('../fonts/roboto-v15-latin-700.eot?#iefix') format('embedded-opentype'),
-        /* IE6-IE8 */ url('../fonts/roboto-v15-latin-700.woff2') format('woff2'),
-        /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-700.woff') format('woff'),
-        /* Modern Browsers */ url('../fonts/roboto-v15-latin-700.ttf') format('truetype'),
-        /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-700.svg#Roboto') format('svg');
-    /* Legacy iOS */
-}
-
-h1 {
-    font-size: 26px;
-}
-
-h2 {
-    font-size: 22px;
-}
-
-h3 {
-    font-size: 20px;
-    font-weight: bold;
-}
-
-h4,
-h5 {
-    font-size: 18px;
-}
-
-h6 {
-    font-size: 16px;
-}
-
-a[href] {
-    cursor: pointer;
-}
-
-/**
- * Mobile navbar
- */
-
-.navbar {
-    min-height: 50px;
-}
-
-.navbar-brand {
-    height: 50px;
-    font-size: 14px;
-    line-height: 20px;
-    padding: 15px;
-}
-
-.navbar-static-top {
-    margin-bottom: 0;
-    height: 50px;
-}
-
-/**
- * Main container
- */
-
-.container-fluid {
-    overflow-y: hidden;
-    overflow-x: hidden;
-}
-
-.container-fluid.main {
-    height: 100%;
-    padding: 0;
-}
-
-.tab-content.overview {
-    margin-top: 50px;
-    margin-left: 15px;
-}
-
-.container-fluid.modules,
-.container-fluid.components,
-.container-fluid.directives,
-.container-fluid.classes,
-.container-fluid.injectables,
-.container-fluid.pipes,
-.content.routes table {
-    margin-top: 25px;
-}
-
-.container-fluid.modules {
-    width: 100%;
-    overflow-y: auto;
-}
-
-.container-fluid.module {
-    padding: 0;
-    margin-top: 0;
-}
-
-.container-fluid.module h3 a {
-    margin-left: 10px;
-    color: #333;
-}
-
-.row.main {
-    height: 100%;
-    margin: 0;
-}
-
-/**
- * Copyright
- */
-
-.copyright {
-    margin: 0;
-    padding: 15px;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    z-index: 1;
-}
-
-.copyright img {
-    width: 80px;
-    margin-top: 10px;
-}
-
-.copyright a {
-    color: #009dff;
-    text-decoration: underline;
-}
-
-/**
- * Content
- */
-
-.content {
-    height: 100%;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-    width: calc(100% - 320px);
-    position: absolute;
-    top: 0;
-    left: 320px;
-    padding: 15px 30px;
-}
-
-.content > h1:first-of-type {
-    margin-top: 15px;
-}
-
-.content > h3:first-of-type {
-    margin-top: 5px;
-}
-
-.content.readme h1:first-of-type {
-    margin-top: 0;
-}
-
-.content table {
-    margin-top: 20px;
-}
-
-.content-data {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-}
-
-.content-data .tab-content {
-    flex: 1;
-}
-
-.content-data .tab-pane {
-    height: 100%;
-}
-
-.content-data .exampleContainer {
-    height: 100%;
-    width: 100%;
-}
-
-/**
- * Icons
- */
-
-.glyphicon,
-.icon {
-    margin-right: 10px;
-}
-
-/**
- * Menu
- */
-
-#book-search-input {
-    padding: 6px;
-    transition: top 0.5s ease;
-    background: #fff;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
-    border-top: 1px solid rgba(0, 0, 0, 0.07);
-    margin-bottom: 5px;
-    margin-top: -1px;
-}
-
-#book-search-input input,
-#book-search-input input:focus,
-#book-search-input input:hover {
-    width: 100%;
-    background: 0 0;
-    border: 1px solid transparent;
-    box-shadow: none;
-    outline: 0;
-    line-height: 22px;
-    padding: 7px 7px;
-    color: inherit;
-}
-
-.panel-body {
-    padding: 0px;
-}
-
-.panel-group .panel-heading + .panel-collapse > .list-group,
-.panel-group .panel-heading + .panel-collapse > .panel-body {
-    border-top: 0;
-}
-
-.panel-body table tr td {
-    padding-left: 15px;
-}
-
-.panel-body .table {
-    margin-bottom: 0px;
-}
-
-.panel-group .panel:first-child {
-    border-top: 0;
-}
-
-.menu {
-    background: #fafafa;
-    border-right: 1px solid #e7e7e7;
-    height: 100%;
-    padding: 0;
-    width: 320px;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-}
-
-.menu ul.list {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.menu ul.list li a {
-    display: block;
-    padding: 10px 15px;
-    border-bottom: none;
-    color: #364149;
-    background: 0 0;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-    position: relative;
-}
-
-.menu ul.list li a.active {
-    color: #008cff;
-}
-
-.menu ul.list li.divider {
-    height: 1px;
-    margin: 7px 0;
-    overflow: hidden;
-    background: rgba(0, 0, 0, 0.07);
-}
-
-.menu ul.list li.chapter ul.links {
-    padding-left: 20px;
-}
-
-.menu ul.list li.for-chapter2 {
-    padding-left: 0;
-}
-
-.menu ul.list li.for-chapter3 {
-    padding-left: 20px;
-}
-
-.menu ul.list li.for-chapter4 {
-    padding-left: 40px;
-}
-
-.menu ul.list li.for-chapter5 {
-    padding-left: 60px;
-}
-
-.menu ul.list li.chapter .simple {
-    padding: 10px 15px;
-    position: relative;
-}
-
-.menu ul.list li.chapter .inner .simple {
-    padding-left: 35px;
-}
-
-.menu ul.list li.chapter .inner ul.links {
-    padding-left: 40px;
-}
-
-.menu ul.list li.chapter.additional .inner ul.links {
-    padding-left: 20px;
-}
-
-.menu .panel-group {
-    width: 100%;
-    height: 100%;
-    overflow-y: auto;
-}
-
-.menu .panel-default {
-    border-right: none;
-    border-left: none;
-    border-bottom: none;
-}
-
-.menu .panel-group .panel-heading + .panel-collapse > .panel-body {
-    border-top: none;
-    overflow-y: auto;
-    max-height: 350px;
-}
-
-.menu .panel-default:last-of-type {
-    border-bottom: 1px solid #ddd;
-}
-
-.panel-group .panel + .panel {
-    margin-top: 0;
-}
-
-.panel-group .panel {
-    z-index: 2;
-    position: relative;
-    border-radius: 0;
-    box-shadow: none;
-    border-left: 0;
-    border-right: 0;
-}
-
-.menu a {
-    color: #3c3c3c;
-}
-
-.xs-menu ul.list li:nth-child(2) {
-    margin: 0;
-    background: none;
-}
-
-.menu ul.list li:nth-child(2) {
-    margin: 0;
-    background: none;
-}
-
-.menu .title {
-    padding: 8px 0;
-}
-
-.menu-toggler {
-    cursor: pointer;
-}
-
-.menu-toggler .ion-ios-arrow-down,
-.menu-toggler .ion-ios-arrow-up {
-    cursor: pointer;
-    padding: 5px 10px;
-    font-size: 16px;
-    position: absolute;
-    right: 0;
-    top: 7px;
-}
-
-.overview .card-title .icon {
-    font-size: 50px;
-}
-
-.overview .card-text a {
-    text-decoration: underline;
-    color: black;
-}
-
-.overview .col-sm-3 {
-    width: 200px;
-}
-
-.breadcrumb {
-    background: none;
-    padding-left: 0 !important;
-    margin-bottom: 10px;
-    font-size: 24px;
-    padding-top: 0;
-}
-
-.breadcrumb a {
-    text-decoration: underline;
-    color: #333;
-}
-
-.comment {
-    margin: 15px 0;
-}
-
-.io-description {
-    margin: 10px 0;
-}
-
-.io-file {
-    margin: 20px 0;
-}
-
-.navbar .btn-menu {
-    position: absolute;
-    right: 0;
-    margin: 10px;
-}
-
-.content ul.nav {
-    padding-left: 0;
-}
-
-.xs-menu {
-    height: calc(100% - 50px);
-    display: none;
-    width: 100%;
-    overflow-y: scroll;
-    z-index: 1;
-    top: 50px;
-    position: absolute;
-}
-
-.xs-menu .copyright {
-    margin-top: 20px;
-    position: relative;
-}
-
-.tab-source-code {
-    padding: 10px 0;
-}
-
-pre {
-    padding: 12px 12px;
-    border: none;
-    background: #23241f;
-}
-
-code {
-    background: none;
-    padding: 2px 0;
-}
-
-@media (max-width: 767px) {
-    .container-fluid {
-        margin-top: 50px;
-    }
-
-    .container-fluid.main {
-        height: calc(100% - 50px);
-    }
-
-    .content {
-        width: 100%;
-        left: 0;
-        position: relative;
-    }
-
-    .menu ul.list li.title {
-        display: none;
-    }
-}
-
-/**
- * Search
- */
-
-.search-results {
-    display: none;
-    max-width: 800px;
-    margin: 0 auto;
-    padding: 20px 15px 40px 15px;
-}
-
-.search-results .no-results {
-    display: none;
-}
-
-.with-search .search-results {
-    display: block;
-}
-
-.with-search .content-data {
-    display: none;
-}
-
-.with-search .xs-menu {
-    height: 51px;
-}
-
-.with-search .xs-menu nav {
-    display: none;
-}
-
-.search-results.no-results .has-results {
-    display: none;
-}
-
-.search-results.no-results .no-results {
-    display: block;
-}
-
-.search-results .search-results-title {
-    text-transform: uppercase;
-    text-align: center;
-    font-weight: 200;
-    margin-bottom: 35px;
-    opacity: 0.6;
-}
-
-.search-results ul.search-results-list {
-    list-style-type: none;
-    padding-left: 0;
-}
-
-.search-results ul.search-results-list li {
-    margin-bottom: 1.5rem;
-    padding-bottom: 0.5rem;
-}
-
-.search-results ul.search-results-list li p em {
-    background-color: rgba(255, 220, 0, 0.4);
-    font-style: normal;
-}
-
-.search-results-item {
-    margin-bottom: 1rem !important;
-    margin-top: 1rem;
-    padding-bottom: 0 !important;
-}
-
-.search-results-item a {
-    font-size: 18px;
-}
-
-.search-results-group,
-.search-results-group .search-results-list {
-    margin-bottom: 0 !important;
-}
-
-.search-results-group h3 {
-    margin-top: 10px;
-}
-
-.jsdoc-params {
-    list-style: square;
-    margin-top: 10px;
-    margin-bottom: 0 !important;
-}
-
-.jsdoc-params li {
-    padding-bottom: 10px;
-}
-
-.jsdoc-example-ul ul {
-    padding-left: 20px;
-}
-
-example-url {
-    display: none;
-}
-
-i {
-    font-style: italic;
-}
-
-.coverage a {
-    color: #333;
-    text-decoration: underline;
-}
-
-.coverage tr.low,
-.coverage td.low {
-    background: rgba(216, 96, 75, 0.75);
-}
-
-.coverage tr.medium,
-.coverage td.medium {
-    background: rgba(218, 178, 38, 0.75);
-}
-
-.coverage tr.good,
-.coverage td.good {
-    background: rgba(143, 189, 8, 0.75);
-}
-
-.coverage tr.very-good,
-.coverage td.very-good {
-    background: rgba(77, 199, 31, 0.75);
-}
-
-.coverage td.uncovered {
-    background: rgba(221, 221, 221, 0.75);
-}
-
-.coverage-header {
-    background: #fafafa;
-}
-
-thead.coverage-header > tr > td,
-thead.coverage-header > tr > th {
-    border-bottom-width: 0;
-}
-
-th[role='columnheader'].statements:not(.no-sort):after {
-    margin-left: 10px;
-}
-
-.coverage-count {
-    color: grey;
-    font-size: 12px;
-    margin-left: 10px;
-    display: inline-block;
-    width: 50px;
-}
-
-.coverage-badge {
-    background: #5d5d5d;
-    border-radius: 4px;
-    display: inline-block;
-    color: white;
-    padding: 4px;
-    padding-right: 0;
-    padding-left: 8px;
-}
-
-.coverage-badge .count {
-    padding: 6px;
-    margin-left: 5px;
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-}
-
-.coverage-badge .count.low {
-    background: #d8624c;
-}
-
-.coverage-badge .count.medium {
-    background: #dab226;
-}
-
-.coverage-badge .count.good {
-    background: #8fbd08;
-}
-
-.coverage-badge .count.very-good {
-    background: #4dc71f;
-}
-
-.content ol {
-    list-style-type: decimal;
-    margin-top: 0;
-    padding-left: 20px;
-    margin-bottom: 16px;
-}
-
-.content ul {
-    list-style: disc;
-    margin-top: 0;
-    padding-left: 20px;
-    margin-bottom: 16px;
-}
-
-.content ul.list-group {
-    padding-left: 0;
-}
-
-.content ul.list-group li.list-group-item a {
-    display: inline-block;
-    max-width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.content ul ul {
-    list-style-type: circle;
-}
-
-.compodoc-table {
-    width: inherit;
-}
-
-.compodoc-table thead {
-    font-weight: bold;
-}
-
-.modifier {
-    background: #9a9a9a;
-    padding: 1px 5px;
-    color: white;
-    border-radius: 4px;
-}
-
-.modifier-icon {
-    color: #c7254e;
-}
-
-.modifier-icon.method {
-    color: white;
-    background: #c7254e;
-    padding: 4px;
-    border-radius: 8px;
-    font-size: 10px;
-    margin-right: 2px;
-}
-
-.modifier-icon.method.square {
-    border-radius: 4px;
-}
-
-.modifier-icon.method.export {
-    display: none;
-}
-
-.modifier-icon.method .ion-ios-radio-button-off,
-.modifier-icon.method .ion-ios-square-outline {
-    display: none;
-}
-
-.modifier-icon.method .ion-ios-lock {
-    margin-right: 0;
-}
-
-.modifier-icon.ion-ios-reset {
-    margin-right: 0;
-}
-
-/**
- * Modules
- */
-
-.card-module {
-    min-height: 323px;
-}
-
-/**
- * Routes graph
- */
-
-.node text {
-    font-size: 12px;
-}
-
-.node .icon {
-    font-size: 15px;
-    cursor: default;
-}
-
-.node .icon.has-children {
-    cursor: pointer;
-}
-
-path.link {
-    fill: none;
-    stroke: #9ecae1;
-    stroke-width: 1.5px;
-}
-
-#body-routes a {
-    text-decoration: underline;
-}
-
-#body-routes svg {
-    overflow: visible;
-}
-
-/**
- * Miscellaneous
- */
-
-.content.miscellaneous h2 {
-    margin-bottom: 20px;
-}
-
-.content.miscellaneous h4 {
-    padding-top: 20px;
-}
-
-/* highlight line */
-
-.line-highlight {
-    background: linear-gradient(to right, hsla(0, 0%, 100%, 0.1) 70%, hsla(24, 20%, 50%, 0));
-}
-
-#tree-container {
-    width: 100%;
-    height: 100%;
-}
-
-#tree {
-    position: relative;
-}
-
-.tree-legend {
-    position: absolute;
-    bottom: 10px;
-    left: 10px;
-    border: 1px solid #ddd;
-    padding: 5px 10px;
-}
-
-.tree-legend .title {
-    margin-bottom: 8px;
-}
-
-.tree-legend .color {
-    width: 20px;
-    height: 12px;
-    display: inline-block;
-    margin-right: 5px;
-}
-
-.tree-legend .htmlelement {
-    background: #97c2fc;
-}
-
-.tree-legend .component {
-    background: #fb7e81;
-}
-
-.tree-legend .directive {
-    background: #ff9800;
-}
-
-#module-graph-svg {
-    width: 100%;
-    height: 250px;
-}
-
-#module-graph-svg svg {
-    width: 100%;
-    height: 100%;
-}
-
-.content ul.type-parameters {
-    margin-bottom: 5px;
-}
-
-table.params {
-    width: 100%;
-    margin: 10px 0;
-    border-spacing: 0;
-    border: 0;
-    border-collapse: collapse;
-}
-
-table.params thead {
-    background: #f5f5f5;
-    color: #525252;
-}
-
-table.params td {
-    padding: 4px;
-    border: solid 1px #ddd;
-}
-
-table.params td p {
-    margin: 0;
-}
-
-.img-responsive {
-    display: inline-block;
-}
-
-.index-table h6 {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-ul.index-list {
-    list-style: none;
-    padding: 0;
-    column-gap: 20px;
-    column-count: 3;
-    line-height: 25px;
-    margin-bottom: 0;
-}
-
-.no-graph {
-    text-align: center;
-    height: 175px;
-    line-height: 175px;
-}
-
-.name a {
-    display: none;
-    color: #6e6e6e;
-    margin-left: 5px;
-}
-
-.name:hover a {
-    display: inline-block;
-}
-
-.accessor b {
-    color: #808080;
-    margin-right: 8px;
-    font-weight: normal;
-}
-
-.module-graph-container {
-    position: relative;
-}
-
-.module-graph-container .size-buttons {
-    margin-top: 10px;
-}
-
-.module-graph-fullscreen-btn {
-    position: absolute;
-    right: 5px;
-    top: 0;
-    cursor: pointer;
-}
-
-/**
- * Dependencies
- */
-
-.package-dependencies ul {
-    list-style: none;
-    margin: 0;
-}
-
-.package-dependencies li {
-    margin: 5px 0;
-}
-
-.deprecated {
-    color: #e73440;
-}
-.deprecated p {
-    margin-bottom: 0;
-}
-.deprecated-name,
-.deprecated-name:hover {
-    text-decoration: line-through;
-}
-.deprecated-name::before {
-    text-decoration: none;
-    display: inline-block;
-}
-
-/**
- * Dark mode
- */
-
-.dark-mode-switch {
-    position: absolute;
-    top: 70px;
-    right: 15px;
-    display: inline-block;
-    width: 60px;
-    height: 34px;
-}
-
-.dark-mode-switch input {
-    opacity: 0;
-    width: 0;
-    height: 0;
-}
-
-.dark-mode-switch .slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #5cc0ae80;
-    border-radius: 34px;
-    transition: 0.6s;
-}
-
-.dark-mode-switch .slider:before {
-    position: absolute;
-    content: '';
-    height: 26px;
-    width: 26px;
-    left: 4px;
-    bottom: 4px;
-    background-color: white;
-    border-radius: 50%;
-    transition: 0.4s;
-}
-
-.dark-mode-switch input:checked + .slider {
-    background-color: #f1c40fb8;
-}
-
-.dark-mode-switch.dark .slider-icon {
-    stroke: black;
-}
-
-.dark-mode-switch input:checked + .slider:before {
-    transform: translateX(26px);
-}
-
-.dark-mode-switch .slider-icon {
-    transform: rotate(250deg);
-    position: absolute;
-    right: 6px;
-    top: 7px;
-    stroke: white;
-}
-
-@media (min-width: 768px) {
-    .dark-mode-switch {
-        top: 15px;
-    }
-}
\ No newline at end of file
diff --git a/documentation/styles/dark.css b/documentation/styles/dark.css
deleted file mode 100644
index b3095939..00000000
--- a/documentation/styles/dark.css
+++ /dev/null
@@ -1,117 +0,0 @@
-body.dark {
-    background: #212121;
-    color: #fafafa;
-}
-
-.dark code {
-    color: #e09393;
-}
-
-.dark a,
-.dark .menu ul.list li a.active {
-    color: #7fc9ff;
-}
-
-.dark .menu {
-    background: #212121;
-    border-right: 1px solid #444;
-}
-
-.dark .menu ul.list li a {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li.divider {
-    background: #444;
-}
-
-.dark .xs-menu ul.list li:nth-child(2) {
-    margin: 0;
-    background: none;
-}
-
-.dark .menu ul.list li:nth-child(2) {
-    margin: 0;
-    background: none;
-}
-
-.dark #book-search-input {
-    background: #212121;
-    border-top: 1px solid #444;
-    border-bottom: 1px solid #444;
-    color: #fafafa;
-}
-
-.dark .table.metadata > tbody > tr:hover {
-    color: #555;
-}
-
-.dark .table-bordered {
-    border: 1px solid #444;
-}
-
-.dark .table-bordered > tbody > tr > td,
-.dark .table-bordered > tbody > tr > th,
-.dark .table-bordered > tfoot > tr > td,
-.dark .table-bordered > tfoot > tr > th,
-.dark .table-bordered > thead > tr > td,
-.dark .table-bordered > thead > tr > th {
-    border: 1px solid #444;
-}
-
-.dark .coverage a,
-.dark .coverage-count {
-    color: #fafafa;
-}
-
-.dark .coverage-header {
-    color: black;
-}
-
-.dark .routes svg text,
-.dark .routes svg a {
-    fill: white;
-}
-.dark .routes svg rect {
-    fill: #212121 !important;
-}
-
-.dark .navbar-default,
-.dark .btn-default {
-    background-color: black;
-    border-color: #444;
-    color: #fafafa;
-}
-
-.dark .navbar-default .navbar-brand {
-    color: #fafafa;
-}
-
-.dark .overview .card,
-.dark .modules .card {
-    background: #171717;
-    color: #fafafa;
-    border: 1px solid #444;
-}
-.dark .overview .card a {
-    color: #fafafa;
-}
-
-.dark .modules .card-header {
-    background: none;
-    border-bottom: 1px solid #444;
-}
-
-.dark .module .list-group-item {
-    background: none;
-    border: 1px solid #444;
-}
-
-.dark .container-fluid.module h3 a {
-    color: #337ab7;
-}
-
-.dark table.params thead {
-    background: #484848;
-    color: #fafafa;
-}
diff --git a/documentation/styles/ionicons.min.css b/documentation/styles/ionicons.min.css
deleted file mode 100644
index e50e1bb3..00000000
--- a/documentation/styles/ionicons.min.css
+++ /dev/null
@@ -1,11 +0,0 @@
-﻿/*!
-  Ionicons, v4.1.2
-  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
-  https://twitter.com/benjsperry  https://twitter.com/ionicframework
-  MIT License: https://github.com/driftyco/ionicons
-
-  Android-style icons originally built by Google’s
-  Material Design Icons: https://github.com/google/material-design-icons
-  used under CC BY http://creativecommons.org/licenses/by/4.0/
-  Modified icons to fit ionicon’s grid from original.
-*/@font-face{font-family:"Ionicons";src:url("../fonts/ionicons.eot?v=4.1.2");src:url("../fonts/ionicons.eot?v=4.1.2#iefix") format("embedded-opentype"),url("../fonts/ionicons.woff2?v=4.1.2") format("woff2"),url("../fonts/ionicons.woff?v=4.1.2") format("woff"),url("../fonts/ionicons.ttf?v=4.1.2") format("truetype"),url("../fonts/ionicons.svg?v=4.1.2#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-ios-add:before,.ion-ios-add-circle:before,.ion-ios-add-circle-outline:before,.ion-ios-airplane:before,.ion-ios-alarm:before,.ion-ios-albums:before,.ion-ios-alert:before,.ion-ios-american-football:before,.ion-ios-analytics:before,.ion-ios-aperture:before,.ion-ios-apps:before,.ion-ios-appstore:before,.ion-ios-archive:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-dropdown:before,.ion-ios-arrow-dropdown-circle:before,.ion-ios-arrow-dropleft:before,.ion-ios-arrow-dropleft-circle:before,.ion-ios-arrow-dropright:before,.ion-ios-arrow-dropright-circle:before,.ion-ios-arrow-dropup:before,.ion-ios-arrow-dropup-circle:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-round-back:before,.ion-ios-arrow-round-down:before,.ion-ios-arrow-round-forward:before,.ion-ios-arrow-round-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-attach:before,.ion-ios-backspace:before,.ion-ios-barcode:before,.ion-ios-baseball:before,.ion-ios-basket:before,.ion-ios-basketball:before,.ion-ios-battery-charging:before,.ion-ios-battery-dead:before,.ion-ios-battery-full:before,.ion-ios-beaker:before,.ion-ios-bed:before,.ion-ios-beer:before,.ion-ios-bicycle:before,.ion-ios-bluetooth:before,.ion-ios-boat:before,.ion-ios-body:before,.ion-ios-bonfire:before,.ion-ios-book:before,.ion-ios-bookmark:before,.ion-ios-bookmarks:before,.ion-ios-bowtie:before,.ion-ios-briefcase:before,.ion-ios-browsers:before,.ion-ios-brush:before,.ion-ios-bug:before,.ion-ios-build:before,.ion-ios-bulb:before,.ion-ios-bus:before,.ion-ios-business:before,.ion-ios-cafe:before,.ion-ios-calculator:before,.ion-ios-calendar:before,.ion-ios-call:before,.ion-ios-camera:before,.ion-ios-car:before,.ion-ios-card:before,.ion-ios-cart:before,.ion-ios-cash:before,.ion-ios-cellular:before,.ion-ios-chatboxes:before,.ion-ios-chatbubbles:before,.ion-ios-checkbox:before,.ion-ios-checkbox-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-circle:before,.ion-ios-checkmark-circle-outline:before,.ion-ios-clipboard:before,.ion-ios-clock:before,.ion-ios-close:before,.ion-ios-close-circle:before,.ion-ios-close-circle-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-circle:before,.ion-ios-cloud-done:before,.ion-ios-cloud-download:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-code:before,.ion-ios-code-download:before,.ion-ios-code-working:before,.ion-ios-cog:before,.ion-ios-color-fill:before,.ion-ios-color-filter:before,.ion-ios-color-palette:before,.ion-ios-color-wand:before,.ion-ios-compass:before,.ion-ios-construct:before,.ion-ios-contact:before,.ion-ios-contacts:before,.ion-ios-contract:before,.ion-ios-contrast:before,.ion-ios-copy:before,.ion-ios-create:before,.ion-ios-crop:before,.ion-ios-cube:before,.ion-ios-cut:before,.ion-ios-desktop:before,.ion-ios-disc:before,.ion-ios-document:before,.ion-ios-done-all:before,.ion-ios-download:before,.ion-ios-easel:before,.ion-ios-egg:before,.ion-ios-exit:before,.ion-ios-expand:before,.ion-ios-eye:before,.ion-ios-eye-off:before,.ion-ios-fastforward:before,.ion-ios-female:before,.ion-ios-filing:before,.ion-ios-film:before,.ion-ios-finger-print:before,.ion-ios-fitness:before,.ion-ios-flag:before,.ion-ios-flame:before,.ion-ios-flash:before,.ion-ios-flash-off:before,.ion-ios-flashlight:before,.ion-ios-flask:before,.ion-ios-flower:before,.ion-ios-folder:before,.ion-ios-folder-open:before,.ion-ios-football:before,.ion-ios-funnel:before,.ion-ios-gift:before,.ion-ios-git-branch:before,.ion-ios-git-commit:before,.ion-ios-git-compare:before,.ion-ios-git-merge:before,.ion-ios-git-network:before,.ion-ios-git-pull-request:before,.ion-ios-glasses:before,.ion-ios-globe:before,.ion-ios-grid:before,.ion-ios-hammer:before,.ion-ios-hand:before,.ion-ios-happy:before,.ion-ios-headset:before,.ion-ios-heart:before,.ion-ios-heart-dislike:before,.ion-ios-heart-empty:before,.ion-ios-heart-half:before,.ion-ios-help:before,.ion-ios-help-buoy:before,.ion-ios-help-circle:before,.ion-ios-help-circle-outline:before,.ion-ios-home:before,.ion-ios-hourglass:before,.ion-ios-ice-cream:before,.ion-ios-image:before,.ion-ios-images:before,.ion-ios-infinite:before,.ion-ios-information:before,.ion-ios-information-circle:before,.ion-ios-information-circle-outline:before,.ion-ios-jet:before,.ion-ios-journal:before,.ion-ios-key:before,.ion-ios-keypad:before,.ion-ios-laptop:before,.ion-ios-leaf:before,.ion-ios-link:before,.ion-ios-list:before,.ion-ios-list-box:before,.ion-ios-locate:before,.ion-ios-lock:before,.ion-ios-log-in:before,.ion-ios-log-out:before,.ion-ios-magnet:before,.ion-ios-mail:before,.ion-ios-mail-open:before,.ion-ios-mail-unread:before,.ion-ios-male:before,.ion-ios-man:before,.ion-ios-map:before,.ion-ios-medal:before,.ion-ios-medical:before,.ion-ios-medkit:before,.ion-ios-megaphone:before,.ion-ios-menu:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-microphone:before,.ion-ios-moon:before,.ion-ios-more:before,.ion-ios-move:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-notifications:before,.ion-ios-notifications-off:before,.ion-ios-notifications-outline:before,.ion-ios-nuclear:before,.ion-ios-nutrition:before,.ion-ios-open:before,.ion-ios-options:before,.ion-ios-outlet:before,.ion-ios-paper:before,.ion-ios-paper-plane:before,.ion-ios-partly-sunny:before,.ion-ios-pause:before,.ion-ios-paw:before,.ion-ios-people:before,.ion-ios-person:before,.ion-ios-person-add:before,.ion-ios-phone-landscape:before,.ion-ios-phone-portrait:before,.ion-ios-photos:before,.ion-ios-pie:before,.ion-ios-pin:before,.ion-ios-pint:before,.ion-ios-pizza:before,.ion-ios-planet:before,.ion-ios-play:before,.ion-ios-play-circle:before,.ion-ios-podium:before,.ion-ios-power:before,.ion-ios-pricetag:before,.ion-ios-pricetags:before,.ion-ios-print:before,.ion-ios-pulse:before,.ion-ios-qr-scanner:before,.ion-ios-quote:before,.ion-ios-radio:before,.ion-ios-radio-button-off:before,.ion-ios-radio-button-on:before,.ion-ios-rainy:before,.ion-ios-recording:before,.ion-ios-redo:before,.ion-ios-refresh:before,.ion-ios-refresh-circle:before,.ion-ios-remove:before,.ion-ios-remove-circle:before,.ion-ios-remove-circle-outline:before,.ion-ios-reorder:before,.ion-ios-repeat:before,.ion-ios-resize:before,.ion-ios-restaurant:before,.ion-ios-return-left:before,.ion-ios-return-right:before,.ion-ios-reverse-camera:before,.ion-ios-rewind:before,.ion-ios-ribbon:before,.ion-ios-rocket:before,.ion-ios-rose:before,.ion-ios-sad:before,.ion-ios-save:before,.ion-ios-school:before,.ion-ios-search:before,.ion-ios-send:before,.ion-ios-settings:before,.ion-ios-share:before,.ion-ios-share-alt:before,.ion-ios-shirt:before,.ion-ios-shuffle:before,.ion-ios-skip-backward:before,.ion-ios-skip-forward:before,.ion-ios-snow:before,.ion-ios-speedometer:before,.ion-ios-square:before,.ion-ios-square-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stats:before,.ion-ios-stopwatch:before,.ion-ios-subway:before,.ion-ios-sunny:before,.ion-ios-swap:before,.ion-ios-switch:before,.ion-ios-sync:before,.ion-ios-tablet-landscape:before,.ion-ios-tablet-portrait:before,.ion-ios-tennisball:before,.ion-ios-text:before,.ion-ios-thermometer:before,.ion-ios-thumbs-down:before,.ion-ios-thumbs-up:before,.ion-ios-thunderstorm:before,.ion-ios-time:before,.ion-ios-timer:before,.ion-ios-today:before,.ion-ios-train:before,.ion-ios-transgender:before,.ion-ios-trash:before,.ion-ios-trending-down:before,.ion-ios-trending-up:before,.ion-ios-trophy:before,.ion-ios-tv:before,.ion-ios-umbrella:before,.ion-ios-undo:before,.ion-ios-unlock:before,.ion-ios-videocam:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-volume-mute:before,.ion-ios-volume-off:before,.ion-ios-walk:before,.ion-ios-wallet:before,.ion-ios-warning:before,.ion-ios-watch:before,.ion-ios-water:before,.ion-ios-wifi:before,.ion-ios-wine:before,.ion-ios-woman:before,.ion-logo-android:before,.ion-logo-angular:before,.ion-logo-apple:before,.ion-logo-bitbucket:before,.ion-logo-bitcoin:before,.ion-logo-buffer:before,.ion-logo-chrome:before,.ion-logo-closed-captioning:before,.ion-logo-codepen:before,.ion-logo-css3:before,.ion-logo-designernews:before,.ion-logo-dribbble:before,.ion-logo-dropbox:before,.ion-logo-euro:before,.ion-logo-facebook:before,.ion-logo-flickr:before,.ion-logo-foursquare:before,.ion-logo-freebsd-devil:before,.ion-logo-game-controller-a:before,.ion-logo-game-controller-b:before,.ion-logo-github:before,.ion-logo-google:before,.ion-logo-googleplus:before,.ion-logo-hackernews:before,.ion-logo-html5:before,.ion-logo-instagram:before,.ion-logo-ionic:before,.ion-logo-ionitron:before,.ion-logo-javascript:before,.ion-logo-linkedin:before,.ion-logo-markdown:before,.ion-logo-model-s:before,.ion-logo-no-smoking:before,.ion-logo-nodejs:before,.ion-logo-npm:before,.ion-logo-octocat:before,.ion-logo-pinterest:before,.ion-logo-playstation:before,.ion-logo-polymer:before,.ion-logo-python:before,.ion-logo-reddit:before,.ion-logo-rss:before,.ion-logo-sass:before,.ion-logo-skype:before,.ion-logo-slack:before,.ion-logo-snapchat:before,.ion-logo-steam:before,.ion-logo-tumblr:before,.ion-logo-tux:before,.ion-logo-twitch:before,.ion-logo-twitter:before,.ion-logo-usd:before,.ion-logo-vimeo:before,.ion-logo-vk:before,.ion-logo-whatsapp:before,.ion-logo-windows:before,.ion-logo-wordpress:before,.ion-logo-xbox:before,.ion-logo-xing:before,.ion-logo-yahoo:before,.ion-logo-yen:before,.ion-logo-youtube:before,.ion-md-add:before,.ion-md-add-circle:before,.ion-md-add-circle-outline:before,.ion-md-airplane:before,.ion-md-alarm:before,.ion-md-albums:before,.ion-md-alert:before,.ion-md-american-football:before,.ion-md-analytics:before,.ion-md-aperture:before,.ion-md-apps:before,.ion-md-appstore:before,.ion-md-archive:before,.ion-md-arrow-back:before,.ion-md-arrow-down:before,.ion-md-arrow-dropdown:before,.ion-md-arrow-dropdown-circle:before,.ion-md-arrow-dropleft:before,.ion-md-arrow-dropleft-circle:before,.ion-md-arrow-dropright:before,.ion-md-arrow-dropright-circle:before,.ion-md-arrow-dropup:before,.ion-md-arrow-dropup-circle:before,.ion-md-arrow-forward:before,.ion-md-arrow-round-back:before,.ion-md-arrow-round-down:before,.ion-md-arrow-round-forward:before,.ion-md-arrow-round-up:before,.ion-md-arrow-up:before,.ion-md-at:before,.ion-md-attach:before,.ion-md-backspace:before,.ion-md-barcode:before,.ion-md-baseball:before,.ion-md-basket:before,.ion-md-basketball:before,.ion-md-battery-charging:before,.ion-md-battery-dead:before,.ion-md-battery-full:before,.ion-md-beaker:before,.ion-md-bed:before,.ion-md-beer:before,.ion-md-bicycle:before,.ion-md-bluetooth:before,.ion-md-boat:before,.ion-md-body:before,.ion-md-bonfire:before,.ion-md-book:before,.ion-md-bookmark:before,.ion-md-bookmarks:before,.ion-md-bowtie:before,.ion-md-briefcase:before,.ion-md-browsers:before,.ion-md-brush:before,.ion-md-bug:before,.ion-md-build:before,.ion-md-bulb:before,.ion-md-bus:before,.ion-md-business:before,.ion-md-cafe:before,.ion-md-calculator:before,.ion-md-calendar:before,.ion-md-call:before,.ion-md-camera:before,.ion-md-car:before,.ion-md-card:before,.ion-md-cart:before,.ion-md-cash:before,.ion-md-cellular:before,.ion-md-chatboxes:before,.ion-md-chatbubbles:before,.ion-md-checkbox:before,.ion-md-checkbox-outline:before,.ion-md-checkmark:before,.ion-md-checkmark-circle:before,.ion-md-checkmark-circle-outline:before,.ion-md-clipboard:before,.ion-md-clock:before,.ion-md-close:before,.ion-md-close-circle:before,.ion-md-close-circle-outline:before,.ion-md-cloud:before,.ion-md-cloud-circle:before,.ion-md-cloud-done:before,.ion-md-cloud-download:before,.ion-md-cloud-outline:before,.ion-md-cloud-upload:before,.ion-md-cloudy:before,.ion-md-cloudy-night:before,.ion-md-code:before,.ion-md-code-download:before,.ion-md-code-working:before,.ion-md-cog:before,.ion-md-color-fill:before,.ion-md-color-filter:before,.ion-md-color-palette:before,.ion-md-color-wand:before,.ion-md-compass:before,.ion-md-construct:before,.ion-md-contact:before,.ion-md-contacts:before,.ion-md-contract:before,.ion-md-contrast:before,.ion-md-copy:before,.ion-md-create:before,.ion-md-crop:before,.ion-md-cube:before,.ion-md-cut:before,.ion-md-desktop:before,.ion-md-disc:before,.ion-md-document:before,.ion-md-done-all:before,.ion-md-download:before,.ion-md-easel:before,.ion-md-egg:before,.ion-md-exit:before,.ion-md-expand:before,.ion-md-eye:before,.ion-md-eye-off:before,.ion-md-fastforward:before,.ion-md-female:before,.ion-md-filing:before,.ion-md-film:before,.ion-md-finger-print:before,.ion-md-fitness:before,.ion-md-flag:before,.ion-md-flame:before,.ion-md-flash:before,.ion-md-flash-off:before,.ion-md-flashlight:before,.ion-md-flask:before,.ion-md-flower:before,.ion-md-folder:before,.ion-md-folder-open:before,.ion-md-football:before,.ion-md-funnel:before,.ion-md-gift:before,.ion-md-git-branch:before,.ion-md-git-commit:before,.ion-md-git-compare:before,.ion-md-git-merge:before,.ion-md-git-network:before,.ion-md-git-pull-request:before,.ion-md-glasses:before,.ion-md-globe:before,.ion-md-grid:before,.ion-md-hammer:before,.ion-md-hand:before,.ion-md-happy:before,.ion-md-headset:before,.ion-md-heart:before,.ion-md-heart-dislike:before,.ion-md-heart-empty:before,.ion-md-heart-half:before,.ion-md-help:before,.ion-md-help-buoy:before,.ion-md-help-circle:before,.ion-md-help-circle-outline:before,.ion-md-home:before,.ion-md-hourglass:before,.ion-md-ice-cream:before,.ion-md-image:before,.ion-md-images:before,.ion-md-infinite:before,.ion-md-information:before,.ion-md-information-circle:before,.ion-md-information-circle-outline:before,.ion-md-jet:before,.ion-md-journal:before,.ion-md-key:before,.ion-md-keypad:before,.ion-md-laptop:before,.ion-md-leaf:before,.ion-md-link:before,.ion-md-list:before,.ion-md-list-box:before,.ion-md-locate:before,.ion-md-lock:before,.ion-md-log-in:before,.ion-md-log-out:before,.ion-md-magnet:before,.ion-md-mail:before,.ion-md-mail-open:before,.ion-md-mail-unread:before,.ion-md-male:before,.ion-md-man:before,.ion-md-map:before,.ion-md-medal:before,.ion-md-medical:before,.ion-md-medkit:before,.ion-md-megaphone:before,.ion-md-menu:before,.ion-md-mic:before,.ion-md-mic-off:before,.ion-md-microphone:before,.ion-md-moon:before,.ion-md-more:before,.ion-md-move:before,.ion-md-musical-note:before,.ion-md-musical-notes:before,.ion-md-navigate:before,.ion-md-notifications:before,.ion-md-notifications-off:before,.ion-md-notifications-outline:before,.ion-md-nuclear:before,.ion-md-nutrition:before,.ion-md-open:before,.ion-md-options:before,.ion-md-outlet:before,.ion-md-paper:before,.ion-md-paper-plane:before,.ion-md-partly-sunny:before,.ion-md-pause:before,.ion-md-paw:before,.ion-md-people:before,.ion-md-person:before,.ion-md-person-add:before,.ion-md-phone-landscape:before,.ion-md-phone-portrait:before,.ion-md-photos:before,.ion-md-pie:before,.ion-md-pin:before,.ion-md-pint:before,.ion-md-pizza:before,.ion-md-planet:before,.ion-md-play:before,.ion-md-play-circle:before,.ion-md-podium:before,.ion-md-power:before,.ion-md-pricetag:before,.ion-md-pricetags:before,.ion-md-print:before,.ion-md-pulse:before,.ion-md-qr-scanner:before,.ion-md-quote:before,.ion-md-radio:before,.ion-md-radio-button-off:before,.ion-md-radio-button-on:before,.ion-md-rainy:before,.ion-md-recording:before,.ion-md-redo:before,.ion-md-refresh:before,.ion-md-refresh-circle:before,.ion-md-remove:before,.ion-md-remove-circle:before,.ion-md-remove-circle-outline:before,.ion-md-reorder:before,.ion-md-repeat:before,.ion-md-resize:before,.ion-md-restaurant:before,.ion-md-return-left:before,.ion-md-return-right:before,.ion-md-reverse-camera:before,.ion-md-rewind:before,.ion-md-ribbon:before,.ion-md-rocket:before,.ion-md-rose:before,.ion-md-sad:before,.ion-md-save:before,.ion-md-school:before,.ion-md-search:before,.ion-md-send:before,.ion-md-settings:before,.ion-md-share:before,.ion-md-share-alt:before,.ion-md-shirt:before,.ion-md-shuffle:before,.ion-md-skip-backward:before,.ion-md-skip-forward:before,.ion-md-snow:before,.ion-md-speedometer:before,.ion-md-square:before,.ion-md-square-outline:before,.ion-md-star:before,.ion-md-star-half:before,.ion-md-star-outline:before,.ion-md-stats:before,.ion-md-stopwatch:before,.ion-md-subway:before,.ion-md-sunny:before,.ion-md-swap:before,.ion-md-switch:before,.ion-md-sync:before,.ion-md-tablet-landscape:before,.ion-md-tablet-portrait:before,.ion-md-tennisball:before,.ion-md-text:before,.ion-md-thermometer:before,.ion-md-thumbs-down:before,.ion-md-thumbs-up:before,.ion-md-thunderstorm:before,.ion-md-time:before,.ion-md-timer:before,.ion-md-today:before,.ion-md-train:before,.ion-md-transgender:before,.ion-md-trash:before,.ion-md-trending-down:before,.ion-md-trending-up:before,.ion-md-trophy:before,.ion-md-tv:before,.ion-md-umbrella:before,.ion-md-undo:before,.ion-md-unlock:before,.ion-md-videocam:before,.ion-md-volume-high:before,.ion-md-volume-low:before,.ion-md-volume-mute:before,.ion-md-volume-off:before,.ion-md-walk:before,.ion-md-wallet:before,.ion-md-warning:before,.ion-md-watch:before,.ion-md-water:before,.ion-md-wifi:before,.ion-md-wine:before,.ion-md-woman:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-ios-add:before{content:"\f102"}.ion-ios-add-circle:before{content:"\f101"}.ion-ios-add-circle-outline:before{content:"\f100"}.ion-ios-airplane:before{content:"\f137"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-alert:before{content:"\f104"}.ion-ios-american-football:before{content:"\f106"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-aperture:before{content:"\f108"}.ion-ios-apps:before{content:"\f10a"}.ion-ios-appstore:before{content:"\f10c"}.ion-ios-archive:before{content:"\f10e"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-dropdown:before{content:"\f110"}.ion-ios-arrow-dropdown-circle:before{content:"\f125"}.ion-ios-arrow-dropleft:before{content:"\f112"}.ion-ios-arrow-dropleft-circle:before{content:"\f129"}.ion-ios-arrow-dropright:before{content:"\f114"}.ion-ios-arrow-dropright-circle:before{content:"\f12b"}.ion-ios-arrow-dropup:before{content:"\f116"}.ion-ios-arrow-dropup-circle:before{content:"\f12d"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-round-back:before{content:"\f117"}.ion-ios-arrow-round-down:before{content:"\f118"}.ion-ios-arrow-round-forward:before{content:"\f119"}.ion-ios-arrow-round-up:before{content:"\f11a"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-attach:before{content:"\f11b"}.ion-ios-backspace:before{content:"\f11d"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-basket:before{content:"\f11f"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-battery-charging:before{content:"\f120"}.ion-ios-battery-dead:before{content:"\f121"}.ion-ios-battery-full:before{content:"\f122"}.ion-ios-beaker:before{content:"\f124"}.ion-ios-bed:before{content:"\f139"}.ion-ios-beer:before{content:"\f126"}.ion-ios-bicycle:before{content:"\f127"}.ion-ios-bluetooth:before{content:"\f128"}.ion-ios-boat:before{content:"\f12a"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-bonfire:before{content:"\f12c"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-bookmark:before{content:"\f12e"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bowtie:before{content:"\f130"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-brush:before{content:"\f132"}.ion-ios-bug:before{content:"\f134"}.ion-ios-build:before{content:"\f136"}.ion-ios-bulb:before{content:"\f138"}.ion-ios-bus:before{content:"\f13a"}.ion-ios-business:before{content:"\f1a3"}.ion-ios-cafe:before{content:"\f13c"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-call:before{content:"\f13e"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-car:before{content:"\f140"}.ion-ios-card:before{content:"\f142"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cash:before{content:"\f144"}.ion-ios-cellular:before{content:"\f13d"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatbubbles:before{content:"\f146"}.ion-ios-checkbox:before{content:"\f148"}.ion-ios-checkbox-outline:before{content:"\f147"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-circle:before{content:"\f14a"}.ion-ios-checkmark-circle-outline:before{content:"\f149"}.ion-ios-clipboard:before{content:"\f14c"}.ion-ios-clock:before{content:"\f403"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-circle:before{content:"\f14e"}.ion-ios-close-circle-outline:before{content:"\f14d"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-circle:before{content:"\f152"}.ion-ios-cloud-done:before{content:"\f154"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-code:before{content:"\f157"}.ion-ios-code-download:before{content:"\f155"}.ion-ios-code-working:before{content:"\f156"}.ion-ios-cog:before{content:"\f412"}.ion-ios-color-fill:before{content:"\f159"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-palette:before{content:"\f15b"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-compass:before{content:"\f15d"}.ion-ios-construct:before{content:"\f15f"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contacts:before{content:"\f161"}.ion-ios-contract:before{content:"\f162"}.ion-ios-contrast:before{content:"\f163"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-create:before{content:"\f165"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-cube:before{content:"\f168"}.ion-ios-cut:before{content:"\f16a"}.ion-ios-desktop:before{content:"\f16c"}.ion-ios-disc:before{content:"\f16e"}.ion-ios-document:before{content:"\f170"}.ion-ios-done-all:before{content:"\f171"}.ion-ios-download:before{content:"\f420"}.ion-ios-easel:before{content:"\f173"}.ion-ios-egg:before{content:"\f175"}.ion-ios-exit:before{content:"\f177"}.ion-ios-expand:before{content:"\f178"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-off:before{content:"\f17a"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-female:before{content:"\f17b"}.ion-ios-filing:before{content:"\f429"}.ion-ios-film:before{content:"\f42b"}.ion-ios-finger-print:before{content:"\f17c"}.ion-ios-fitness:before{content:"\f1ab"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flash:before{content:"\f17e"}.ion-ios-flash-off:before{content:"\f12f"}.ion-ios-flashlight:before{content:"\f141"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flower:before{content:"\f433"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-open:before{content:"\f180"}.ion-ios-football:before{content:"\f437"}.ion-ios-funnel:before{content:"\f182"}.ion-ios-gift:before{content:"\f191"}.ion-ios-git-branch:before{content:"\f183"}.ion-ios-git-commit:before{content:"\f184"}.ion-ios-git-compare:before{content:"\f185"}.ion-ios-git-merge:before{content:"\f186"}.ion-ios-git-network:before{content:"\f187"}.ion-ios-git-pull-request:before{content:"\f188"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-globe:before{content:"\f18a"}.ion-ios-grid:before{content:"\f18c"}.ion-ios-hammer:before{content:"\f18e"}.ion-ios-hand:before{content:"\f190"}.ion-ios-happy:before{content:"\f192"}.ion-ios-headset:before{content:"\f194"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-dislike:before{content:"\f13f"}.ion-ios-heart-empty:before{content:"\f19b"}.ion-ios-heart-half:before{content:"\f19d"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-buoy:before{content:"\f196"}.ion-ios-help-circle:before{content:"\f198"}.ion-ios-help-circle-outline:before{content:"\f197"}.ion-ios-home:before{content:"\f448"}.ion-ios-hourglass:before{content:"\f103"}.ion-ios-ice-cream:before{content:"\f19a"}.ion-ios-image:before{content:"\f19c"}.ion-ios-images:before{content:"\f19e"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-circle:before{content:"\f1a0"}.ion-ios-information-circle-outline:before{content:"\f19f"}.ion-ios-jet:before{content:"\f1a5"}.ion-ios-journal:before{content:"\f189"}.ion-ios-key:before{content:"\f1a7"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-laptop:before{content:"\f1a8"}.ion-ios-leaf:before{content:"\f1aa"}.ion-ios-link:before{content:"\f22a"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-box:before{content:"\f143"}.ion-ios-locate:before{content:"\f1ae"}.ion-ios-lock:before{content:"\f1b0"}.ion-ios-log-in:before{content:"\f1b1"}.ion-ios-log-out:before{content:"\f1b2"}.ion-ios-magnet:before{content:"\f1b4"}.ion-ios-mail:before{content:"\f1b8"}.ion-ios-mail-open:before{content:"\f1b6"}.ion-ios-mail-unread:before{content:"\f145"}.ion-ios-male:before{content:"\f1b9"}.ion-ios-man:before{content:"\f1bb"}.ion-ios-map:before{content:"\f1bd"}.ion-ios-medal:before{content:"\f1bf"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-megaphone:before{content:"\f1c1"}.ion-ios-menu:before{content:"\f1c3"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-microphone:before{content:"\f1c6"}.ion-ios-moon:before{content:"\f468"}.ion-ios-more:before{content:"\f1c8"}.ion-ios-move:before{content:"\f1cb"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-notifications:before{content:"\f1d3"}.ion-ios-notifications-off:before{content:"\f1d1"}.ion-ios-notifications-outline:before{content:"\f133"}.ion-ios-nuclear:before{content:"\f1d5"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-open:before{content:"\f1d7"}.ion-ios-options:before{content:"\f1d9"}.ion-ios-outlet:before{content:"\f1db"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-plane:before{content:"\f1dd"}.ion-ios-partly-sunny:before{content:"\f1df"}.ion-ios-pause:before{content:"\f478"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-people:before{content:"\f47c"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-add:before{content:"\f1e1"}.ion-ios-phone-landscape:before{content:"\f1e2"}.ion-ios-phone-portrait:before{content:"\f1e3"}.ion-ios-photos:before{content:"\f482"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pin:before{content:"\f1e5"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pizza:before{content:"\f1e7"}.ion-ios-planet:before{content:"\f1eb"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-circle:before{content:"\f113"}.ion-ios-podium:before{content:"\f1ed"}.ion-ios-power:before{content:"\f1ef"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-print:before{content:"\f1f1"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-qr-scanner:before{content:"\f1f3"}.ion-ios-quote:before{content:"\f1f5"}.ion-ios-radio:before{content:"\f1f9"}.ion-ios-radio-button-off:before{content:"\f1f6"}.ion-ios-radio-button-on:before{content:"\f1f7"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-recording:before{content:"\f497"}.ion-ios-redo:before{content:"\f499"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-circle:before{content:"\f135"}.ion-ios-remove:before{content:"\f1fc"}.ion-ios-remove-circle:before{content:"\f1fb"}.ion-ios-remove-circle-outline:before{content:"\f1fa"}.ion-ios-reorder:before{content:"\f1fd"}.ion-ios-repeat:before{content:"\f1fe"}.ion-ios-resize:before{content:"\f1ff"}.ion-ios-restaurant:before{content:"\f201"}.ion-ios-return-left:before{content:"\f202"}.ion-ios-return-right:before{content:"\f203"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-ribbon:before{content:"\f205"}.ion-ios-rocket:before{content:"\f14b"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-sad:before{content:"\f207"}.ion-ios-save:before{content:"\f1a6"}.ion-ios-school:before{content:"\f209"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-send:before{content:"\f20c"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-share:before{content:"\f211"}.ion-ios-share-alt:before{content:"\f20f"}.ion-ios-shirt:before{content:"\f213"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-skip-backward:before{content:"\f215"}.ion-ios-skip-forward:before{content:"\f217"}.ion-ios-snow:before{content:"\f218"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-square:before{content:"\f21a"}.ion-ios-square-outline:before{content:"\f15c"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stats:before{content:"\f21c"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-subway:before{content:"\f21e"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-swap:before{content:"\f21f"}.ion-ios-switch:before{content:"\f221"}.ion-ios-sync:before{content:"\f222"}.ion-ios-tablet-landscape:before{content:"\f223"}.ion-ios-tablet-portrait:before{content:"\f24e"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-text:before{content:"\f250"}.ion-ios-thermometer:before{content:"\f252"}.ion-ios-thumbs-down:before{content:"\f254"}.ion-ios-thumbs-up:before{content:"\f256"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-today:before{content:"\f14f"}.ion-ios-train:before{content:"\f258"}.ion-ios-transgender:before{content:"\f259"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trending-down:before{content:"\f25a"}.ion-ios-trending-up:before{content:"\f25b"}.ion-ios-trophy:before{content:"\f25d"}.ion-ios-tv:before{content:"\f115"}.ion-ios-umbrella:before{content:"\f25f"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-unlock:before{content:"\f261"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-volume-high:before{content:"\f11c"}.ion-ios-volume-low:before{content:"\f11e"}.ion-ios-volume-mute:before{content:"\f263"}.ion-ios-volume-off:before{content:"\f264"}.ion-ios-walk:before{content:"\f266"}.ion-ios-wallet:before{content:"\f18b"}.ion-ios-warning:before{content:"\f268"}.ion-ios-watch:before{content:"\f269"}.ion-ios-water:before{content:"\f26b"}.ion-ios-wifi:before{content:"\f26d"}.ion-ios-wine:before{content:"\f26f"}.ion-ios-woman:before{content:"\f271"}.ion-logo-android:before{content:"\f225"}.ion-logo-angular:before{content:"\f227"}.ion-logo-apple:before{content:"\f229"}.ion-logo-bitbucket:before{content:"\f193"}.ion-logo-bitcoin:before{content:"\f22b"}.ion-logo-buffer:before{content:"\f22d"}.ion-logo-chrome:before{content:"\f22f"}.ion-logo-closed-captioning:before{content:"\f105"}.ion-logo-codepen:before{content:"\f230"}.ion-logo-css3:before{content:"\f231"}.ion-logo-designernews:before{content:"\f232"}.ion-logo-dribbble:before{content:"\f233"}.ion-logo-dropbox:before{content:"\f234"}.ion-logo-euro:before{content:"\f235"}.ion-logo-facebook:before{content:"\f236"}.ion-logo-flickr:before{content:"\f107"}.ion-logo-foursquare:before{content:"\f237"}.ion-logo-freebsd-devil:before{content:"\f238"}.ion-logo-game-controller-a:before{content:"\f13b"}.ion-logo-game-controller-b:before{content:"\f181"}.ion-logo-github:before{content:"\f239"}.ion-logo-google:before{content:"\f23a"}.ion-logo-googleplus:before{content:"\f23b"}.ion-logo-hackernews:before{content:"\f23c"}.ion-logo-html5:before{content:"\f23d"}.ion-logo-instagram:before{content:"\f23e"}.ion-logo-ionic:before{content:"\f150"}.ion-logo-ionitron:before{content:"\f151"}.ion-logo-javascript:before{content:"\f23f"}.ion-logo-linkedin:before{content:"\f240"}.ion-logo-markdown:before{content:"\f241"}.ion-logo-model-s:before{content:"\f153"}.ion-logo-no-smoking:before{content:"\f109"}.ion-logo-nodejs:before{content:"\f242"}.ion-logo-npm:before{content:"\f195"}.ion-logo-octocat:before{content:"\f243"}.ion-logo-pinterest:before{content:"\f244"}.ion-logo-playstation:before{content:"\f245"}.ion-logo-polymer:before{content:"\f15e"}.ion-logo-python:before{content:"\f246"}.ion-logo-reddit:before{content:"\f247"}.ion-logo-rss:before{content:"\f248"}.ion-logo-sass:before{content:"\f249"}.ion-logo-skype:before{content:"\f24a"}.ion-logo-slack:before{content:"\f10b"}.ion-logo-snapchat:before{content:"\f24b"}.ion-logo-steam:before{content:"\f24c"}.ion-logo-tumblr:before{content:"\f24d"}.ion-logo-tux:before{content:"\f2ae"}.ion-logo-twitch:before{content:"\f2af"}.ion-logo-twitter:before{content:"\f2b0"}.ion-logo-usd:before{content:"\f2b1"}.ion-logo-vimeo:before{content:"\f2c4"}.ion-logo-vk:before{content:"\f10d"}.ion-logo-whatsapp:before{content:"\f2c5"}.ion-logo-windows:before{content:"\f32f"}.ion-logo-wordpress:before{content:"\f330"}.ion-logo-xbox:before{content:"\f34c"}.ion-logo-xing:before{content:"\f10f"}.ion-logo-yahoo:before{content:"\f34d"}.ion-logo-yen:before{content:"\f34e"}.ion-logo-youtube:before{content:"\f34f"}.ion-md-add:before{content:"\f273"}.ion-md-add-circle:before{content:"\f272"}.ion-md-add-circle-outline:before{content:"\f158"}.ion-md-airplane:before{content:"\f15a"}.ion-md-alarm:before{content:"\f274"}.ion-md-albums:before{content:"\f275"}.ion-md-alert:before{content:"\f276"}.ion-md-american-football:before{content:"\f277"}.ion-md-analytics:before{content:"\f278"}.ion-md-aperture:before{content:"\f279"}.ion-md-apps:before{content:"\f27a"}.ion-md-appstore:before{content:"\f27b"}.ion-md-archive:before{content:"\f27c"}.ion-md-arrow-back:before{content:"\f27d"}.ion-md-arrow-down:before{content:"\f27e"}.ion-md-arrow-dropdown:before{content:"\f280"}.ion-md-arrow-dropdown-circle:before{content:"\f27f"}.ion-md-arrow-dropleft:before{content:"\f282"}.ion-md-arrow-dropleft-circle:before{content:"\f281"}.ion-md-arrow-dropright:before{content:"\f284"}.ion-md-arrow-dropright-circle:before{content:"\f283"}.ion-md-arrow-dropup:before{content:"\f286"}.ion-md-arrow-dropup-circle:before{content:"\f285"}.ion-md-arrow-forward:before{content:"\f287"}.ion-md-arrow-round-back:before{content:"\f288"}.ion-md-arrow-round-down:before{content:"\f289"}.ion-md-arrow-round-forward:before{content:"\f28a"}.ion-md-arrow-round-up:before{content:"\f28b"}.ion-md-arrow-up:before{content:"\f28c"}.ion-md-at:before{content:"\f28d"}.ion-md-attach:before{content:"\f28e"}.ion-md-backspace:before{content:"\f28f"}.ion-md-barcode:before{content:"\f290"}.ion-md-baseball:before{content:"\f291"}.ion-md-basket:before{content:"\f292"}.ion-md-basketball:before{content:"\f293"}.ion-md-battery-charging:before{content:"\f294"}.ion-md-battery-dead:before{content:"\f295"}.ion-md-battery-full:before{content:"\f296"}.ion-md-beaker:before{content:"\f297"}.ion-md-bed:before{content:"\f160"}.ion-md-beer:before{content:"\f298"}.ion-md-bicycle:before{content:"\f299"}.ion-md-bluetooth:before{content:"\f29a"}.ion-md-boat:before{content:"\f29b"}.ion-md-body:before{content:"\f29c"}.ion-md-bonfire:before{content:"\f29d"}.ion-md-book:before{content:"\f29e"}.ion-md-bookmark:before{content:"\f29f"}.ion-md-bookmarks:before{content:"\f2a0"}.ion-md-bowtie:before{content:"\f2a1"}.ion-md-briefcase:before{content:"\f2a2"}.ion-md-browsers:before{content:"\f2a3"}.ion-md-brush:before{content:"\f2a4"}.ion-md-bug:before{content:"\f2a5"}.ion-md-build:before{content:"\f2a6"}.ion-md-bulb:before{content:"\f2a7"}.ion-md-bus:before{content:"\f2a8"}.ion-md-business:before{content:"\f1a4"}.ion-md-cafe:before{content:"\f2a9"}.ion-md-calculator:before{content:"\f2aa"}.ion-md-calendar:before{content:"\f2ab"}.ion-md-call:before{content:"\f2ac"}.ion-md-camera:before{content:"\f2ad"}.ion-md-car:before{content:"\f2b2"}.ion-md-card:before{content:"\f2b3"}.ion-md-cart:before{content:"\f2b4"}.ion-md-cash:before{content:"\f2b5"}.ion-md-cellular:before{content:"\f164"}.ion-md-chatboxes:before{content:"\f2b6"}.ion-md-chatbubbles:before{content:"\f2b7"}.ion-md-checkbox:before{content:"\f2b9"}.ion-md-checkbox-outline:before{content:"\f2b8"}.ion-md-checkmark:before{content:"\f2bc"}.ion-md-checkmark-circle:before{content:"\f2bb"}.ion-md-checkmark-circle-outline:before{content:"\f2ba"}.ion-md-clipboard:before{content:"\f2bd"}.ion-md-clock:before{content:"\f2be"}.ion-md-close:before{content:"\f2c0"}.ion-md-close-circle:before{content:"\f2bf"}.ion-md-close-circle-outline:before{content:"\f166"}.ion-md-cloud:before{content:"\f2c9"}.ion-md-cloud-circle:before{content:"\f2c2"}.ion-md-cloud-done:before{content:"\f2c3"}.ion-md-cloud-download:before{content:"\f2c6"}.ion-md-cloud-outline:before{content:"\f2c7"}.ion-md-cloud-upload:before{content:"\f2c8"}.ion-md-cloudy:before{content:"\f2cb"}.ion-md-cloudy-night:before{content:"\f2ca"}.ion-md-code:before{content:"\f2ce"}.ion-md-code-download:before{content:"\f2cc"}.ion-md-code-working:before{content:"\f2cd"}.ion-md-cog:before{content:"\f2cf"}.ion-md-color-fill:before{content:"\f2d0"}.ion-md-color-filter:before{content:"\f2d1"}.ion-md-color-palette:before{content:"\f2d2"}.ion-md-color-wand:before{content:"\f2d3"}.ion-md-compass:before{content:"\f2d4"}.ion-md-construct:before{content:"\f2d5"}.ion-md-contact:before{content:"\f2d6"}.ion-md-contacts:before{content:"\f2d7"}.ion-md-contract:before{content:"\f2d8"}.ion-md-contrast:before{content:"\f2d9"}.ion-md-copy:before{content:"\f2da"}.ion-md-create:before{content:"\f2db"}.ion-md-crop:before{content:"\f2dc"}.ion-md-cube:before{content:"\f2dd"}.ion-md-cut:before{content:"\f2de"}.ion-md-desktop:before{content:"\f2df"}.ion-md-disc:before{content:"\f2e0"}.ion-md-document:before{content:"\f2e1"}.ion-md-done-all:before{content:"\f2e2"}.ion-md-download:before{content:"\f2e3"}.ion-md-easel:before{content:"\f2e4"}.ion-md-egg:before{content:"\f2e5"}.ion-md-exit:before{content:"\f2e6"}.ion-md-expand:before{content:"\f2e7"}.ion-md-eye:before{content:"\f2e9"}.ion-md-eye-off:before{content:"\f2e8"}.ion-md-fastforward:before{content:"\f2ea"}.ion-md-female:before{content:"\f2eb"}.ion-md-filing:before{content:"\f2ec"}.ion-md-film:before{content:"\f2ed"}.ion-md-finger-print:before{content:"\f2ee"}.ion-md-fitness:before{content:"\f1ac"}.ion-md-flag:before{content:"\f2ef"}.ion-md-flame:before{content:"\f2f0"}.ion-md-flash:before{content:"\f2f1"}.ion-md-flash-off:before{content:"\f169"}.ion-md-flashlight:before{content:"\f16b"}.ion-md-flask:before{content:"\f2f2"}.ion-md-flower:before{content:"\f2f3"}.ion-md-folder:before{content:"\f2f5"}.ion-md-folder-open:before{content:"\f2f4"}.ion-md-football:before{content:"\f2f6"}.ion-md-funnel:before{content:"\f2f7"}.ion-md-gift:before{content:"\f199"}.ion-md-git-branch:before{content:"\f2fa"}.ion-md-git-commit:before{content:"\f2fb"}.ion-md-git-compare:before{content:"\f2fc"}.ion-md-git-merge:before{content:"\f2fd"}.ion-md-git-network:before{content:"\f2fe"}.ion-md-git-pull-request:before{content:"\f2ff"}.ion-md-glasses:before{content:"\f300"}.ion-md-globe:before{content:"\f301"}.ion-md-grid:before{content:"\f302"}.ion-md-hammer:before{content:"\f303"}.ion-md-hand:before{content:"\f304"}.ion-md-happy:before{content:"\f305"}.ion-md-headset:before{content:"\f306"}.ion-md-heart:before{content:"\f308"}.ion-md-heart-dislike:before{content:"\f167"}.ion-md-heart-empty:before{content:"\f1a1"}.ion-md-heart-half:before{content:"\f1a2"}.ion-md-help:before{content:"\f30b"}.ion-md-help-buoy:before{content:"\f309"}.ion-md-help-circle:before{content:"\f30a"}.ion-md-help-circle-outline:before{content:"\f16d"}.ion-md-home:before{content:"\f30c"}.ion-md-hourglass:before{content:"\f111"}.ion-md-ice-cream:before{content:"\f30d"}.ion-md-image:before{content:"\f30e"}.ion-md-images:before{content:"\f30f"}.ion-md-infinite:before{content:"\f310"}.ion-md-information:before{content:"\f312"}.ion-md-information-circle:before{content:"\f311"}.ion-md-information-circle-outline:before{content:"\f16f"}.ion-md-jet:before{content:"\f315"}.ion-md-journal:before{content:"\f18d"}.ion-md-key:before{content:"\f316"}.ion-md-keypad:before{content:"\f317"}.ion-md-laptop:before{content:"\f318"}.ion-md-leaf:before{content:"\f319"}.ion-md-link:before{content:"\f22e"}.ion-md-list:before{content:"\f31b"}.ion-md-list-box:before{content:"\f31a"}.ion-md-locate:before{content:"\f31c"}.ion-md-lock:before{content:"\f31d"}.ion-md-log-in:before{content:"\f31e"}.ion-md-log-out:before{content:"\f31f"}.ion-md-magnet:before{content:"\f320"}.ion-md-mail:before{content:"\f322"}.ion-md-mail-open:before{content:"\f321"}.ion-md-mail-unread:before{content:"\f172"}.ion-md-male:before{content:"\f323"}.ion-md-man:before{content:"\f324"}.ion-md-map:before{content:"\f325"}.ion-md-medal:before{content:"\f326"}.ion-md-medical:before{content:"\f327"}.ion-md-medkit:before{content:"\f328"}.ion-md-megaphone:before{content:"\f329"}.ion-md-menu:before{content:"\f32a"}.ion-md-mic:before{content:"\f32c"}.ion-md-mic-off:before{content:"\f32b"}.ion-md-microphone:before{content:"\f32d"}.ion-md-moon:before{content:"\f32e"}.ion-md-more:before{content:"\f1c9"}.ion-md-move:before{content:"\f331"}.ion-md-musical-note:before{content:"\f332"}.ion-md-musical-notes:before{content:"\f333"}.ion-md-navigate:before{content:"\f334"}.ion-md-notifications:before{content:"\f338"}.ion-md-notifications-off:before{content:"\f336"}.ion-md-notifications-outline:before{content:"\f337"}.ion-md-nuclear:before{content:"\f339"}.ion-md-nutrition:before{content:"\f33a"}.ion-md-open:before{content:"\f33b"}.ion-md-options:before{content:"\f33c"}.ion-md-outlet:before{content:"\f33d"}.ion-md-paper:before{content:"\f33f"}.ion-md-paper-plane:before{content:"\f33e"}.ion-md-partly-sunny:before{content:"\f340"}.ion-md-pause:before{content:"\f341"}.ion-md-paw:before{content:"\f342"}.ion-md-people:before{content:"\f343"}.ion-md-person:before{content:"\f345"}.ion-md-person-add:before{content:"\f344"}.ion-md-phone-landscape:before{content:"\f346"}.ion-md-phone-portrait:before{content:"\f347"}.ion-md-photos:before{content:"\f348"}.ion-md-pie:before{content:"\f349"}.ion-md-pin:before{content:"\f34a"}.ion-md-pint:before{content:"\f34b"}.ion-md-pizza:before{content:"\f354"}.ion-md-planet:before{content:"\f356"}.ion-md-play:before{content:"\f357"}.ion-md-play-circle:before{content:"\f174"}.ion-md-podium:before{content:"\f358"}.ion-md-power:before{content:"\f359"}.ion-md-pricetag:before{content:"\f35a"}.ion-md-pricetags:before{content:"\f35b"}.ion-md-print:before{content:"\f35c"}.ion-md-pulse:before{content:"\f35d"}.ion-md-qr-scanner:before{content:"\f35e"}.ion-md-quote:before{content:"\f35f"}.ion-md-radio:before{content:"\f362"}.ion-md-radio-button-off:before{content:"\f360"}.ion-md-radio-button-on:before{content:"\f361"}.ion-md-rainy:before{content:"\f363"}.ion-md-recording:before{content:"\f364"}.ion-md-redo:before{content:"\f365"}.ion-md-refresh:before{content:"\f366"}.ion-md-refresh-circle:before{content:"\f228"}.ion-md-remove:before{content:"\f368"}.ion-md-remove-circle:before{content:"\f367"}.ion-md-remove-circle-outline:before{content:"\f176"}.ion-md-reorder:before{content:"\f369"}.ion-md-repeat:before{content:"\f36a"}.ion-md-resize:before{content:"\f36b"}.ion-md-restaurant:before{content:"\f36c"}.ion-md-return-left:before{content:"\f36d"}.ion-md-return-right:before{content:"\f36e"}.ion-md-reverse-camera:before{content:"\f36f"}.ion-md-rewind:before{content:"\f370"}.ion-md-ribbon:before{content:"\f371"}.ion-md-rocket:before{content:"\f179"}.ion-md-rose:before{content:"\f372"}.ion-md-sad:before{content:"\f373"}.ion-md-save:before{content:"\f1a9"}.ion-md-school:before{content:"\f374"}.ion-md-search:before{content:"\f375"}.ion-md-send:before{content:"\f376"}.ion-md-settings:before{content:"\f377"}.ion-md-share:before{content:"\f379"}.ion-md-share-alt:before{content:"\f378"}.ion-md-shirt:before{content:"\f37a"}.ion-md-shuffle:before{content:"\f37b"}.ion-md-skip-backward:before{content:"\f37c"}.ion-md-skip-forward:before{content:"\f37d"}.ion-md-snow:before{content:"\f37e"}.ion-md-speedometer:before{content:"\f37f"}.ion-md-square:before{content:"\f381"}.ion-md-square-outline:before{content:"\f380"}.ion-md-star:before{content:"\f384"}.ion-md-star-half:before{content:"\f382"}.ion-md-star-outline:before{content:"\f383"}.ion-md-stats:before{content:"\f385"}.ion-md-stopwatch:before{content:"\f386"}.ion-md-subway:before{content:"\f387"}.ion-md-sunny:before{content:"\f388"}.ion-md-swap:before{content:"\f389"}.ion-md-switch:before{content:"\f38a"}.ion-md-sync:before{content:"\f38b"}.ion-md-tablet-landscape:before{content:"\f38c"}.ion-md-tablet-portrait:before{content:"\f38d"}.ion-md-tennisball:before{content:"\f38e"}.ion-md-text:before{content:"\f38f"}.ion-md-thermometer:before{content:"\f390"}.ion-md-thumbs-down:before{content:"\f391"}.ion-md-thumbs-up:before{content:"\f392"}.ion-md-thunderstorm:before{content:"\f393"}.ion-md-time:before{content:"\f394"}.ion-md-timer:before{content:"\f395"}.ion-md-today:before{content:"\f17d"}.ion-md-train:before{content:"\f396"}.ion-md-transgender:before{content:"\f397"}.ion-md-trash:before{content:"\f398"}.ion-md-trending-down:before{content:"\f399"}.ion-md-trending-up:before{content:"\f39a"}.ion-md-trophy:before{content:"\f39b"}.ion-md-tv:before{content:"\f17f"}.ion-md-umbrella:before{content:"\f39c"}.ion-md-undo:before{content:"\f39d"}.ion-md-unlock:before{content:"\f39e"}.ion-md-videocam:before{content:"\f39f"}.ion-md-volume-high:before{content:"\f123"}.ion-md-volume-low:before{content:"\f131"}.ion-md-volume-mute:before{content:"\f3a1"}.ion-md-volume-off:before{content:"\f3a2"}.ion-md-walk:before{content:"\f3a4"}.ion-md-wallet:before{content:"\f18f"}.ion-md-warning:before{content:"\f3a5"}.ion-md-watch:before{content:"\f3a6"}.ion-md-water:before{content:"\f3a7"}.ion-md-wifi:before{content:"\f3a8"}.ion-md-wine:before{content:"\f3a9"}.ion-md-woman:before{content:"\f3aa"}
diff --git a/documentation/styles/laravel.css b/documentation/styles/laravel.css
deleted file mode 100644
index bae0c3ab..00000000
--- a/documentation/styles/laravel.css
+++ /dev/null
@@ -1,113 +0,0 @@
-.nav-tabs > li > a {
-    text-decoration: none;
-}
-
-.navbar-default .navbar-brand {
-    color: #f4645f;
-    text-decoration: none;
-    font-size: 16px;
-}
-
-.menu ul.list li a[data-type='chapter-link'],
-.menu ul.list li.chapter .simple {
-    color: #525252;
-    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
-}
-
-.content h1,
-.content h2,
-.content h3,
-.content h4,
-.content h5 {
-    color: #292e31;
-    font-weight: normal;
-}
-
-.content {
-    color: #4c555a;
-}
-
-a {
-    color: #f4645f;
-    text-decoration: underline;
-}
-a:hover {
-    color: #f1362f;
-}
-
-.menu ul.list li:nth-child(2) {
-    margin-top: 0;
-}
-
-.menu ul.list li.title a {
-    color: #f4645f;
-    text-decoration: none;
-    font-size: 16px;
-}
-
-.menu ul.list li a {
-    color: #f4645f;
-    text-decoration: none;
-}
-.menu ul.list li a.active {
-    color: #f4645f;
-    font-weight: bold;
-}
-
-code {
-    box-sizing: border-box;
-    display: inline-block;
-    padding: 0 5px;
-    background: #f0f2f1;
-    border-radius: 3px;
-    color: #b93d6a;
-    font-size: 13px;
-    line-height: 20px;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
-}
-
-pre {
-    margin: 0;
-    padding: 12px 12px;
-    background: rgba(238, 238, 238, 0.35);
-    border-radius: 3px;
-    font-size: 13px;
-    line-height: 1.5em;
-    font-weight: 500;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
-}
-
-.dark body {
-    color: #fafafa;
-}
-.dark .content h1,
-.dark .content h2,
-.dark .content h3,
-.dark .content h4,
-.dark .content h5 {
-    color: #fafafa;
-}
-
-.dark code {
-    background: none;
-}
-
-.dark .content {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li a[data-type='chapter-link'],
-.dark .menu ul.list li.chapter .simple {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li.title a {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li a {
-    color: #fafafa;
-}
-.dark .menu ul.list li a.active {
-    color: #7fc9ff;
-}
diff --git a/documentation/styles/material.css b/documentation/styles/material.css
deleted file mode 100644
index 84d6c0ea..00000000
--- a/documentation/styles/material.css
+++ /dev/null
@@ -1,131 +0,0 @@
-.menu {
-    background: none;
-}
-
-a:hover {
-    text-decoration: none;
-}
-
-/** LINK **/
-
-.menu ul.list li a {
-    text-decoration: none;
-}
-
-.menu ul.list li a:hover,
-.menu ul.list li.chapter .simple:hover {
-    background-color: #f8f9fa;
-    text-decoration: none;
-}
-
-#book-search-input {
-    margin-bottom: 0;
-}
-
-.menu ul.list li.divider {
-    margin-top: 0;
-    background: #e9ecef;
-}
-
-.menu .title:hover {
-    background-color: #f8f9fa;
-}
-
-/** CARD **/
-
-.card {
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
-        0 1px 5px 0 rgba(0, 0, 0, 0.12);
-    border-radius: 0.125rem;
-    border: 0;
-    margin-top: 1px;
-}
-
-.card-header {
-    background: none;
-}
-
-/** BUTTON **/
-
-.btn {
-    border-radius: 0.125rem;
-}
-
-/** NAV BAR **/
-
-.nav {
-    border: 0;
-}
-.nav-tabs > li > a {
-    border: 0;
-    border-bottom: 0.214rem solid transparent;
-    color: rgba(0, 0, 0, 0.54);
-    margin-right: 0;
-}
-.nav-tabs > li.active > a,
-.nav-tabs > li.active > a:focus,
-.nav-tabs > li.active > a:hover {
-    color: rgba(0, 0, 0, 0.87);
-    border-top: 0;
-    border-left: 0;
-    border-right: 0;
-    border-bottom: 0.214rem solid transparent;
-    border-color: #008cff;
-    font-weight: bold;
-}
-.nav > li > a:focus,
-.nav > li > a:hover {
-    background: none;
-}
-
-/** LIST **/
-
-.list-group-item:first-child {
-    border-top-left-radius: 0.125rem;
-    border-top-right-radius: 0.125rem;
-}
-.list-group-item:last-child {
-    border-bottom-left-radius: 0.125rem;
-    border-bottom-right-radius: 0.125rem;
-}
-
-/** MISC **/
-
-.modifier {
-    border-radius: 0.125rem;
-}
-
-pre[class*='language-'] {
-    border-radius: 0.125rem;
-}
-
-/** TABLE **/
-
-.table-hover > tbody > tr:hover {
-    background: rgba(0, 0, 0, 0.075);
-}
-
-table.params thead {
-    background: none;
-}
-table.params thead td {
-    color: rgba(0, 0, 0, 0.54);
-    font-weight: bold;
-}
-
-.dark .menu .title:hover {
-    background-color: #2d2d2d;
-}
-.dark .menu ul.list li a:hover,
-.dark .menu ul.list li.chapter .simple:hover {
-    background-color: #2d2d2d;
-}
-.dark .nav-tabs > li:not(.active) > a {
-    color: #fafafa;
-}
-.dark table.params thead {
-    background: #484848;
-}
-.dark table.params thead td {
-    color: #fafafa;
-}
diff --git a/documentation/styles/original.css b/documentation/styles/original.css
deleted file mode 100644
index 8e018149..00000000
--- a/documentation/styles/original.css
+++ /dev/null
@@ -1,51 +0,0 @@
-.navbar-default .navbar-brand,
-.menu ul.list li.title {
-    font-weight: bold;
-    color: #3c3c3c;
-    padding-bottom: 5px;
-}
-
-.menu ul.list li a[data-type='chapter-link'],
-.menu ul.list li.chapter .simple {
-    font-weight: bold;
-    font-size: 14px;
-}
-
-.menu ul.list li a[href='./routes.html'] {
-    border-bottom: none;
-}
-
-.menu ul.list > li:nth-child(2) {
-    display: none;
-}
-
-.menu ul.list li.chapter ul.links {
-    background: #fff;
-    padding-left: 0;
-}
-
-.menu ul.list li.chapter ul.links li {
-    border-bottom: 1px solid #ddd;
-    padding-left: 20px;
-}
-
-.menu ul.list li.chapter ul.links li:last-child {
-    border-bottom: none;
-}
-
-.menu ul.list li a.active {
-    color: #337ab7;
-    font-weight: bold;
-}
-
-#book-search-input {
-    margin-bottom: 0;
-    border-bottom: none;
-}
-.menu ul.list li.divider {
-    margin: 0;
-}
-
-.dark .menu ul.list li.chapter ul.links {
-    background: none;
-}
diff --git a/documentation/styles/postmark.css b/documentation/styles/postmark.css
deleted file mode 100644
index ae8be3e9..00000000
--- a/documentation/styles/postmark.css
+++ /dev/null
@@ -1,238 +0,0 @@
-.navbar-default {
-    background: #ffde00;
-    border: none;
-}
-
-.navbar-default .navbar-brand {
-    color: #333;
-    font-weight: bold;
-}
-
-.menu {
-    background: #333;
-    color: #fcfcfc;
-}
-
-.menu ul.list li a {
-    color: #333;
-}
-
-.menu ul.list li.title {
-    background: #ffde00;
-    color: #333;
-    padding-bottom: 5px;
-}
-
-.menu ul.list li:nth-child(2) {
-    margin-top: 0;
-}
-
-.menu ul.list li.chapter a,
-.menu ul.list li.chapter .simple {
-    color: white;
-    text-decoration: none;
-}
-
-.menu ul.list li.chapter ul.links a {
-    color: #949494;
-    text-transform: none;
-    padding-left: 35px;
-}
-
-.menu ul.list li.chapter ul.links a:hover,
-.menu ul.list li.chapter ul.links a.active {
-    color: #ffde00;
-}
-
-.menu ul.list li.chapter ul.links {
-    padding-left: 0;
-}
-
-.menu ul.list li.divider {
-    background: rgba(255, 255, 255, 0.07);
-}
-
-#book-search-input input,
-#book-search-input input:focus,
-#book-search-input input:hover {
-    color: #949494;
-}
-
-.copyright {
-    color: #b3b3b3;
-    background: #272525;
-}
-
-.content {
-    background: #fcfcfc;
-}
-
-.content a {
-    color: #007dcc;
-}
-
-.content a:visited {
-    color: #0165a5;
-}
-
-.menu ul.list li:nth-last-child(2) {
-    background: none;
-}
-
-.list-group-item:first-child,
-.list-group-item:last-child {
-    border-radius: 0;
-}
-
-.menu ul.list li.title a {
-    text-decoration: none;
-    font-weight: bold;
-}
-
-.menu ul.list li.title a:hover {
-    background: rgba(255, 255, 255, 0.1);
-}
-
-.breadcrumb > li + li:before {
-    content: '»\00a0';
-}
-
-.breadcrumb {
-    padding-bottom: 15px;
-    border-bottom: 1px solid #e1e4e5;
-}
-
-code {
-    white-space: nowrap;
-    max-width: 100%;
-    background: #f5f5f5;
-    padding: 2px 5px;
-    color: #666666;
-    overflow-x: auto;
-    border-radius: 0;
-}
-
-pre {
-    white-space: pre;
-    margin: 0;
-    padding: 12px 12px;
-    font-size: 12px;
-    line-height: 1.5;
-    display: block;
-    overflow: auto;
-    color: #404040;
-    background: #f3f3f3;
-}
-
-pre code.hljs {
-    border: none;
-    background: inherit;
-}
-
-/*
-Atom One Light by Daniel Gamage
-Original One Light Syntax theme from https://github.com/atom/one-light-syntax
-base:    #fafafa
-mono-1:  #383a42
-mono-2:  #686b77
-mono-3:  #a0a1a7
-hue-1:   #0184bb
-hue-2:   #4078f2
-hue-3:   #a626a4
-hue-4:   #50a14f
-hue-5:   #e45649
-hue-5-2: #c91243
-hue-6:   #986801
-hue-6-2: #c18401
-*/
-
-.hljs {
-    display: block;
-    overflow-x: auto;
-    padding: 0.5em;
-    color: #383a42;
-    background: #fafafa;
-}
-
-.hljs-comment,
-.hljs-quote {
-    color: #a0a1a7;
-    font-style: italic;
-}
-
-.hljs-doctag,
-.hljs-keyword,
-.hljs-formula {
-    color: #a626a4;
-}
-
-.hljs-section,
-.hljs-name,
-.hljs-selector-tag,
-.hljs-deletion,
-.hljs-subst {
-    color: #e45649;
-}
-
-.hljs-literal {
-    color: #0184bb;
-}
-
-.hljs-string,
-.hljs-regexp,
-.hljs-addition,
-.hljs-attribute,
-.hljs-meta-string {
-    color: #50a14f;
-}
-
-.hljs-built_in,
-.hljs-class .hljs-title {
-    color: #c18401;
-}
-
-.hljs-attr,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-type,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-number {
-    color: #986801;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-link,
-.hljs-meta,
-.hljs-selector-id,
-.hljs-title {
-    color: #4078f2;
-}
-
-.hljs-emphasis {
-    font-style: italic;
-}
-
-.hljs-strong {
-    font-weight: bold;
-}
-
-.hljs-link {
-    text-decoration: underline;
-}
-
-.dark .content {
-    background: none;
-}
-.dark code {
-    background: none;
-    color: #e09393;
-}
-.dark .menu ul.list li.chapter a.active {
-    color: #ffde00;
-}
-.dark .menu {
-    background: #272525;
-}
diff --git a/documentation/styles/prism.css b/documentation/styles/prism.css
deleted file mode 100644
index 46a643b9..00000000
--- a/documentation/styles/prism.css
+++ /dev/null
@@ -1,301 +0,0 @@
-/* PrismJS 1.24.0
-https://prismjs.com/download.html?#themes=prism-okaidia&languages=markup+css+clike+javascript+apacheconf+aspnet+bash+c+csharp+cpp+coffeescript+dart+docker+elm+git+go+graphql+handlebars+haskell+http+ignore+java+json+kotlin+less+markdown+markup-templating+nginx+php+powershell+ruby+rust+sass+scss+sql+swift+typescript+wasm+yaml&plugins=line-highlight+line-numbers+toolbar+copy-to-clipboard */
-/**
- * okaidia theme for JavaScript, CSS and HTML
- * Loosely based on Monokai textmate theme by http://www.monokai.nl/
- * @author ocodia
- */
-
-code[class*='language-'],
-pre[class*='language-'] {
-    color: #f8f8f2;
-    background: none;
-    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
-    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-    font-size: 1em;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-    line-height: 1.5;
-
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
-    hyphens: none;
-}
-
-/* Code blocks */
-pre[class*='language-'] {
-    padding: 1em;
-    margin: 0.5em 0;
-    overflow: auto;
-    border-radius: 0.3em;
-}
-
-:not(pre) > code[class*='language-'],
-pre[class*='language-'] {
-    background: #272822;
-}
-
-/* Inline code */
-:not(pre) > code[class*='language-'] {
-    padding: 0.1em;
-    border-radius: 0.3em;
-    white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-    color: #8292a2;
-}
-
-.token.punctuation {
-    color: #f8f8f2;
-}
-
-.token.namespace {
-    opacity: 0.7;
-}
-
-.token.property,
-.token.tag,
-.token.constant,
-.token.symbol,
-.token.deleted {
-    color: #f92672;
-}
-
-.token.boolean,
-.token.number {
-    color: #ae81ff;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-    color: #a6e22e;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string,
-.token.variable {
-    color: #f8f8f2;
-}
-
-.token.atrule,
-.token.attr-value,
-.token.function,
-.token.class-name {
-    color: #e6db74;
-}
-
-.token.keyword {
-    color: #66d9ef;
-}
-
-.token.regex,
-.token.important {
-    color: #fd971f;
-}
-
-.token.important,
-.token.bold {
-    font-weight: bold;
-}
-.token.italic {
-    font-style: italic;
-}
-
-.token.entity {
-    cursor: help;
-}
-
-pre[data-line] {
-    position: relative;
-    padding: 1em 0 1em 3em;
-}
-
-.line-highlight {
-    position: absolute;
-    left: 0;
-    right: 0;
-    padding: inherit 0;
-    margin-top: 1em; /* Same as .prism’s padding-top */
-
-    background: hsla(24, 20%, 50%, 0.08);
-    background: linear-gradient(to right, hsla(24, 20%, 50%, 0.1) 70%, hsla(24, 20%, 50%, 0));
-
-    pointer-events: none;
-
-    line-height: inherit;
-    white-space: pre;
-}
-
-@media print {
-    .line-highlight {
-        /*
-           * This will prevent browsers from replacing the background color with white.
-           * It's necessary because the element is layered on top of the displayed code.
-           */
-        -webkit-print-color-adjust: exact;
-        color-adjust: exact;
-    }
-}
-
-.line-highlight:before,
-.line-highlight[data-end]:after {
-    content: attr(data-start);
-    position: absolute;
-    top: 0.4em;
-    left: 0.6em;
-    min-width: 1em;
-    padding: 0 0.5em;
-    background-color: hsla(24, 20%, 50%, 0.4);
-    color: hsl(24, 20%, 95%);
-    font: bold 65%/1.5 sans-serif;
-    text-align: center;
-    vertical-align: 0.3em;
-    border-radius: 999px;
-    text-shadow: none;
-    box-shadow: 0 1px white;
-}
-
-.line-highlight[data-end]:after {
-    content: attr(data-end);
-    top: auto;
-    bottom: 0.4em;
-}
-
-.line-numbers .line-highlight:before,
-.line-numbers .line-highlight:after {
-    content: none;
-}
-
-pre[id].linkable-line-numbers span.line-numbers-rows {
-    pointer-events: all;
-}
-pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
-    cursor: pointer;
-}
-pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
-    background-color: rgba(128, 128, 128, 0.2);
-}
-
-pre[class*='language-'].line-numbers {
-    position: relative;
-    padding-left: 3.8em;
-    counter-reset: linenumber;
-}
-
-pre[class*='language-'].line-numbers > code {
-    position: relative;
-    white-space: inherit;
-}
-
-.line-numbers .line-numbers-rows {
-    position: absolute;
-    pointer-events: none;
-    top: 0;
-    font-size: 100%;
-    left: -3.8em;
-    width: 3em; /* works for line-numbers below 1000 lines */
-    letter-spacing: -1px;
-    border-right: 1px solid #999;
-
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-}
-
-.line-numbers-rows > span {
-    display: block;
-    counter-increment: linenumber;
-}
-
-.line-numbers-rows > span:before {
-    content: counter(linenumber);
-    color: #999;
-    display: block;
-    padding-right: 0.8em;
-    text-align: right;
-}
-
-div.code-toolbar {
-    position: relative;
-}
-
-div.code-toolbar > .toolbar {
-    position: absolute;
-    top: 0.3em;
-    right: 0.2em;
-    transition: opacity 0.3s ease-in-out;
-    opacity: 0;
-}
-
-div.code-toolbar:hover > .toolbar {
-    opacity: 1;
-}
-
-/* Separate line b/c rules are thrown out if selector is invalid.
-     IE11 and old Edge versions don't support :focus-within. */
-div.code-toolbar:focus-within > .toolbar {
-    opacity: 1;
-}
-
-div.code-toolbar > .toolbar .toolbar-item {
-    display: inline-block;
-}
-
-div.code-toolbar > .toolbar a {
-    cursor: pointer;
-}
-
-div.code-toolbar > .toolbar button {
-    background: none;
-    border: 0;
-    color: inherit;
-    font: inherit;
-    line-height: normal;
-    overflow: visible;
-    padding: 0;
-    -webkit-user-select: none; /* for button */
-    -moz-user-select: none;
-    -ms-user-select: none;
-}
-
-div.code-toolbar > .toolbar a,
-div.code-toolbar > .toolbar button,
-div.code-toolbar > .toolbar span {
-    color: #bbb;
-    font-size: 0.8em;
-    padding: 0 0.5em;
-    background: #f5f2f0;
-    background: rgba(224, 224, 224, 0.2);
-    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
-    border-radius: 0.5em;
-}
-
-div.code-toolbar > .toolbar a:hover,
-div.code-toolbar > .toolbar a:focus,
-div.code-toolbar > .toolbar button:hover,
-div.code-toolbar > .toolbar button:focus,
-div.code-toolbar > .toolbar span:hover,
-div.code-toolbar > .toolbar span:focus {
-    color: inherit;
-    text-decoration: none;
-}
diff --git a/documentation/styles/readthedocs.css b/documentation/styles/readthedocs.css
deleted file mode 100644
index c3e9452f..00000000
--- a/documentation/styles/readthedocs.css
+++ /dev/null
@@ -1,117 +0,0 @@
-.navbar-default {
-    background: #2980b9;
-    border: none;
-}
-
-.navbar-default .navbar-brand {
-    color: #fcfcfc;
-}
-
-.menu {
-    background: #343131;
-    color: #fcfcfc;
-}
-
-.menu ul.list li a {
-    color: #fcfcfc;
-}
-
-.menu ul.list li.title {
-    background: #2980b9;
-    padding-bottom: 5px;
-}
-
-.menu ul.list li:nth-child(2) {
-    margin-top: 0;
-}
-
-.menu ul.list li.chapter a,
-.menu ul.list li.chapter .simple {
-    color: #555;
-    text-transform: uppercase;
-    text-decoration: none;
-}
-
-.menu ul.list li.chapter ul.links a {
-    color: #b3b3b3;
-    text-transform: none;
-    padding-left: 35px;
-}
-
-.menu ul.list li.chapter ul.links a:hover {
-    background: #4e4a4a;
-}
-
-.menu ul.list li.chapter a.active,
-.menu ul.list li.chapter ul.links a.active {
-    color: #0099e5;
-}
-
-.menu ul.list li.chapter ul.links {
-    padding-left: 0;
-}
-
-.menu ul.list li.divider {
-    background: rgba(255, 255, 255, 0.07);
-}
-
-#book-search-input input,
-#book-search-input input:focus,
-#book-search-input input:hover {
-    color: #949494;
-}
-
-.copyright {
-    color: #b3b3b3;
-    background: #272525;
-}
-
-.content {
-    background: #fcfcfc;
-}
-
-.content a {
-    color: #2980b9;
-}
-
-.content a:hover {
-    color: #3091d1;
-}
-
-.content a:visited {
-    color: #9b59b6;
-}
-
-.menu ul.list li:nth-last-child(2) {
-    background: none;
-}
-
-code {
-    white-space: nowrap;
-    max-width: 100%;
-    background: #fff;
-    padding: 2px 5px;
-    color: #e74c3c;
-    overflow-x: auto;
-    border-radius: 0;
-}
-
-pre {
-    white-space: pre;
-    margin: 0;
-    padding: 12px 12px;
-    font-size: 12px;
-    line-height: 1.5;
-    display: block;
-    overflow: auto;
-    color: #404040;
-    background: rgba(238, 238, 238, 0.35);
-}
-
-.dark .content {
-    background: none;
-}
-.dark code {
-    background: none;
-    color: #e09393;
-}
diff --git a/documentation/styles/reset.css b/documentation/styles/reset.css
deleted file mode 100644
index 9a153b52..00000000
--- a/documentation/styles/reset.css
+++ /dev/null
@@ -1,129 +0,0 @@
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font: inherit;
-    font-size: 100%;
-    vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-    display: block;
-}
-body {
-    line-height: 1;
-}
-ol,
-ul {
-    list-style: none;
-}
-blockquote,
-q {
-    quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-    content: '';
-    content: none;
-}
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
diff --git a/documentation/styles/stripe.css b/documentation/styles/stripe.css
deleted file mode 100644
index 8e41582a..00000000
--- a/documentation/styles/stripe.css
+++ /dev/null
@@ -1,106 +0,0 @@
-.navbar-default .navbar-brand {
-    color: #0099e5;
-}
-
-.menu ul.list li a[data-type='chapter-link'],
-.menu ul.list li.chapter .simple {
-    color: #939da3;
-    text-transform: uppercase;
-}
-
-.content h1,
-.content h2,
-.content h3,
-.content h4,
-.content h5 {
-    color: #292e31;
-    font-weight: normal;
-}
-
-.content {
-    color: #4c555a;
-}
-
-.menu ul.list li.title {
-    padding: 5px 0;
-}
-
-a {
-    color: #0099e5;
-    text-decoration: none;
-}
-a:hover {
-    color: #292e31;
-    text-decoration: none;
-}
-
-.menu ul.list li:nth-child(2) {
-    margin-top: 0;
-}
-
-.menu ul.list li.title a,
-.navbar a {
-    color: #0099e5;
-    text-decoration: none;
-    font-size: 16px;
-}
-
-.menu ul.list li a.active {
-    color: #0099e5;
-}
-
-code {
-    box-sizing: border-box;
-    display: inline-block;
-    padding: 0 5px;
-    background: #fafcfc;
-    border-radius: 4px;
-    color: #b93d6a;
-    font-size: 13px;
-    line-height: 20px;
-}
-
-pre {
-    margin: 0;
-    padding: 12px 12px;
-    background: #272b2d;
-    border-radius: 5px;
-    font-size: 13px;
-    line-height: 1.5em;
-    font-weight: 500;
-}
-
-.dark body {
-    color: #fafafa;
-}
-.dark .content h1,
-.dark .content h2,
-.dark .content h3,
-.dark .content h4,
-.dark .content h5 {
-    color: #fafafa;
-}
-
-.dark code {
-    background: none;
-}
-
-.dark .content {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li a[data-type='chapter-link'],
-.dark .menu ul.list li.chapter .simple {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li.title a {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li a {
-    color: #fafafa;
-}
-.dark .menu ul.list li a.active {
-    color: #7fc9ff;
-}
diff --git a/documentation/styles/style.css b/documentation/styles/style.css
deleted file mode 100644
index 09e9f1eb..00000000
--- a/documentation/styles/style.css
+++ /dev/null
@@ -1,7 +0,0 @@
-@import "./reset.css";
-@import "./bootstrap.min.css";
-@import "./bootstrap-card.css";
-@import "./prism.css";
-@import "./ionicons.min.css";
-@import "./compodoc.css";
-@import "./tablesort.css";
diff --git a/documentation/styles/tablesort.css b/documentation/styles/tablesort.css
deleted file mode 100644
index f7154838..00000000
--- a/documentation/styles/tablesort.css
+++ /dev/null
@@ -1,33 +0,0 @@
-th[role=columnheader]:not(.no-sort) {
-	cursor: pointer;
-}
-
-th[role=columnheader]:not(.no-sort):after {
-	content: '';
-	float: right;
-	margin-top: 7px;
-	border-width: 0 4px 4px;
-	border-style: solid;
-	border-color: #404040 transparent;
-	visibility: visible;
-	opacity: 1;
-	-ms-user-select: none;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	user-select: none;
-}
-
-th[aria-sort=ascending]:not(.no-sort):after {
-	border-bottom: none;
-	border-width: 4px 4px 0;
-}
-
-th[aria-sort]:not(.no-sort):after {
-	visibility: visible;
-	opacity: 0.4;
-}
-
-th[role=columnheader]:not(.no-sort):hover:after {
-	visibility: visible;
-	opacity: 1;
-}
diff --git a/documentation/styles/vagrant.css b/documentation/styles/vagrant.css
deleted file mode 100644
index f72edb01..00000000
--- a/documentation/styles/vagrant.css
+++ /dev/null
@@ -1,130 +0,0 @@
-.navbar-default .navbar-brand {
-    background: white;
-    color: #8d9ba8;
-}
-
-.menu .list {
-    background: #0c5593;
-}
-
-.menu .chapter {
-    padding: 0 20px;
-}
-
-.menu ul.list li a[data-type='chapter-link'],
-.menu ul.list li.chapter .simple {
-    color: white;
-    text-transform: uppercase;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
-}
-
-.content h1,
-.content h2,
-.content h3,
-.content h4,
-.content h5 {
-    color: #292e31;
-    font-weight: normal;
-}
-
-.content {
-    color: #4c555a;
-}
-
-a {
-    color: #0094bf;
-    text-decoration: underline;
-}
-a:hover {
-    color: #f1362f;
-}
-
-.menu ul.list li.title {
-    background: white;
-    padding-bottom: 5px;
-}
-
-.menu ul.list li:nth-child(2) {
-    margin-top: 0;
-}
-
-.menu ul.list li:nth-last-child(2) {
-    background: none;
-}
-
-.menu ul.list li.title a {
-    padding: 10px 15px;
-}
-
-.menu ul.list li.title a,
-.navbar a {
-    color: #8d9ba8;
-    text-decoration: none;
-    font-size: 16px;
-    font-weight: 300;
-}
-
-.menu ul.list li a {
-    color: white;
-    padding: 10px;
-    font-weight: 300;
-    text-decoration: none;
-}
-.menu ul.list li a.active {
-    color: white;
-    font-weight: bold;
-}
-
-.copyright {
-    color: white;
-    background: #000;
-}
-
-code {
-    box-sizing: border-box;
-    display: inline-block;
-    padding: 0 5px;
-    background: rgba(0, 148, 191, 0.1);
-    border-radius: 3px;
-    color: #0094bf;
-    font-size: 13px;
-    line-height: 20px;
-}
-
-pre {
-    margin: 0;
-    padding: 12px 12px;
-    background: rgba(238, 238, 238, 0.35);
-    border-radius: 3px;
-    font-size: 13px;
-    line-height: 1.5em;
-    font-weight: 500;
-}
-
-.dark body {
-    color: #fafafa;
-}
-.dark .content h1,
-.dark .content h2,
-.dark .content h3,
-.dark .content h4,
-.dark .content h5 {
-    color: #fafafa;
-}
-
-.dark code {
-    background: none;
-}
-
-.dark .content {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li.title a,
-.dark .navbar a {
-    color: #8d9ba8;
-}
-
-.dark .menu ul.list li a {
-    color: #fafafa;
-}
diff --git a/package-lock.json b/package-lock.json
index dfa36e1a..3215dfeb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -59,6 +59,7 @@
         "jasmine-spec-reporter": "~7.0.0",
         "karma": "~6.4.4",
         "karma-chrome-launcher": "~3.2.0",
+        "karma-coverage": "^2.2.1",
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "~2.1.0",
         "ng-packagr": "^18.2.1",
@@ -13643,6 +13644,12 @@
         }
       ]
     },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true
+    },
     "node_modules/html-minifier-terser": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
@@ -14658,6 +14665,92 @@
         "node": ">=10"
       }
     },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
+      "dev": true,
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-report/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-report/node_modules/make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "dev": true,
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/istanbul-lib-report/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.7.tgz",
+      "integrity": "sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==",
+      "dev": true,
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/jackspeak": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
@@ -14986,6 +15079,70 @@
         "which": "^1.2.1"
       }
     },
+    "node_modules/karma-coverage": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.2.1.tgz",
+      "integrity": "sha512-yj7hbequkQP2qOSb20GuNSIyE//PgJWHwC2IydLE6XRtsnaflv+/OSGNssPjobYUlhVVagy99TQpqUt3vAUG7A==",
+      "dev": true,
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.2.0",
+        "istanbul-lib-instrument": "^5.1.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-lib-source-maps": "^4.0.1",
+        "istanbul-reports": "^3.0.5",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/karma-jasmine": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-5.1.0.tgz",
diff --git a/package.json b/package.json
index ea19fbd1..a1a2fb9a 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,8 @@
     "start-demo": "ng serve ng-gallery-demo --host 0.0.0.0",
     "build-demo": "ng build ng-gallery-demo --configuration production",
     "build-lib": "ng build ng-gallery --configuration production",
+    "test-lib": "ng test ng-gallery",
+    "test-lib-headless": "ng test ng-gallery --watch=false --no-progress --browsers=ChromeHeadless --code-coverage",
     "publish-lib": "npm publish ./dist/ng-gallery",
     "storybook": "ng run ng-gallery:storybook",
     "build-storybook": "ng run ng-gallery:build-storybook",
@@ -68,6 +70,7 @@
     "jasmine-spec-reporter": "~7.0.0",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "^2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
     "ng-packagr": "^18.2.1",
@@ -80,4 +83,4 @@
   "readme": "ERROR: No README data found!",
   "homepage": "https://github.com/MurhafSousli/ngx-gallery#readme",
   "_id": "ng-gallery-project@0.0.0"
-}
\ No newline at end of file
+}
diff --git a/projects/ng-gallery-demo/src/app/app.config.ts b/projects/ng-gallery-demo/src/app/app.config.ts
index 14c24213..42680557 100644
--- a/projects/ng-gallery-demo/src/app/app.config.ts
+++ b/projects/ng-gallery-demo/src/app/app.config.ts
@@ -2,7 +2,7 @@ import { ApplicationConfig } from '@angular/core';
 import { provideAnimations } from '@angular/platform-browser/animations';
 import { provideHttpClient, withFetch, withInterceptors } from '@angular/common/http';
 import { provideRouter, withHashLocation } from '@angular/router';
-import { GALLERY_CONFIG, GalleryConfig } from 'ng-gallery';
+import { provideGalleryOptions } from 'ng-gallery';
 import { provideScrollbarOptions } from 'ngx-scrollbar';
 import { provideHighlightOptions } from 'ngx-highlightjs';
 import { progressInterceptor } from 'ngx-progressbar/http';
@@ -11,12 +11,9 @@ import { provideNgProgressRouter } from 'ngx-progressbar/router';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-    {
-      provide: GALLERY_CONFIG,
-      useValue: {
-        imageSize: 'cover'
-      } as GalleryConfig
-    },
+    provideGalleryOptions({
+      imageSize: 'cover'
+    }),
     provideRouter(appRoutes, withHashLocation()),
     provideHighlightOptions({
       coreLibraryLoader: () => import('highlight.js/lib/core'),
diff --git a/projects/ng-gallery-demo/src/app/pages/examples/basic-example/basic-example.ts b/projects/ng-gallery-demo/src/app/pages/examples/basic-example/basic-example.ts
new file mode 100644
index 00000000..31ab38ca
--- /dev/null
+++ b/projects/ng-gallery-demo/src/app/pages/examples/basic-example/basic-example.ts
@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { GalleryComponent, GalleryItemDef } from 'ng-gallery';
+
+@Component({
+  standalone: true,
+  selector: 'basic-example',
+  template: `
+    <gallery [items]="items" [style.color]="'white'">
+      <div *galleryItemDef="let item">
+        Test {{ item?.text }}
+      </div>
+    </gallery>
+  `,
+  imports: [GalleryComponent, GalleryItemDef],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class BasicExampleComponent {
+  items: any[] = [
+    {
+      text: 'Hello'
+    },
+    {
+      text: 'Hello'
+    }
+  ]
+}
diff --git a/projects/ng-gallery-demo/src/app/pages/gallerize-example/gallerize-example.component.ts b/projects/ng-gallery-demo/src/app/pages/gallerize-example/gallerize-example.component.ts
index c2789ed0..fc332cae 100644
--- a/projects/ng-gallery-demo/src/app/pages/gallerize-example/gallerize-example.component.ts
+++ b/projects/ng-gallery-demo/src/app/pages/gallerize-example/gallerize-example.component.ts
@@ -31,22 +31,21 @@ export class GallerizeExampleComponent implements OnInit {
   constructor(private _pixabay: Pixabay, gallery: Gallery, private _title: Title) {
     this.code = code;
     gallery.ref('lightbox').setConfig({
-      thumbPosition: 'bottom',
+      // thumbPosition: 'bottom',
       imageSize: 'cover',
       itemAutosize: false,
-      thumbAutosize: false,
-      thumbs: true
+      // thumbAutosize: false,
+      // thumbs: true
       // thumbWidth: 120,
       // thumbHeight: 90,
       // thumbView: 'contain'
     });
     gallery.ref('auto-detect').setConfig({
-      thumbPosition: 'top',
-      autoHeight: true,
+      // thumbPosition: 'top',
       imageSize: 'cover',
       itemAutosize: false,
-      thumbAutosize: false,
-      thumbs: true
+      // thumbAutosize: false,
+      // thumbs: true
       // thumbView: 'contain'
     });
   }
diff --git a/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.html b/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.html
index 4f9f57f9..3fc6ef47 100644
--- a/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.html
+++ b/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.html
@@ -62,11 +62,11 @@ <h3>Example</h3>
     @if (media$ | async; as config) {
       <gallery id="basic"
                [items]="fruits$ | async"
-               thumbs
-               bullets
-               [thumbWidth]="config.thumbWidth"
-               [thumbHeight]="config.thumbHeight"
-               [thumbPosition]="config.thumbPosition"/>
+               bullets>
+        <gallery-thumbs [thumbWidth]="config.thumbWidth"
+                        [thumbHeight]="config.thumbHeight"
+                        [position]="config.thumbPosition"/>
+      </gallery>
     }
 
     <hl-code [code]="code.example"/>
diff --git a/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.ts b/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.ts
index cfecb7b3..bd153a6d 100644
--- a/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.ts
+++ b/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.ts
@@ -5,7 +5,7 @@ import { Title } from '@angular/platform-browser';
 import { MatTabsModule } from '@angular/material/tabs';
 import { MatButtonModule } from '@angular/material/button';
 import { MediaChange, MediaObserver } from '@angular/flex-layout';
-import { GalleryModule, GalleryItem, GalleryConfig, ThumbnailsPosition } from 'ng-gallery';
+import { GalleryModule, GalleryItem, GalleryConfig, ThumbnailsPosition, GalleryThumbsComponent } from 'ng-gallery';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { Observable, map } from 'rxjs';
 
@@ -24,13 +24,13 @@ import { SectionTitleComponent } from '../../shared/section-title/section-title.
   styleUrls: ['./gallery-example.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [SectionTitleComponent, NoteComponent, MatButtonModule, RouterLink, MatTabsModule, HlCodeComponent, NgIf, GalleryModule, FontAwesomeModule, FooterComponent, AsyncPipe]
+  imports: [SectionTitleComponent, NoteComponent, MatButtonModule, RouterLink, MatTabsModule, HlCodeComponent, NgIf, GalleryModule, FontAwesomeModule, FooterComponent, AsyncPipe, GalleryThumbsComponent]
 })
 export class GalleryExampleComponent implements OnInit {
 
   readonly code = code;
   readonly fruits$: Observable<GalleryItem[]>;
-  readonly media$: Observable<GalleryConfig>;
+  readonly media$: Observable<any>;
 
   constructor(pixabay: Pixabay, mediaObserver: MediaObserver, private _title: Title) {
     this.fruits$ = pixabay.getHDImages('vegetables');
diff --git a/projects/ng-gallery-demo/src/app/pages/home/home.component.html b/projects/ng-gallery-demo/src/app/pages/home/home.component.html
index b3d1c838..05de6932 100644
--- a/projects/ng-gallery-demo/src/app/pages/home/home.component.html
+++ b/projects/ng-gallery-demo/src/app/pages/home/home.component.html
@@ -9,16 +9,16 @@ <h2>Simplifies the process of creating beautiful galleries.</h2>
     <gallery id="basic"
              *ngIf="media$ | async; let config"
              [items]="camel$ | async"
-             [thumbWidth]="config.thumbWidth"
-             [thumbHeight]="config.thumbHeight"
              ngStyle.lg="height: 540px"
              itemAutosize="true"
              imageSize="contain"
-             thumbPosition="top"
-             thumbs
              loop
-             thumbCentralized
-             autoplay/>
+             autoplay>
+      <gallery-thumbs position="top"
+                      centralized
+                      [thumbWidth]="config.thumbWidth"
+                      [thumbHeight]="config.thumbHeight"/>
+    </gallery>
   </div>
   <footer></footer>
 </div>
diff --git a/projects/ng-gallery-demo/src/app/pages/home/home.component.ts b/projects/ng-gallery-demo/src/app/pages/home/home.component.ts
index a498688a..71b0a38b 100644
--- a/projects/ng-gallery-demo/src/app/pages/home/home.component.ts
+++ b/projects/ng-gallery-demo/src/app/pages/home/home.component.ts
@@ -4,7 +4,7 @@ import { Title } from '@angular/platform-browser';
 import { RouterLink } from '@angular/router';
 import { MatButtonModule } from '@angular/material/button';
 import { FlexLayoutModule, MediaChange, MediaObserver } from '@angular/flex-layout';
-import { GalleryComponent, GalleryConfig, GalleryItem } from 'ng-gallery';
+import { GalleryComponent, GalleryConfig, GalleryItem, GalleryThumbsComponent } from 'ng-gallery';
 import { Observable, map } from 'rxjs';
 import { Pixabay } from '../../service/pixabay.service';
 import { FooterComponent } from '../../shared/footer/footer.component';
@@ -19,12 +19,12 @@ import { BadgesComponent } from '../../shared/badges/badges.component';
   styleUrls: ['./home.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [MatButtonModule, RouterLink, BadgesComponent, NgIf, GalleryComponent, FooterComponent, AsyncPipe, FlexLayoutModule]
+  imports: [MatButtonModule, RouterLink, BadgesComponent, NgIf, GalleryComponent, FooterComponent, AsyncPipe, FlexLayoutModule, GalleryThumbsComponent]
 })
 export class HomeComponent implements OnInit {
 
   readonly camel$: Observable<GalleryItem[]>;
-  readonly media$: Observable<GalleryConfig>;
+  readonly media$: Observable<any>;
 
   constructor(pixabay: Pixabay, mediaObserver: MediaObserver, private _title: Title) {
     this.camel$ = pixabay.getHDImages('mountain');
diff --git a/projects/ng-gallery-demo/src/app/pages/lab/lab.component.html b/projects/ng-gallery-demo/src/app/pages/lab/lab.component.html
index 08425cdb..8cf7c911 100644
--- a/projects/ng-gallery-demo/src/app/pages/lab/lab.component.html
+++ b/projects/ng-gallery-demo/src/app/pages/lab/lab.component.html
@@ -5,51 +5,70 @@ <h1 fxLayout>
   </h1>
 </div>
 <div class="page-content">
+  <basic-example/>
+
   <div *ngIf="show$ | async" class="gallery-container">
     <gallery #gallery id="lab"
              [items]="photos$ | async"
-             [autoHeight]="config.autoHeight"
+             [centralized]="config.centralized"
              [itemAutosize]="config.itemAutosize"
-             [thumbAutosize]="config.thumbAutosize"
              [loadingAttr]="config.loadingAttr"
-             [nav]="config.nav"
+             [resizeDebounceTime]="config.resizeDebounceTime"
              [loop]="config.loop"
-             [bullets]="config.bullets"
              [debug]="config.debug"
-             [thumbs]="config.thumbs"
-             [counter]="config.counter"
              [autoplay]="config.autoplay"
              [imageSize]="config.imageSize"
-             [thumbImageSize]="config.thumbImageSize"
-             [thumbCentralized]="config.thumbCentralized"
-             [thumbWidth]="config.thumbWidth"
-             [thumbHeight]="config.thumbHeight"
-             [disableThumbs]="config.disableThumbs"
-             [bulletPosition]="config.bulletPosition"
-             [thumbPosition]="config.thumbPosition"
-             [detachThumbs]="config.detachThumbs"
              [autoplayInterval]="config.autoplayInterval"
-             [counterPosition]="config.counterPosition"
              [loadingStrategy]="config.loadingStrategy"
              [orientation]="config.orientation"
              [scrollDuration]="config.scrollDuration"
              [disableScroll]="config.disableScroll"
-             [disableThumbScroll]="config.disableThumbScroll"
              [disableMouseScroll]="config.disableMouseScroll"
-             [disableThumbMouseScroll]="config.disableThumbMouseScroll"
              [scrollBehavior]="config.scrollBehavior"
-             (playingChange)="onPlayer($event)"
-             (indexChange)="onIndexChange($event)"
              (itemClick)="onItemClick($event)"
-             (thumbClick)="onThumbClick($event)"></gallery>
+             (thumbClick)="onThumbClick($event)">
+
+      <img *galleryItemDef="let item"
+           galleryImage
+           [src]="item.src"
+           fill
+           [attr.alt]="item.alt"/>
+
+      @if (navConfig.nav) {
+        <gallery-nav/>
+      }
+
+      @if (bulletConfig.bullet) {
+        <gallery-bullets [align]="bulletConfig.align"
+                         [scrollBehavior]="bulletConfig.scrollBehavior"
+                         [disabled]="bulletConfig.disabled"/>
+      }
+
+      @if (counterConfig.counter) {
+        <gallery-counter [align]="counterConfig.align"/>
+      }
+
+      @if (thumbConfig.thumbs) {
+        <gallery-thumbs [autosize]="thumbConfig.autosize"
+                        [imageSize]="thumbConfig.imageSize"
+                        [centralized]="thumbConfig.centralized"
+                        [thumbWidth]="thumbConfig.thumbWidth"
+                        [thumbHeight]="thumbConfig.thumbHeight"
+                        [disabled]="thumbConfig.disabled"
+                        [disableScroll]="thumbConfig.disableScroll"
+                        [disableMouseScroll]="thumbConfig.disableMouseScroll"
+                        [position]="thumbConfig.position"
+                        [detach]="thumbConfig.detach"/>
+      }
+    </gallery>
 
     <div class="buttons-container">
       <button mat-flat-button (click)="gallery.play()">Play</button>
       <button mat-button color="accent" (click)="gallery.stop()">Stop</button>
       <button mat-button color="primary" (click)="gallery.prev()">Prev</button>
       <button mat-button color="primary" (click)="gallery.next()">Next</button>
-      <button mat-button color="primary" (click)="gallery.remove(gallery.galleryRef.stateSnapshot.currIndex)">Remove
-      </button>
+<!--      <button mat-button color="primary" (click)="gallery.remove(gallery.galleryRef.currIndex())">Remove-->
+<!--      </button>-->
     </div>
   </div>
 
@@ -59,25 +78,25 @@ <h1 fxLayout>
       <div class="outputs-container">
         <ng-container *ngIf="indexChange$ | async; let indexChange">
           <span class="chip" [class.changed]="indexChange.active">
-            <strong>indexChange {{indexChange.e?.currIndex}}</strong>
+            <strong>indexChange {{ indexChange.e?.currIndex }}</strong>
           </span>
         </ng-container>
 
         <ng-container *ngIf="thumbClick$ | async; let thumbClick">
           <span class="chip" [class.changed]="thumbClick.active">
-            <strong>thumbClick {{thumbClick.e}}</strong>
+            <strong>thumbClick {{ thumbClick.e }}</strong>
           </span>
         </ng-container>
 
         <ng-container *ngIf="itemClick$ | async; let itemClick">
           <span class="chip" [class.changed]="itemClick.active">
-            <strong>itemClick {{itemClick.e}}</strong>
+            <strong>itemClick {{ itemClick.e }}</strong>
           </span>
         </ng-container>
 
         <ng-container *ngIf="player$ | async; let player">
           <span class="chip" [class.changed]="player.active">
-            <strong>playingChange {{player.e?.isPlaying}}</strong>
+            <strong>playingChange {{ player.e?.isPlaying }}</strong>
           </span>
         </ng-container>
       </div>
@@ -90,7 +109,7 @@ <h1 fxLayout>
             <mat-form-field>
               <mat-label>Loading strategy</mat-label>
               <mat-select [(ngModel)]="config.loadingStrategy">
-                <mat-option *ngFor="let strategy of loadingStrategies" [value]="strategy">{{strategy}}</mat-option>
+                <mat-option *ngFor="let strategy of loadingStrategies" [value]="strategy">{{ strategy }}</mat-option>
               </mat-select>
             </mat-form-field>
           </div>
@@ -98,7 +117,8 @@ <h1 fxLayout>
             <mat-form-field name="orientation">
               <mat-label>Orientation</mat-label>
               <mat-select [(ngModel)]="config.orientation">
-                <mat-option *ngFor="let orientation of orientations" [value]="orientation">{{orientation}}</mat-option>
+                <mat-option *ngFor="let orientation of orientations" [value]="orientation">{{ orientation }}
+                </mat-option>
               </mat-select>
             </mat-form-field>
           </div>
@@ -107,7 +127,7 @@ <h1 fxLayout>
             <mat-form-field>
               <mat-label>Image size</mat-label>
               <mat-select [(ngModel)]="config.imageSize">
-                <mat-option *ngFor="let size of imageSizes" [value]="size">{{size}}</mat-option>
+                <mat-option *ngFor="let size of imageSizes" [value]="size">{{ size }}</mat-option>
               </mat-select>
             </mat-form-field>
           </div>
@@ -115,8 +135,8 @@ <h1 fxLayout>
           <div>
             <mat-form-field>
               <mat-label>Thumbnails image size</mat-label>
-              <mat-select [(ngModel)]="config.thumbImageSize">
-                <mat-option *ngFor="let size of imageSizes" [value]="size">{{size}}</mat-option>
+              <mat-select [(ngModel)]="thumbConfig.imageSize">
+                <mat-option *ngFor="let size of imageSizes" [value]="size">{{ size }}</mat-option>
               </mat-select>
             </mat-form-field>
           </div>
@@ -124,8 +144,8 @@ <h1 fxLayout>
           <div>
             <mat-form-field>
               <mat-label>Thumbnails Position</mat-label>
-              <mat-select [(ngModel)]="config.thumbPosition" [disabled]="!config.thumbs">
-                <mat-option *ngFor="let position of thumbPositions" [value]="position">{{position}}</mat-option>
+              <mat-select [(ngModel)]="thumbConfig.position" [disabled]="!thumbConfig.thumbs">
+                <mat-option *ngFor="let position of thumbPositions" [value]="position">{{ position }}</mat-option>
               </mat-select>
             </mat-form-field>
           </div>
@@ -133,8 +153,8 @@ <h1 fxLayout>
           <div>
             <mat-form-field>
               <mat-label>Counter Position</mat-label>
-              <mat-select [(ngModel)]="config.counterPosition" [disabled]="!config.counter">
-                <mat-option *ngFor="let position of dotsCounterPositions" [value]="position">{{position}}</mat-option>
+              <mat-select [(ngModel)]="counterConfig.align" [disabled]="!counterConfig.counter">
+                <mat-option *ngFor="let position of dotsCounterPositions" [value]="position">{{ position }}</mat-option>
               </mat-select>
             </mat-form-field>
           </div>
@@ -142,8 +162,8 @@ <h1 fxLayout>
           <div>
             <mat-form-field>
               <mat-label>Dots Position</mat-label>
-              <mat-select [(ngModel)]="config.bulletPosition" [disabled]="!config.bullets">
-                <mat-option *ngFor="let position of dotsCounterPositions" [value]="position">{{position}}</mat-option>
+              <mat-select [(ngModel)]="bulletConfig.align" [disabled]="!bulletConfig.bullet">
+                <mat-option *ngFor="let position of dotsCounterPositions" [value]="position">{{ position }}</mat-option>
               </mat-select>
             </mat-form-field>
           </div>
@@ -154,14 +174,15 @@ <h1 fxLayout>
           <div>
             <mat-checkbox [(ngModel)]="config.debug">Debug</mat-checkbox>
           </div>
+<!--          <div>-->
+<!--            <mat-checkbox [(ngModel)]="config.autoHeight" [disabled]="config.itemAutosize">Auto-height</mat-checkbox>-->
+<!--          </div>-->
           <div>
-            <mat-checkbox [(ngModel)]="config.autoHeight" [disabled]="config.itemAutosize">Auto-height</mat-checkbox>
-          </div>
-          <div>
-            <mat-checkbox [(ngModel)]="config.itemAutosize" [disabled]="config.autoHeight">Item autosize</mat-checkbox>
+            <mat-checkbox [(ngModel)]="config.itemAutosize">Item autosize</mat-checkbox>
           </div>
           <div>
-            <mat-checkbox [(ngModel)]="config.thumbAutosize" [disabled]="!config.thumbs">Thumb autosize</mat-checkbox>
+            <mat-checkbox [(ngModel)]="thumbConfig.autosize" [disabled]="!thumbConfig.thumbs">Thumb autosize
+            </mat-checkbox>
           </div>
 
           <div>
@@ -188,7 +209,7 @@ <h1 fxLayout>
             <mat-form-field>
               <mat-label>Scroll Behavior</mat-label>
               <mat-select [(ngModel)]="config.scrollBehavior">
-                <mat-option *ngFor="let behavior of scrollBehaviors" [value]="behavior">{{behavior}}</mat-option>
+                <mat-option *ngFor="let behavior of scrollBehaviors" [value]="behavior">{{ behavior }}</mat-option>
               </mat-select>
             </mat-form-field>
           </div>
@@ -198,7 +219,7 @@ <h1 fxLayout>
               <mat-label>Loading Attr</mat-label>
               <mat-select [(ngModel)]="config.loadingAttr" [disabled]="config.itemAutosize">
                 <mat-option *ngFor="let loadingAttr of loadingAttrs" [value]="loadingAttr">
-                  {{config.itemAutosize ? 'eager' : loadingAttr}}
+                  {{ config.itemAutosize ? 'eager' : loadingAttr }}
                 </mat-option>
               </mat-select>
             </mat-form-field>
@@ -210,25 +231,30 @@ <h1 fxLayout>
             <mat-checkbox [(ngModel)]="config.loop">Loop navigation</mat-checkbox>
           </div>
           <div>
-            <mat-checkbox [(ngModel)]="config.nav">Show navigation</mat-checkbox>
+            <mat-checkbox [(ngModel)]="navConfig.nav">Show navigation</mat-checkbox>
+          </div>
+          <div>
+            <mat-checkbox [(ngModel)]="bulletConfig.bullet">Show bullets</mat-checkbox>
           </div>
           <div>
-            <mat-checkbox [(ngModel)]="config.bullets">Show dots</mat-checkbox>
+            <mat-checkbox [(ngModel)]="counterConfig.counter">Show counter</mat-checkbox>
           </div>
           <div>
-            <mat-checkbox [(ngModel)]="config.counter">Show counter</mat-checkbox>
+            <mat-checkbox [(ngModel)]="thumbConfig.thumbs">Show thumbnails</mat-checkbox>
           </div>
           <div>
-            <mat-checkbox [(ngModel)]="config.thumbs">Show thumbnails</mat-checkbox>
+            <mat-checkbox [(ngModel)]="config.centralized">Centralize Slider</mat-checkbox>
           </div>
           <div>
-            <mat-checkbox [(ngModel)]="config.thumbCentralized">Centralize Thumbnails</mat-checkbox>
+            <mat-checkbox [(ngModel)]="thumbConfig.centralized" [disabled]="!thumbConfig.thumbs">Centralize Thumbnails
+            </mat-checkbox>
           </div>
           <div>
-            <mat-checkbox [(ngModel)]="config.detachThumbs" [disabled]="!config.thumbs">Detach thumbnails</mat-checkbox>
+            <mat-checkbox [(ngModel)]="thumbConfig.detach" [disabled]="!thumbConfig.thumbs">Detach thumbnails
+            </mat-checkbox>
           </div>
           <div>
-            <mat-checkbox [(ngModel)]="config.disableThumbs" [disabled]="!config.thumbs">Disable thumbnails' clicks
+            <mat-checkbox [(ngModel)]="thumbConfig.disabled" [disabled]="!thumbConfig.thumbs">Disable thumbnails' clicks
             </mat-checkbox>
           </div>
           <div>
@@ -240,7 +266,9 @@ <h1 fxLayout>
           </div>
 
           <div>
-            <mat-checkbox [(ngModel)]="config.disableThumbScroll">Disable Thumb Scroll</mat-checkbox>
+            <mat-checkbox [(ngModel)]="thumbConfig.disableScroll" [disabled]="!thumbConfig.thumbs">Disable Thumb
+              Scroll
+            </mat-checkbox>
           </div>
 
           <div>
@@ -248,7 +276,9 @@ <h1 fxLayout>
           </div>
 
           <div>
-            <mat-checkbox [(ngModel)]="config.disableThumbMouseScroll">Disable Thumb Mouse Scroll</mat-checkbox>
+            <mat-checkbox [(ngModel)]="thumbConfig.disableMouseScroll" [disabled]="!thumbConfig.thumbs">Disable Thumb
+              Mouse Scroll
+            </mat-checkbox>
           </div>
         </div>
       </div>
diff --git a/projects/ng-gallery-demo/src/app/pages/lab/lab.component.ts b/projects/ng-gallery-demo/src/app/pages/lab/lab.component.ts
index 9855b088..e4a3857b 100644
--- a/projects/ng-gallery-demo/src/app/pages/lab/lab.component.ts
+++ b/projects/ng-gallery-demo/src/app/pages/lab/lab.component.ts
@@ -1,14 +1,20 @@
 import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { FormsModule } from '@angular/forms';
-import { NgIf, NgFor, AsyncPipe } from '@angular/common';
+import { NgIf, NgFor, AsyncPipe, NgOptimizedImage } from '@angular/common';
 import {
   GalleryItem,
   GalleryConfig,
   LoadingStrategy,
   Orientation,
   ThumbnailsPosition,
-  GalleryComponent
+  GalleryComponent,
+  GalleryThumbsComponent,
+  GalleryNavComponent,
+  GalleryBulletsComponent,
+  GalleryCounterComponent,
+  GalleryItemDef,
+  ImgRecognizer, AutoHeight
 } from 'ng-gallery';
 import { MatInputModule } from '@angular/material/input';
 import { MatCheckboxModule } from '@angular/material/checkbox';
@@ -22,6 +28,7 @@ import { FlexLayoutModule } from '@angular/flex-layout';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { Pixabay } from '../../service/pixabay.service';
 import { FooterComponent } from '../../shared/footer/footer.component';
+import { BasicExampleComponent } from '../examples/basic-example/basic-example';
 
 @Component({
   host: {
@@ -32,7 +39,32 @@ import { FooterComponent } from '../../shared/footer/footer.component';
   styleUrls: ['./lab.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [FlexLayoutModule, MatIconModule, NgIf, GalleryComponent, MatButtonModule, MatCardModule, MatFormFieldModule, MatSelectModule, FormsModule, NgFor, MatOptionModule, MatCheckboxModule, MatInputModule, FooterComponent, AsyncPipe]
+  imports: [
+    AutoHeight,
+    FlexLayoutModule,
+    MatIconModule,
+    NgIf,
+    GalleryComponent,
+    MatButtonModule,
+    MatCardModule,
+    MatFormFieldModule,
+    MatSelectModule,
+    FormsModule,
+    NgFor,
+    MatOptionModule,
+    MatCheckboxModule,
+    MatInputModule,
+    FooterComponent,
+    AsyncPipe,
+    GalleryThumbsComponent,
+    GalleryNavComponent,
+    GalleryBulletsComponent,
+    GalleryCounterComponent,
+    GalleryItemDef,
+    ImgRecognizer,
+    NgOptimizedImage,
+    BasicExampleComponent
+  ]
 })
 export class LabComponent implements OnInit {
 
@@ -40,6 +72,36 @@ export class LabComponent implements OnInit {
   photos$: Observable<GalleryItem[]>;
   config: GalleryConfig;
 
+  thumbConfig= {
+    thumbs: true,
+    disableScroll: false,
+    disableMouseScroll: false,
+    thumbWidth: 120,
+    thumbHeight: 90,
+    imageSize: 'cover',
+    disabled: false,
+    centralized: false,
+    position: ThumbnailsPosition.Bottom,
+    autosize: false,
+    detach: false
+  }
+
+  navConfig = {
+    nav: true
+  };
+
+  bulletConfig = {
+    bullet: true,
+    align: 'bottom',
+    scrollBehavior: 'smooth',
+    disabled: false
+  }
+
+  counterConfig = {
+    counter: true,
+    align: 'top'
+  }
+
   imageSizes = ['cover', 'contain'];
   thumbPositions = ['top', 'left', 'right', 'bottom'];
   loadingStrategies = ['default', 'lazy', 'preload'];
@@ -54,39 +116,24 @@ export class LabComponent implements OnInit {
   indexChange$ = new BehaviorSubject<any>({ active: false });
 
   constructor(pixabay: Pixabay, private _title: Title) {
-    this.photos$ = pixabay.getHDImages('jet fighter');
+    this.photos$ = pixabay.getHDImages('tropical');
   }
 
   ngOnInit() {
     this._title.setTitle('Lab | ng-gallery');
     this.config = {
-      nav: true,
       loop: true,
-      bullets: true,
-      bulletPosition: 'bottom',
-      counterPosition: 'top',
       resizeDebounceTime: 0,
       scrollDuration: 468,
-      thumbs: true,
-      counter: true,
       autoplay: false,
       disableScroll: false,
-      disableThumbScroll: false,
       disableMouseScroll: false,
-      disableThumbMouseScroll: false,
-      thumbWidth: 120,
-      thumbHeight: 90,
+      centralized: false,
       imageSize: 'contain',
-      thumbImageSize: 'cover',
-      disableThumbs: false,
       autoplayInterval: 3000,
-      thumbCentralized: false,
-      thumbPosition: ThumbnailsPosition.Bottom,
       loadingStrategy: LoadingStrategy.Preload,
       orientation: Orientation.Horizontal,
-      autoHeight: false,
       itemAutosize: false,
-      thumbAutosize: false,
       scrollBehavior: 'smooth',
       loadingAttr: 'lazy',
       debug: true
diff --git a/projects/ng-gallery-demo/src/app/pages/lightbox-example/lightbox-example.component.html b/projects/ng-gallery-demo/src/app/pages/lightbox-example/lightbox-example.component.html
index ff140a22..e15bffd2 100644
--- a/projects/ng-gallery-demo/src/app/pages/lightbox-example/lightbox-example.component.html
+++ b/projects/ng-gallery-demo/src/app/pages/lightbox-example/lightbox-example.component.html
@@ -46,14 +46,14 @@ <h4>Full Example</h4>
     <h3>Demo</h3>
 
     <div class="grid">
-      @for (item of space$ | async; track item.type; let i = $index) {
+      @for (item of space$ | async; track i; let i = $index) {
         <button mat-raised-button
                 class="grid-item"
                 [lightbox]="i"
                 gallery="lightbox">
-
-          <img class="grid-image" loading="lazy" [src]="item.data.thumb"/>
         </button>
+
+        <!--          <img class="grid-image" loading="lazy" [src]="item.data.thumb"/>-->
       }
     </div>
 
diff --git a/projects/ng-gallery-demo/src/app/pages/lightbox-example/lightbox-example.component.ts b/projects/ng-gallery-demo/src/app/pages/lightbox-example/lightbox-example.component.ts
index b893b3be..03f39a94 100644
--- a/projects/ng-gallery-demo/src/app/pages/lightbox-example/lightbox-example.component.ts
+++ b/projects/ng-gallery-demo/src/app/pages/lightbox-example/lightbox-example.component.ts
@@ -6,7 +6,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { Observable, map } from 'rxjs';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { Gallery, GalleryItem } from 'ng-gallery';
-import { Lightbox, LIGHTBOX_CONFIG, LightboxModule } from 'ng-gallery/lightbox';
+import { Lightbox, LightboxModule, provideLightboxOptions } from 'ng-gallery/lightbox';
 import { Pixabay } from '../../service/pixabay.service';
 import { FooterComponent } from '../../shared/footer/footer.component';
 import { HlCodeComponent } from '../../shared/hl-code/hl-code.component';
@@ -23,12 +23,9 @@ import { SectionTitleComponent } from '../../shared/section-title/section-title.
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   providers: [
-    {
-      provide: LIGHTBOX_CONFIG,
-      useValue: {
-        keyboardShortcuts: false
-      }
-    }
+    provideLightboxOptions({
+      keyboardShortcuts: false
+    })
   ],
   imports: [CommonModule, LightboxModule, SectionTitleComponent, NoteComponent, MatButtonModule, RouterLink, HlCodeComponent, FontAwesomeModule, FooterComponent]
 })
@@ -48,9 +45,8 @@ export class LightboxExampleComponent implements OnInit, OnDestroy {
       map((items: GalleryItem[]) => {
         // Load items manually into the lightbox gallery ref
         this.gallery.ref('lightbox', {
-          thumbPosition: 'top',
+          // thumbPosition: 'top',
           imageSize: 'cover',
-          autoHeight: false
         }).load(items);
 
         return items;
@@ -59,7 +55,7 @@ export class LightboxExampleComponent implements OnInit, OnDestroy {
   }
 
   ngOnDestroy() {
-    this.gallery.ref('lightbox').destroy();
+    // this.gallery.ref('lightbox').destroy();
   }
 }
 
diff --git a/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.html b/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.html
index d9e5292f..c43d8850 100644
--- a/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.html
+++ b/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.html
@@ -12,10 +12,9 @@ <h1>Custom Templates Example</h1>
   </section>
 
   @if (media$ | async; as config) {
-    <gallery id="mixed"
-             thumbs
-             [thumbWidth]="config.thumbWidth"
-             [thumbHeight]="config.thumbHeight">
+    <gallery id="mixed">
+      <gallery-thumbs [thumbWidth]="config.thumbWidth" [thumbHeight]="config.thumbHeight"/>
+
       <ng-container *galleryImageDef="let item; active as active">
         @if (active) {
           <span @slideAnimation class="item-text">
diff --git a/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.ts b/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.ts
index 82da2027..c009de8f 100644
--- a/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.ts
+++ b/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.ts
@@ -1,8 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, effect, OnInit, Signal, viewChild } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
 import {
-  Gallery,
   GalleryConfig,
   GalleryItemData,
   GalleryItemTypes,
@@ -11,7 +10,8 @@ import {
   VideoItemData,
   YoutubeItemData,
   GalleryModule,
-  VimeoItemData
+  GalleryComponent,
+  VimeoItemData, GalleryThumbsComponent
 } from 'ng-gallery';
 import { MediaChange, MediaObserver } from '@angular/flex-layout';
 import { Observable, map } from 'rxjs';
@@ -36,18 +36,22 @@ import { NoteComponent } from '../../shared/note/note.component';
   styleUrls: ['./templates-example.component.scss'],
   animations: [slideInAnimation],
   standalone: true,
-  imports: [CommonModule, SectionTitleComponent, GalleryModule, HlCodeComponent, FooterComponent, FontAwesomeModule, MatButtonModule, NoteComponent]
+  imports: [CommonModule, SectionTitleComponent, GalleryModule, HlCodeComponent, FooterComponent, FontAwesomeModule, MatButtonModule, NoteComponent, GalleryThumbsComponent]
 })
-export class TemplatesExampleComponent implements OnInit {
+export class TemplatesExampleComponent {
 
   readonly arr = data;
   readonly code = code;
-  readonly media$: Observable<GalleryConfig>;
+  readonly media$: Observable<any>;
   readonly youtubeIcon = faYoutube;
   readonly vimeoIcon = faVimeo;
   readonly videoIcon = faVideo;
 
-  constructor(private _gallery: Gallery, mediaObserver: MediaObserver, private _title: Title) {
+  gallery: Signal<GalleryComponent> = viewChild(GalleryComponent);
+
+  constructor(mediaObserver: MediaObserver, private _title: Title) {
+    this._title.setTitle('Custom Templates | ng-gallery');
+
     this.media$ = mediaObserver.asObservable().pipe(
       map((res: MediaChange[]) => {
         if (res.some((x => x.mqAlias === 'sm' || x.mqAlias === 'xs'))) {
@@ -62,30 +66,30 @@ export class TemplatesExampleComponent implements OnInit {
         };
       })
     );
-  }
 
-  ngOnInit() {
-    this._title.setTitle('Custom Templates | ng-gallery');
-    const galleryRef = this._gallery.ref('mixed');
-
-    this.arr.map((item: GalleryItemData) => {
-      switch (item.type) {
-        case GalleryItemTypes.Image:
-          galleryRef.addImage(item);
-          break;
-        case GalleryItemTypes.Video:
-          galleryRef.addVideo(item);
-          break;
-        case GalleryItemTypes.Youtube:
-          galleryRef.addYoutube(item);
-          break;
-        case GalleryItemTypes.Vimeo:
-          galleryRef.addVimeo(item);
-          break;
-        default:
-          galleryRef.addIframe(item);
-      }
-    });
+    // effect(() => {
+    //   const gallery: GalleryComponent = this.gallery();
+    //   if (gallery) {
+      //   this.arr.map((item: GalleryItemData) => {
+      //     switch (item.type) {
+      //       case GalleryItemTypes.Image:
+      //         gallery.addImage(item);
+      //         break;
+      //       case GalleryItemTypes.Video:
+      //         gallery.addVideo(item);
+      //         break;
+      //       case GalleryItemTypes.Youtube:
+      //         gallery.addYoutube(item);
+      //         break;
+      //       case GalleryItemTypes.Vimeo:
+      //         gallery.addVimeo(item);
+      //         break;
+      //       default:
+      //         gallery.addIframe(item);
+      //     }
+      //   });
+      // }
+  //   }, { allowSignalWrites: true });
   }
 }
 
@@ -141,7 +145,7 @@ const data: GalleryItemData[] = [
   } as VimeoItemData,
   {
     type: 'iframe',
-    src: 'https://ngx-scrollbar.netlify.com/',
+    src: 'https://ngx-scrollbar.netlify.app/',
     thumb: 'https://user-images.githubusercontent.com/8130692/64606830-d4006f00-d3cf-11e9-9874-c75269fa3a9c.png'
   } as IframeItemData
 ];
diff --git a/projects/ng-gallery-demo/src/app/service/pixabay.service.ts b/projects/ng-gallery-demo/src/app/service/pixabay.service.ts
index ed2a2702..7187eef7 100644
--- a/projects/ng-gallery-demo/src/app/service/pixabay.service.ts
+++ b/projects/ng-gallery-demo/src/app/service/pixabay.service.ts
@@ -20,7 +20,13 @@ export class Pixabay {
     const URL = `https://pixabay.com/api/?key=${ this.API_KEY }&q=${ encodeURIComponent(key) }&response_group=high_resolution&editors_choice=true&per_page=18&image_type=photo`;
     return this._http.get(URL).pipe(
       map((res: PixabayHDModel) => {
-        return res.hits.map((item: Hit2, i: number) => new ImageItem({ src: item.largeImageURL, thumb: item.previewURL, alt: `photo-${ i }` }));
+        return res.hits.map((item: Hit2, i: number) => {
+          return {
+            src: item.largeImageURL,
+            thumb: item.previewURL,
+            alt: `photo-${ i }`
+          };
+        });
       }),
       shareReplay(1)
     );
diff --git a/projects/ng-gallery/documentation.json b/projects/ng-gallery/documentation.json
deleted file mode 100644
index 964b4905..00000000
--- a/projects/ng-gallery/documentation.json
+++ /dev/null
@@ -1,15045 +0,0 @@
-{
-    "pipes": [],
-    "interfaces": [
-        {
-            "name": "BezierEasingOptions",
-            "id": "interface-BezierEasingOptions-d5eb67d1ecb7e4a497bc40fcef2fe77cbb5c20ac2db236be86ebd414c779eaa102f061d231cd6f4b9e7eccafc0caec3de14b9637f33374309f5e2e1e76ff7548",
-            "file": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { _XAxis, _YAxis } from '@angular/cdk/scrolling';\r\n\r\nexport type SmoothScrollOptions = _XAxis & _YAxis & {\r\n  behavior?: ScrollBehavior;\r\n}\r\n\r\nexport type SmoothScrollToOptions = _XAxis & _YAxis & {\r\n  duration?: number;\r\n  easing?: BezierEasingOptions;\r\n};\r\n\r\nexport interface SmoothScrollStep {\r\n  scrollable: HTMLElement;\r\n  startTime: number;\r\n  startX: number;\r\n  startY: number;\r\n  x: number;\r\n  y: number;\r\n  duration: number;\r\n  easing: (k: number) => number;\r\n  currentX?: number;\r\n  currentY?: number;\r\n}\r\n\r\nexport interface BezierEasingOptions {\r\n  x1: number;\r\n  y1: number;\r\n  x2: number;\r\n  y2: number;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "x1",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 26
-                },
-                {
-                    "name": "x2",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 28
-                },
-                {
-                    "name": "y1",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 27
-                },
-                {
-                    "name": "y2",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 29
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "BulletsConfig",
-            "id": "interface-BulletsConfig-6f9fdbcb39c24b0d29450ee3ef7d2371630be5c1f946773304ae58c3414ed67b990c7b6f65447311539eda65a179e0088235c46b7a44e65008d279b9ef79431e",
-            "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { InjectionToken, TemplateRef } from '@angular/core';\r\nimport { BezierEasingOptions } from '../smooth-scroll';\r\n\r\nexport const GALLERY_CONFIG: InjectionToken<GalleryConfig> = new InjectionToken<GalleryConfig>('GALLERY_CONFIG');\r\n\r\ntype ImageSize = 'contain' | 'cover';\r\n\r\ntype Orientation = 'horizontal' | 'vertical';\r\n\r\ntype ThumbsPosition = 'top' | 'left' | 'right' | 'bottom';\r\n\r\ntype HorizontalPosition = 'top' | 'bottom';\r\n\r\ntype LoadingStrategy = 'preload' | 'lazy' | 'default';\r\n\r\ntype LoadingAttr = 'eager' | 'lazy';\r\n\r\ninterface ThumbConfig {\r\n  thumbs?: boolean;\r\n  thumbWidth?: number;\r\n  thumbHeight?: number;\r\n  thumbLoadingIcon?: string;\r\n  thumbLoadingError?: string;\r\n  disableThumbs?: boolean;\r\n  detachThumbs?: boolean;\r\n  thumbAutosize?: boolean;\r\n  disableThumbScroll?: boolean;\r\n  disableThumbMouseScroll?: boolean;\r\n  thumbCentralized?: boolean;\r\n  thumbPosition?: ThumbsPosition;\r\n  thumbImageSize?: ImageSize;\r\n  thumbTemplate?: TemplateRef<any>;\r\n}\r\n\r\ninterface NavConfig {\r\n  nav?: boolean;\r\n  navIcon?: string;\r\n}\r\n\r\ninterface BulletsConfig {\r\n  bullets?: boolean;\r\n  disableBullets?: boolean;\r\n  bulletSize?: number;\r\n  bulletPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface CounterConfig {\r\n  counter?: boolean;\r\n  counterPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface PlayerConfig {\r\n  autoplay?: boolean;\r\n  autoplayInterval?: number;\r\n}\r\n\r\ninterface SliderConfig {\r\n  loop?: boolean;\r\n  disableScroll?: boolean;\r\n  disableMouseScroll?: boolean;\r\n  itemAutosize?: boolean;\r\n  autoHeight?: boolean;\r\n  loadingIcon?: string;\r\n  loadingError?: string;\r\n  scrollDuration?: number;\r\n  scrollEase?: BezierEasingOptions;\r\n  orientation?: Orientation;\r\n  imageSize?: ImageSize;\r\n  loadingStrategy?: LoadingStrategy;\r\n  loadingAttr?: LoadingAttr;\r\n  boxTemplate?: TemplateRef<any>;\r\n  itemTemplate?: TemplateRef<any>;\r\n  imageTemplate?: TemplateRef<any>;\r\n}\r\n\r\nexport type GalleryConfig = SliderConfig\r\n  & ThumbConfig\r\n  & NavConfig\r\n  & BulletsConfig\r\n  & CounterConfig\r\n  & PlayerConfig\r\n  & {\r\n  scrollBehavior?: ScrollBehavior;\r\n  resizeDebounceTime?: number;\r\n  debug?: boolean;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "bulletPosition",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "HorizontalPosition",
-                    "optional": true,
-                    "description": "",
-                    "line": 44
-                },
-                {
-                    "name": "bullets",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 41
-                },
-                {
-                    "name": "bulletSize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": true,
-                    "description": "",
-                    "line": 43
-                },
-                {
-                    "name": "disableBullets",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 42
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "CounterConfig",
-            "id": "interface-CounterConfig-6f9fdbcb39c24b0d29450ee3ef7d2371630be5c1f946773304ae58c3414ed67b990c7b6f65447311539eda65a179e0088235c46b7a44e65008d279b9ef79431e",
-            "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { InjectionToken, TemplateRef } from '@angular/core';\r\nimport { BezierEasingOptions } from '../smooth-scroll';\r\n\r\nexport const GALLERY_CONFIG: InjectionToken<GalleryConfig> = new InjectionToken<GalleryConfig>('GALLERY_CONFIG');\r\n\r\ntype ImageSize = 'contain' | 'cover';\r\n\r\ntype Orientation = 'horizontal' | 'vertical';\r\n\r\ntype ThumbsPosition = 'top' | 'left' | 'right' | 'bottom';\r\n\r\ntype HorizontalPosition = 'top' | 'bottom';\r\n\r\ntype LoadingStrategy = 'preload' | 'lazy' | 'default';\r\n\r\ntype LoadingAttr = 'eager' | 'lazy';\r\n\r\ninterface ThumbConfig {\r\n  thumbs?: boolean;\r\n  thumbWidth?: number;\r\n  thumbHeight?: number;\r\n  thumbLoadingIcon?: string;\r\n  thumbLoadingError?: string;\r\n  disableThumbs?: boolean;\r\n  detachThumbs?: boolean;\r\n  thumbAutosize?: boolean;\r\n  disableThumbScroll?: boolean;\r\n  disableThumbMouseScroll?: boolean;\r\n  thumbCentralized?: boolean;\r\n  thumbPosition?: ThumbsPosition;\r\n  thumbImageSize?: ImageSize;\r\n  thumbTemplate?: TemplateRef<any>;\r\n}\r\n\r\ninterface NavConfig {\r\n  nav?: boolean;\r\n  navIcon?: string;\r\n}\r\n\r\ninterface BulletsConfig {\r\n  bullets?: boolean;\r\n  disableBullets?: boolean;\r\n  bulletSize?: number;\r\n  bulletPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface CounterConfig {\r\n  counter?: boolean;\r\n  counterPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface PlayerConfig {\r\n  autoplay?: boolean;\r\n  autoplayInterval?: number;\r\n}\r\n\r\ninterface SliderConfig {\r\n  loop?: boolean;\r\n  disableScroll?: boolean;\r\n  disableMouseScroll?: boolean;\r\n  itemAutosize?: boolean;\r\n  autoHeight?: boolean;\r\n  loadingIcon?: string;\r\n  loadingError?: string;\r\n  scrollDuration?: number;\r\n  scrollEase?: BezierEasingOptions;\r\n  orientation?: Orientation;\r\n  imageSize?: ImageSize;\r\n  loadingStrategy?: LoadingStrategy;\r\n  loadingAttr?: LoadingAttr;\r\n  boxTemplate?: TemplateRef<any>;\r\n  itemTemplate?: TemplateRef<any>;\r\n  imageTemplate?: TemplateRef<any>;\r\n}\r\n\r\nexport type GalleryConfig = SliderConfig\r\n  & ThumbConfig\r\n  & NavConfig\r\n  & BulletsConfig\r\n  & CounterConfig\r\n  & PlayerConfig\r\n  & {\r\n  scrollBehavior?: ScrollBehavior;\r\n  resizeDebounceTime?: number;\r\n  debug?: boolean;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "counter",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 48
-                },
-                {
-                    "name": "counterPosition",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "HorizontalPosition",
-                    "optional": true,
-                    "description": "",
-                    "line": 49
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "GalleryError",
-            "id": "interface-GalleryError-bccc61a9106233b10cea13d16a36070bc93ff42f88a7f805e345e1617af3cfd049400f126fa7362585b75441e4bc42e59899a526d56d21bee91bd073bec24a6c",
-            "file": "projects/ng-gallery/src/lib/models/gallery.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { GalleryAction, GalleryItemType } from './constants';\r\nimport { GalleryItemData } from '../components/templates/items.model';\r\n\r\nexport interface GalleryState {\r\n  action?: GalleryAction;\r\n  items?: GalleryItem[];\r\n  behavior?: ScrollBehavior;\r\n  currIndex?: number;\r\n  hasNext?: boolean;\r\n  hasPrev?: boolean;\r\n  isPlaying?: boolean;\r\n}\r\n\r\nexport interface GalleryItem {\r\n  data?: GalleryItemData;\r\n  type?: GalleryItemType;\r\n}\r\n\r\nexport interface GalleryError {\r\n  itemIndex: number;\r\n  error: ErrorEvent;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "error",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ErrorEvent",
-                    "optional": false,
-                    "description": "",
-                    "line": 21
-                },
-                {
-                    "name": "itemIndex",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 20
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "GalleryItem",
-            "id": "interface-GalleryItem-bccc61a9106233b10cea13d16a36070bc93ff42f88a7f805e345e1617af3cfd049400f126fa7362585b75441e4bc42e59899a526d56d21bee91bd073bec24a6c",
-            "file": "projects/ng-gallery/src/lib/models/gallery.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { GalleryAction, GalleryItemType } from './constants';\r\nimport { GalleryItemData } from '../components/templates/items.model';\r\n\r\nexport interface GalleryState {\r\n  action?: GalleryAction;\r\n  items?: GalleryItem[];\r\n  behavior?: ScrollBehavior;\r\n  currIndex?: number;\r\n  hasNext?: boolean;\r\n  hasPrev?: boolean;\r\n  isPlaying?: boolean;\r\n}\r\n\r\nexport interface GalleryItem {\r\n  data?: GalleryItemData;\r\n  type?: GalleryItemType;\r\n}\r\n\r\nexport interface GalleryError {\r\n  itemIndex: number;\r\n  error: ErrorEvent;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "data",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryItemData",
-                    "optional": true,
-                    "description": "",
-                    "line": 15
-                },
-                {
-                    "name": "type",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryItemType",
-                    "optional": true,
-                    "description": "",
-                    "line": 16
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "GalleryItemContext",
-            "id": "interface-GalleryItemContext-26e1a2a9cd6d60ca99303fc991011e44a915536a91e7fffb302ad20298ea1600095dac2bbb811adb2767e9c07b63f913c60fab3c81fff80a56796b65a8136cba",
-            "file": "projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { Directive, TemplateRef } from '@angular/core';\r\nimport { GalleryItemData } from '../components/templates/items.model';\r\nimport { GalleryItemType } from '../models/constants';\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[galleryItemDef]'\r\n})\r\nexport class GalleryItemDef {\r\n  constructor(public templateRef: TemplateRef<GalleryItemContext<GalleryItemDef>>) {\r\n  }\r\n\r\n  // Make sure the template checker knows the type of the context with which the\r\n  // template of this directive will be rendered\r\n  static ngTemplateContextGuard(\r\n    directive: GalleryItemDef,\r\n    context: unknown\r\n  ): context is GalleryItemContext<GalleryItemData> {\r\n    return true;\r\n  }\r\n}\r\n\r\nexport interface GalleryItemContext<T> {\r\n  /** Data for the row that this cell is located within. */\r\n  $implicit?: T;\r\n\r\n  /** Index of the item. */\r\n  index?: number;\r\n\r\n  /** The type of the item. */\r\n  type?: GalleryItemType;\r\n\r\n  /** True if this item is the active one. */\r\n  active?: boolean;\r\n\r\n  /** The number of total items. */\r\n  count?: number;\r\n\r\n  /** True if this item is first. */\r\n  first?: boolean;\r\n\r\n  /** True if this item is last. */\r\n  last?: boolean;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "$implicit",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "T",
-                    "optional": true,
-                    "description": "<p>Data for the row that this cell is located within.</p>\n",
-                    "line": 25,
-                    "rawdescription": "\nData for the row that this cell is located within."
-                },
-                {
-                    "name": "active",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "<p>True if this item is the active one.</p>\n",
-                    "line": 34,
-                    "rawdescription": "\nTrue if this item is the active one."
-                },
-                {
-                    "name": "count",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": true,
-                    "description": "<p>The number of total items.</p>\n",
-                    "line": 37,
-                    "rawdescription": "\nThe number of total items."
-                },
-                {
-                    "name": "first",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "<p>True if this item is first.</p>\n",
-                    "line": 40,
-                    "rawdescription": "\nTrue if this item is first."
-                },
-                {
-                    "name": "index",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": true,
-                    "description": "<p>Index of the item.</p>\n",
-                    "line": 28,
-                    "rawdescription": "\nIndex of the item."
-                },
-                {
-                    "name": "last",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "<p>True if this item is last.</p>\n",
-                    "line": 43,
-                    "rawdescription": "\nTrue if this item is last."
-                },
-                {
-                    "name": "type",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryItemType",
-                    "optional": true,
-                    "description": "<p>The type of the item.</p>\n",
-                    "line": 31,
-                    "rawdescription": "\nThe type of the item."
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "GalleryState",
-            "id": "interface-GalleryState-bccc61a9106233b10cea13d16a36070bc93ff42f88a7f805e345e1617af3cfd049400f126fa7362585b75441e4bc42e59899a526d56d21bee91bd073bec24a6c",
-            "file": "projects/ng-gallery/src/lib/models/gallery.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { GalleryAction, GalleryItemType } from './constants';\r\nimport { GalleryItemData } from '../components/templates/items.model';\r\n\r\nexport interface GalleryState {\r\n  action?: GalleryAction;\r\n  items?: GalleryItem[];\r\n  behavior?: ScrollBehavior;\r\n  currIndex?: number;\r\n  hasNext?: boolean;\r\n  hasPrev?: boolean;\r\n  isPlaying?: boolean;\r\n}\r\n\r\nexport interface GalleryItem {\r\n  data?: GalleryItemData;\r\n  type?: GalleryItemType;\r\n}\r\n\r\nexport interface GalleryError {\r\n  itemIndex: number;\r\n  error: ErrorEvent;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "action",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryAction",
-                    "optional": true,
-                    "description": "",
-                    "line": 5
-                },
-                {
-                    "name": "behavior",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ScrollBehavior",
-                    "optional": true,
-                    "description": "",
-                    "line": 7
-                },
-                {
-                    "name": "currIndex",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": true,
-                    "description": "",
-                    "line": 8
-                },
-                {
-                    "name": "hasNext",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 9
-                },
-                {
-                    "name": "hasPrev",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 10
-                },
-                {
-                    "name": "isPlaying",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 11
-                },
-                {
-                    "name": "items",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryItem[]",
-                    "optional": true,
-                    "description": "",
-                    "line": 6
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "GalleryStateContext",
-            "id": "interface-GalleryStateContext-dc42fc50e33dfef0b09f6091971bf663a23f56cdc21288a1d462bdbc08634bd1b5b282ac3be9fcd63e7a7bf9dbb0caf078fe0cc1be3b3bee6b6030f88eb947cf",
-            "file": "projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { Directive, TemplateRef } from '@angular/core';\r\nimport { GalleryState } from '../models/gallery.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\n\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[galleryBoxDef]'\r\n})\r\nexport class GalleryBoxDef {\r\n\r\n  constructor(public templateRef: TemplateRef<GalleryStateContext>) {\r\n  }\r\n\r\n  // Make sure the template checker knows the type of the context with which the\r\n  // template of this directive will be rendered\r\n  static ngTemplateContextGuard(\r\n    directive: GalleryBoxDef,\r\n    context: unknown\r\n  ): context is GalleryStateContext {\r\n    return true;\r\n  }\r\n}\r\n\r\nexport interface GalleryStateContext {\r\n  state?: GalleryState;\r\n  config?: GalleryConfig;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryConfig",
-                    "optional": true,
-                    "description": "",
-                    "line": 27
-                },
-                {
-                    "name": "state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryState",
-                    "optional": true,
-                    "description": "",
-                    "line": 26
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "Hit",
-            "id": "interface-Hit-9963e215a72986d46269a7e039737f6c6e55bc470c7ac76575d708b4130365d8f7c49083162f6e62f4513eb9bdb38e41e5a145ecf64a471b5a64bc6912546195",
-            "file": "projects/ng-gallery/src/stories/pixabay/pixabay.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "export interface PixabayModel {\r\n  total: number;\r\n  totalHits: number;\r\n  hits: Hit[];\r\n}\r\n\r\nexport interface Hit {\r\n  id: number;\r\n  pageURL: string;\r\n  type: string;\r\n  tags: string[];\r\n  previewURL: string;\r\n  previewWidth: number;\r\n  previewHeight: number;\r\n  webformatURL: string;\r\n  webformatWidth: number;\r\n  webformatHeight: number;\r\n  imageWidth: number;\r\n  imageHeight: number;\r\n  imageSize: number;\r\n  views: number;\r\n  downloads: number;\r\n  favorites: number;\r\n  likes: number;\r\n  comments: number;\r\n  user_id: number;\r\n  user: string;\r\n  userImageURL: string;\r\n}\r\nexport interface PixabayHDModel {\r\n  total: number;\r\n  totalHits: number;\r\n  hits: Hit2[];\r\n}\r\n\r\nexport interface Hit2 {\r\n  id_hash: string;\r\n  type: string;\r\n  previewURL: string;\r\n  previewWidth: number;\r\n  previewHeight: number;\r\n  webformatURL: string;\r\n  webformatWidth: number;\r\n  webformatHeight: number;\r\n  largeImageURL: string;\r\n  fullHDURL: string;\r\n  imageWidth: number;\r\n  imageHeight: number;\r\n  imageSize: number;\r\n  imageURL: string;\r\n  user_id: number;\r\n  user: string;\r\n  userImageURL: string;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "comments",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 25
-                },
-                {
-                    "name": "downloads",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 22
-                },
-                {
-                    "name": "favorites",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 23
-                },
-                {
-                    "name": "id",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 8
-                },
-                {
-                    "name": "imageHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 19
-                },
-                {
-                    "name": "imageSize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 20
-                },
-                {
-                    "name": "imageWidth",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 18
-                },
-                {
-                    "name": "likes",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 24
-                },
-                {
-                    "name": "pageURL",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 9
-                },
-                {
-                    "name": "previewHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 14
-                },
-                {
-                    "name": "previewURL",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 12
-                },
-                {
-                    "name": "previewWidth",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 13
-                },
-                {
-                    "name": "tags",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string[]",
-                    "optional": false,
-                    "description": "",
-                    "line": 11
-                },
-                {
-                    "name": "type",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 10
-                },
-                {
-                    "name": "user",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 27
-                },
-                {
-                    "name": "user_id",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 26
-                },
-                {
-                    "name": "userImageURL",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 28
-                },
-                {
-                    "name": "views",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 21
-                },
-                {
-                    "name": "webformatHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 17
-                },
-                {
-                    "name": "webformatURL",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 15
-                },
-                {
-                    "name": "webformatWidth",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 16
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "Hit2",
-            "id": "interface-Hit2-9963e215a72986d46269a7e039737f6c6e55bc470c7ac76575d708b4130365d8f7c49083162f6e62f4513eb9bdb38e41e5a145ecf64a471b5a64bc6912546195",
-            "file": "projects/ng-gallery/src/stories/pixabay/pixabay.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "export interface PixabayModel {\r\n  total: number;\r\n  totalHits: number;\r\n  hits: Hit[];\r\n}\r\n\r\nexport interface Hit {\r\n  id: number;\r\n  pageURL: string;\r\n  type: string;\r\n  tags: string[];\r\n  previewURL: string;\r\n  previewWidth: number;\r\n  previewHeight: number;\r\n  webformatURL: string;\r\n  webformatWidth: number;\r\n  webformatHeight: number;\r\n  imageWidth: number;\r\n  imageHeight: number;\r\n  imageSize: number;\r\n  views: number;\r\n  downloads: number;\r\n  favorites: number;\r\n  likes: number;\r\n  comments: number;\r\n  user_id: number;\r\n  user: string;\r\n  userImageURL: string;\r\n}\r\nexport interface PixabayHDModel {\r\n  total: number;\r\n  totalHits: number;\r\n  hits: Hit2[];\r\n}\r\n\r\nexport interface Hit2 {\r\n  id_hash: string;\r\n  type: string;\r\n  previewURL: string;\r\n  previewWidth: number;\r\n  previewHeight: number;\r\n  webformatURL: string;\r\n  webformatWidth: number;\r\n  webformatHeight: number;\r\n  largeImageURL: string;\r\n  fullHDURL: string;\r\n  imageWidth: number;\r\n  imageHeight: number;\r\n  imageSize: number;\r\n  imageURL: string;\r\n  user_id: number;\r\n  user: string;\r\n  userImageURL: string;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "fullHDURL",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 46
-                },
-                {
-                    "name": "id_hash",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 37
-                },
-                {
-                    "name": "imageHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 48
-                },
-                {
-                    "name": "imageSize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 49
-                },
-                {
-                    "name": "imageURL",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 50
-                },
-                {
-                    "name": "imageWidth",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 47
-                },
-                {
-                    "name": "largeImageURL",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 45
-                },
-                {
-                    "name": "previewHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 41
-                },
-                {
-                    "name": "previewURL",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 39
-                },
-                {
-                    "name": "previewWidth",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 40
-                },
-                {
-                    "name": "type",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 38
-                },
-                {
-                    "name": "user",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 52
-                },
-                {
-                    "name": "user_id",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 51
-                },
-                {
-                    "name": "userImageURL",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 53
-                },
-                {
-                    "name": "webformatHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 44
-                },
-                {
-                    "name": "webformatURL",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 42
-                },
-                {
-                    "name": "webformatWidth",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 43
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "ImageRegistry",
-            "id": "interface-ImageRegistry-1e866edcdaf413ff6b97d6c0d28de27c02d86d2541f0037c4ee618a37f046e7657dfe08ed0dfdffcc7fc468817c0fc1ddb92feaec87cc5069cccc55780a4f395",
-            "file": "projects/ng-gallery/src/lib/utils/img-manager.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { Injectable } from '@angular/core';\r\nimport { Observable, BehaviorSubject, filter, map, switchMap, EMPTY } from 'rxjs';\r\nimport { GalleryState } from '../models/gallery.model';\r\nimport { ItemState } from '../components/templates/items.model';\r\n\r\ninterface ImageRegistry {\r\n  state: Observable<ItemState>;\r\n  target: HTMLImageElement;\r\n}\r\n\r\n@Injectable()\r\nexport class ImgManager {\r\n\r\n  private readonly trigger$: BehaviorSubject<void> = new BehaviorSubject<void>(null);\r\n\r\n  private readonly images: Map<number, ImageRegistry> = new Map<number, ImageRegistry>();\r\n\r\n  getActiveItem(state$: Observable<GalleryState>): Observable<HTMLImageElement> {\r\n    return this.trigger$.pipe(\r\n      switchMap(() => state$.pipe(\r\n        switchMap((state: GalleryState) => {\r\n          const img: ImageRegistry = this.images.get(state.currIndex);\r\n          if (img) {\r\n            return img.state.pipe(\r\n              filter((state: ItemState) => state !== 'loading'),\r\n              map(() => img.target)\r\n            )\r\n          }\r\n          return EMPTY;\r\n        })\r\n      ))\r\n    );\r\n  }\r\n\r\n  addItem(index: number, payload: ImageRegistry): void {\r\n    this.images.set(index, payload);\r\n    this.trigger$.next();\r\n  }\r\n\r\n  deleteItem(index: number): void {\r\n    if (this.images.has(index)) {\r\n      this.images.delete(index);\r\n      this.trigger$.next();\r\n    }\r\n  }\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Observable<ItemState>",
-                    "optional": false,
-                    "description": "",
-                    "line": 7
-                },
-                {
-                    "name": "target",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "HTMLImageElement",
-                    "optional": false,
-                    "description": "",
-                    "line": 8
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "NavConfig",
-            "id": "interface-NavConfig-6f9fdbcb39c24b0d29450ee3ef7d2371630be5c1f946773304ae58c3414ed67b990c7b6f65447311539eda65a179e0088235c46b7a44e65008d279b9ef79431e",
-            "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { InjectionToken, TemplateRef } from '@angular/core';\r\nimport { BezierEasingOptions } from '../smooth-scroll';\r\n\r\nexport const GALLERY_CONFIG: InjectionToken<GalleryConfig> = new InjectionToken<GalleryConfig>('GALLERY_CONFIG');\r\n\r\ntype ImageSize = 'contain' | 'cover';\r\n\r\ntype Orientation = 'horizontal' | 'vertical';\r\n\r\ntype ThumbsPosition = 'top' | 'left' | 'right' | 'bottom';\r\n\r\ntype HorizontalPosition = 'top' | 'bottom';\r\n\r\ntype LoadingStrategy = 'preload' | 'lazy' | 'default';\r\n\r\ntype LoadingAttr = 'eager' | 'lazy';\r\n\r\ninterface ThumbConfig {\r\n  thumbs?: boolean;\r\n  thumbWidth?: number;\r\n  thumbHeight?: number;\r\n  thumbLoadingIcon?: string;\r\n  thumbLoadingError?: string;\r\n  disableThumbs?: boolean;\r\n  detachThumbs?: boolean;\r\n  thumbAutosize?: boolean;\r\n  disableThumbScroll?: boolean;\r\n  disableThumbMouseScroll?: boolean;\r\n  thumbCentralized?: boolean;\r\n  thumbPosition?: ThumbsPosition;\r\n  thumbImageSize?: ImageSize;\r\n  thumbTemplate?: TemplateRef<any>;\r\n}\r\n\r\ninterface NavConfig {\r\n  nav?: boolean;\r\n  navIcon?: string;\r\n}\r\n\r\ninterface BulletsConfig {\r\n  bullets?: boolean;\r\n  disableBullets?: boolean;\r\n  bulletSize?: number;\r\n  bulletPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface CounterConfig {\r\n  counter?: boolean;\r\n  counterPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface PlayerConfig {\r\n  autoplay?: boolean;\r\n  autoplayInterval?: number;\r\n}\r\n\r\ninterface SliderConfig {\r\n  loop?: boolean;\r\n  disableScroll?: boolean;\r\n  disableMouseScroll?: boolean;\r\n  itemAutosize?: boolean;\r\n  autoHeight?: boolean;\r\n  loadingIcon?: string;\r\n  loadingError?: string;\r\n  scrollDuration?: number;\r\n  scrollEase?: BezierEasingOptions;\r\n  orientation?: Orientation;\r\n  imageSize?: ImageSize;\r\n  loadingStrategy?: LoadingStrategy;\r\n  loadingAttr?: LoadingAttr;\r\n  boxTemplate?: TemplateRef<any>;\r\n  itemTemplate?: TemplateRef<any>;\r\n  imageTemplate?: TemplateRef<any>;\r\n}\r\n\r\nexport type GalleryConfig = SliderConfig\r\n  & ThumbConfig\r\n  & NavConfig\r\n  & BulletsConfig\r\n  & CounterConfig\r\n  & PlayerConfig\r\n  & {\r\n  scrollBehavior?: ScrollBehavior;\r\n  resizeDebounceTime?: number;\r\n  debug?: boolean;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "nav",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 36
-                },
-                {
-                    "name": "navIcon",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": true,
-                    "description": "",
-                    "line": 37
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "PixabayHDModel",
-            "id": "interface-PixabayHDModel-9963e215a72986d46269a7e039737f6c6e55bc470c7ac76575d708b4130365d8f7c49083162f6e62f4513eb9bdb38e41e5a145ecf64a471b5a64bc6912546195",
-            "file": "projects/ng-gallery/src/stories/pixabay/pixabay.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "export interface PixabayModel {\r\n  total: number;\r\n  totalHits: number;\r\n  hits: Hit[];\r\n}\r\n\r\nexport interface Hit {\r\n  id: number;\r\n  pageURL: string;\r\n  type: string;\r\n  tags: string[];\r\n  previewURL: string;\r\n  previewWidth: number;\r\n  previewHeight: number;\r\n  webformatURL: string;\r\n  webformatWidth: number;\r\n  webformatHeight: number;\r\n  imageWidth: number;\r\n  imageHeight: number;\r\n  imageSize: number;\r\n  views: number;\r\n  downloads: number;\r\n  favorites: number;\r\n  likes: number;\r\n  comments: number;\r\n  user_id: number;\r\n  user: string;\r\n  userImageURL: string;\r\n}\r\nexport interface PixabayHDModel {\r\n  total: number;\r\n  totalHits: number;\r\n  hits: Hit2[];\r\n}\r\n\r\nexport interface Hit2 {\r\n  id_hash: string;\r\n  type: string;\r\n  previewURL: string;\r\n  previewWidth: number;\r\n  previewHeight: number;\r\n  webformatURL: string;\r\n  webformatWidth: number;\r\n  webformatHeight: number;\r\n  largeImageURL: string;\r\n  fullHDURL: string;\r\n  imageWidth: number;\r\n  imageHeight: number;\r\n  imageSize: number;\r\n  imageURL: string;\r\n  user_id: number;\r\n  user: string;\r\n  userImageURL: string;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "hits",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Hit2[]",
-                    "optional": false,
-                    "description": "",
-                    "line": 33
-                },
-                {
-                    "name": "total",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 31
-                },
-                {
-                    "name": "totalHits",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 32
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "PixabayModel",
-            "id": "interface-PixabayModel-9963e215a72986d46269a7e039737f6c6e55bc470c7ac76575d708b4130365d8f7c49083162f6e62f4513eb9bdb38e41e5a145ecf64a471b5a64bc6912546195",
-            "file": "projects/ng-gallery/src/stories/pixabay/pixabay.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "export interface PixabayModel {\r\n  total: number;\r\n  totalHits: number;\r\n  hits: Hit[];\r\n}\r\n\r\nexport interface Hit {\r\n  id: number;\r\n  pageURL: string;\r\n  type: string;\r\n  tags: string[];\r\n  previewURL: string;\r\n  previewWidth: number;\r\n  previewHeight: number;\r\n  webformatURL: string;\r\n  webformatWidth: number;\r\n  webformatHeight: number;\r\n  imageWidth: number;\r\n  imageHeight: number;\r\n  imageSize: number;\r\n  views: number;\r\n  downloads: number;\r\n  favorites: number;\r\n  likes: number;\r\n  comments: number;\r\n  user_id: number;\r\n  user: string;\r\n  userImageURL: string;\r\n}\r\nexport interface PixabayHDModel {\r\n  total: number;\r\n  totalHits: number;\r\n  hits: Hit2[];\r\n}\r\n\r\nexport interface Hit2 {\r\n  id_hash: string;\r\n  type: string;\r\n  previewURL: string;\r\n  previewWidth: number;\r\n  previewHeight: number;\r\n  webformatURL: string;\r\n  webformatWidth: number;\r\n  webformatHeight: number;\r\n  largeImageURL: string;\r\n  fullHDURL: string;\r\n  imageWidth: number;\r\n  imageHeight: number;\r\n  imageSize: number;\r\n  imageURL: string;\r\n  user_id: number;\r\n  user: string;\r\n  userImageURL: string;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "hits",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Hit[]",
-                    "optional": false,
-                    "description": "",
-                    "line": 4
-                },
-                {
-                    "name": "total",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 2
-                },
-                {
-                    "name": "totalHits",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 3
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "PlayerConfig",
-            "id": "interface-PlayerConfig-6f9fdbcb39c24b0d29450ee3ef7d2371630be5c1f946773304ae58c3414ed67b990c7b6f65447311539eda65a179e0088235c46b7a44e65008d279b9ef79431e",
-            "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { InjectionToken, TemplateRef } from '@angular/core';\r\nimport { BezierEasingOptions } from '../smooth-scroll';\r\n\r\nexport const GALLERY_CONFIG: InjectionToken<GalleryConfig> = new InjectionToken<GalleryConfig>('GALLERY_CONFIG');\r\n\r\ntype ImageSize = 'contain' | 'cover';\r\n\r\ntype Orientation = 'horizontal' | 'vertical';\r\n\r\ntype ThumbsPosition = 'top' | 'left' | 'right' | 'bottom';\r\n\r\ntype HorizontalPosition = 'top' | 'bottom';\r\n\r\ntype LoadingStrategy = 'preload' | 'lazy' | 'default';\r\n\r\ntype LoadingAttr = 'eager' | 'lazy';\r\n\r\ninterface ThumbConfig {\r\n  thumbs?: boolean;\r\n  thumbWidth?: number;\r\n  thumbHeight?: number;\r\n  thumbLoadingIcon?: string;\r\n  thumbLoadingError?: string;\r\n  disableThumbs?: boolean;\r\n  detachThumbs?: boolean;\r\n  thumbAutosize?: boolean;\r\n  disableThumbScroll?: boolean;\r\n  disableThumbMouseScroll?: boolean;\r\n  thumbCentralized?: boolean;\r\n  thumbPosition?: ThumbsPosition;\r\n  thumbImageSize?: ImageSize;\r\n  thumbTemplate?: TemplateRef<any>;\r\n}\r\n\r\ninterface NavConfig {\r\n  nav?: boolean;\r\n  navIcon?: string;\r\n}\r\n\r\ninterface BulletsConfig {\r\n  bullets?: boolean;\r\n  disableBullets?: boolean;\r\n  bulletSize?: number;\r\n  bulletPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface CounterConfig {\r\n  counter?: boolean;\r\n  counterPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface PlayerConfig {\r\n  autoplay?: boolean;\r\n  autoplayInterval?: number;\r\n}\r\n\r\ninterface SliderConfig {\r\n  loop?: boolean;\r\n  disableScroll?: boolean;\r\n  disableMouseScroll?: boolean;\r\n  itemAutosize?: boolean;\r\n  autoHeight?: boolean;\r\n  loadingIcon?: string;\r\n  loadingError?: string;\r\n  scrollDuration?: number;\r\n  scrollEase?: BezierEasingOptions;\r\n  orientation?: Orientation;\r\n  imageSize?: ImageSize;\r\n  loadingStrategy?: LoadingStrategy;\r\n  loadingAttr?: LoadingAttr;\r\n  boxTemplate?: TemplateRef<any>;\r\n  itemTemplate?: TemplateRef<any>;\r\n  imageTemplate?: TemplateRef<any>;\r\n}\r\n\r\nexport type GalleryConfig = SliderConfig\r\n  & ThumbConfig\r\n  & NavConfig\r\n  & BulletsConfig\r\n  & CounterConfig\r\n  & PlayerConfig\r\n  & {\r\n  scrollBehavior?: ScrollBehavior;\r\n  resizeDebounceTime?: number;\r\n  debug?: boolean;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "autoplay",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 53
-                },
-                {
-                    "name": "autoplayInterval",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": true,
-                    "description": "",
-                    "line": 54
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "SliderConfig",
-            "id": "interface-SliderConfig-6f9fdbcb39c24b0d29450ee3ef7d2371630be5c1f946773304ae58c3414ed67b990c7b6f65447311539eda65a179e0088235c46b7a44e65008d279b9ef79431e",
-            "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { InjectionToken, TemplateRef } from '@angular/core';\r\nimport { BezierEasingOptions } from '../smooth-scroll';\r\n\r\nexport const GALLERY_CONFIG: InjectionToken<GalleryConfig> = new InjectionToken<GalleryConfig>('GALLERY_CONFIG');\r\n\r\ntype ImageSize = 'contain' | 'cover';\r\n\r\ntype Orientation = 'horizontal' | 'vertical';\r\n\r\ntype ThumbsPosition = 'top' | 'left' | 'right' | 'bottom';\r\n\r\ntype HorizontalPosition = 'top' | 'bottom';\r\n\r\ntype LoadingStrategy = 'preload' | 'lazy' | 'default';\r\n\r\ntype LoadingAttr = 'eager' | 'lazy';\r\n\r\ninterface ThumbConfig {\r\n  thumbs?: boolean;\r\n  thumbWidth?: number;\r\n  thumbHeight?: number;\r\n  thumbLoadingIcon?: string;\r\n  thumbLoadingError?: string;\r\n  disableThumbs?: boolean;\r\n  detachThumbs?: boolean;\r\n  thumbAutosize?: boolean;\r\n  disableThumbScroll?: boolean;\r\n  disableThumbMouseScroll?: boolean;\r\n  thumbCentralized?: boolean;\r\n  thumbPosition?: ThumbsPosition;\r\n  thumbImageSize?: ImageSize;\r\n  thumbTemplate?: TemplateRef<any>;\r\n}\r\n\r\ninterface NavConfig {\r\n  nav?: boolean;\r\n  navIcon?: string;\r\n}\r\n\r\ninterface BulletsConfig {\r\n  bullets?: boolean;\r\n  disableBullets?: boolean;\r\n  bulletSize?: number;\r\n  bulletPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface CounterConfig {\r\n  counter?: boolean;\r\n  counterPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface PlayerConfig {\r\n  autoplay?: boolean;\r\n  autoplayInterval?: number;\r\n}\r\n\r\ninterface SliderConfig {\r\n  loop?: boolean;\r\n  disableScroll?: boolean;\r\n  disableMouseScroll?: boolean;\r\n  itemAutosize?: boolean;\r\n  autoHeight?: boolean;\r\n  loadingIcon?: string;\r\n  loadingError?: string;\r\n  scrollDuration?: number;\r\n  scrollEase?: BezierEasingOptions;\r\n  orientation?: Orientation;\r\n  imageSize?: ImageSize;\r\n  loadingStrategy?: LoadingStrategy;\r\n  loadingAttr?: LoadingAttr;\r\n  boxTemplate?: TemplateRef<any>;\r\n  itemTemplate?: TemplateRef<any>;\r\n  imageTemplate?: TemplateRef<any>;\r\n}\r\n\r\nexport type GalleryConfig = SliderConfig\r\n  & ThumbConfig\r\n  & NavConfig\r\n  & BulletsConfig\r\n  & CounterConfig\r\n  & PlayerConfig\r\n  & {\r\n  scrollBehavior?: ScrollBehavior;\r\n  resizeDebounceTime?: number;\r\n  debug?: boolean;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "autoHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 62
-                },
-                {
-                    "name": "boxTemplate",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "TemplateRef<any>",
-                    "optional": true,
-                    "description": "",
-                    "line": 71
-                },
-                {
-                    "name": "disableMouseScroll",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 60
-                },
-                {
-                    "name": "disableScroll",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 59
-                },
-                {
-                    "name": "imageSize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ImageSize",
-                    "optional": true,
-                    "description": "",
-                    "line": 68
-                },
-                {
-                    "name": "imageTemplate",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "TemplateRef<any>",
-                    "optional": true,
-                    "description": "",
-                    "line": 73
-                },
-                {
-                    "name": "itemAutosize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 61
-                },
-                {
-                    "name": "itemTemplate",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "TemplateRef<any>",
-                    "optional": true,
-                    "description": "",
-                    "line": 72
-                },
-                {
-                    "name": "loadingAttr",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "LoadingAttr",
-                    "optional": true,
-                    "description": "",
-                    "line": 70
-                },
-                {
-                    "name": "loadingError",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": true,
-                    "description": "",
-                    "line": 64
-                },
-                {
-                    "name": "loadingIcon",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": true,
-                    "description": "",
-                    "line": 63
-                },
-                {
-                    "name": "loadingStrategy",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "LoadingStrategy",
-                    "optional": true,
-                    "description": "",
-                    "line": 69
-                },
-                {
-                    "name": "loop",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 58
-                },
-                {
-                    "name": "orientation",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Orientation",
-                    "optional": true,
-                    "description": "",
-                    "line": 67
-                },
-                {
-                    "name": "scrollDuration",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": true,
-                    "description": "",
-                    "line": 65
-                },
-                {
-                    "name": "scrollEase",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "BezierEasingOptions",
-                    "optional": true,
-                    "description": "",
-                    "line": 66
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "SliderState",
-            "id": "interface-SliderState-d22312f8a2fc91818c2306e7e2454008eef511221649d326d37fbdd06035ce34659a4234e92dad62f41e0298ff110bcd14a068c3054d8c83edefdd48daedc8f3",
-            "file": "projects/ng-gallery/src/lib/models/slider.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "export interface SliderState {\r\n  style: any;\r\n  instant: boolean;\r\n}\r\n\r\nexport interface WorkerState {\r\n  value: number;\r\n  instant: boolean;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "instant",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": false,
-                    "description": "",
-                    "line": 3
-                },
-                {
-                    "name": "style",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "any",
-                    "optional": false,
-                    "description": "",
-                    "line": 2
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "SmoothScrollStep",
-            "id": "interface-SmoothScrollStep-d5eb67d1ecb7e4a497bc40fcef2fe77cbb5c20ac2db236be86ebd414c779eaa102f061d231cd6f4b9e7eccafc0caec3de14b9637f33374309f5e2e1e76ff7548",
-            "file": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { _XAxis, _YAxis } from '@angular/cdk/scrolling';\r\n\r\nexport type SmoothScrollOptions = _XAxis & _YAxis & {\r\n  behavior?: ScrollBehavior;\r\n}\r\n\r\nexport type SmoothScrollToOptions = _XAxis & _YAxis & {\r\n  duration?: number;\r\n  easing?: BezierEasingOptions;\r\n};\r\n\r\nexport interface SmoothScrollStep {\r\n  scrollable: HTMLElement;\r\n  startTime: number;\r\n  startX: number;\r\n  startY: number;\r\n  x: number;\r\n  y: number;\r\n  duration: number;\r\n  easing: (k: number) => number;\r\n  currentX?: number;\r\n  currentY?: number;\r\n}\r\n\r\nexport interface BezierEasingOptions {\r\n  x1: number;\r\n  y1: number;\r\n  x2: number;\r\n  y2: number;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "currentX",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": true,
-                    "description": "",
-                    "line": 21
-                },
-                {
-                    "name": "currentY",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": true,
-                    "description": "",
-                    "line": 22
-                },
-                {
-                    "name": "duration",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 19
-                },
-                {
-                    "name": "easing",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "function",
-                    "optional": false,
-                    "description": "",
-                    "line": 20
-                },
-                {
-                    "name": "scrollable",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "HTMLElement",
-                    "optional": false,
-                    "description": "",
-                    "line": 13
-                },
-                {
-                    "name": "startTime",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 14
-                },
-                {
-                    "name": "startX",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 15
-                },
-                {
-                    "name": "startY",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 16
-                },
-                {
-                    "name": "x",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 17
-                },
-                {
-                    "name": "y",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 18
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "ThumbConfig",
-            "id": "interface-ThumbConfig-6f9fdbcb39c24b0d29450ee3ef7d2371630be5c1f946773304ae58c3414ed67b990c7b6f65447311539eda65a179e0088235c46b7a44e65008d279b9ef79431e",
-            "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "import { InjectionToken, TemplateRef } from '@angular/core';\r\nimport { BezierEasingOptions } from '../smooth-scroll';\r\n\r\nexport const GALLERY_CONFIG: InjectionToken<GalleryConfig> = new InjectionToken<GalleryConfig>('GALLERY_CONFIG');\r\n\r\ntype ImageSize = 'contain' | 'cover';\r\n\r\ntype Orientation = 'horizontal' | 'vertical';\r\n\r\ntype ThumbsPosition = 'top' | 'left' | 'right' | 'bottom';\r\n\r\ntype HorizontalPosition = 'top' | 'bottom';\r\n\r\ntype LoadingStrategy = 'preload' | 'lazy' | 'default';\r\n\r\ntype LoadingAttr = 'eager' | 'lazy';\r\n\r\ninterface ThumbConfig {\r\n  thumbs?: boolean;\r\n  thumbWidth?: number;\r\n  thumbHeight?: number;\r\n  thumbLoadingIcon?: string;\r\n  thumbLoadingError?: string;\r\n  disableThumbs?: boolean;\r\n  detachThumbs?: boolean;\r\n  thumbAutosize?: boolean;\r\n  disableThumbScroll?: boolean;\r\n  disableThumbMouseScroll?: boolean;\r\n  thumbCentralized?: boolean;\r\n  thumbPosition?: ThumbsPosition;\r\n  thumbImageSize?: ImageSize;\r\n  thumbTemplate?: TemplateRef<any>;\r\n}\r\n\r\ninterface NavConfig {\r\n  nav?: boolean;\r\n  navIcon?: string;\r\n}\r\n\r\ninterface BulletsConfig {\r\n  bullets?: boolean;\r\n  disableBullets?: boolean;\r\n  bulletSize?: number;\r\n  bulletPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface CounterConfig {\r\n  counter?: boolean;\r\n  counterPosition?: HorizontalPosition;\r\n}\r\n\r\ninterface PlayerConfig {\r\n  autoplay?: boolean;\r\n  autoplayInterval?: number;\r\n}\r\n\r\ninterface SliderConfig {\r\n  loop?: boolean;\r\n  disableScroll?: boolean;\r\n  disableMouseScroll?: boolean;\r\n  itemAutosize?: boolean;\r\n  autoHeight?: boolean;\r\n  loadingIcon?: string;\r\n  loadingError?: string;\r\n  scrollDuration?: number;\r\n  scrollEase?: BezierEasingOptions;\r\n  orientation?: Orientation;\r\n  imageSize?: ImageSize;\r\n  loadingStrategy?: LoadingStrategy;\r\n  loadingAttr?: LoadingAttr;\r\n  boxTemplate?: TemplateRef<any>;\r\n  itemTemplate?: TemplateRef<any>;\r\n  imageTemplate?: TemplateRef<any>;\r\n}\r\n\r\nexport type GalleryConfig = SliderConfig\r\n  & ThumbConfig\r\n  & NavConfig\r\n  & BulletsConfig\r\n  & CounterConfig\r\n  & PlayerConfig\r\n  & {\r\n  scrollBehavior?: ScrollBehavior;\r\n  resizeDebounceTime?: number;\r\n  debug?: boolean;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "detachThumbs",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 25
-                },
-                {
-                    "name": "disableThumbMouseScroll",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 28
-                },
-                {
-                    "name": "disableThumbs",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 24
-                },
-                {
-                    "name": "disableThumbScroll",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 27
-                },
-                {
-                    "name": "thumbAutosize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 26
-                },
-                {
-                    "name": "thumbCentralized",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 29
-                },
-                {
-                    "name": "thumbHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": true,
-                    "description": "",
-                    "line": 21
-                },
-                {
-                    "name": "thumbImageSize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ImageSize",
-                    "optional": true,
-                    "description": "",
-                    "line": 31
-                },
-                {
-                    "name": "thumbLoadingError",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": true,
-                    "description": "",
-                    "line": 23
-                },
-                {
-                    "name": "thumbLoadingIcon",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": true,
-                    "description": "",
-                    "line": 22
-                },
-                {
-                    "name": "thumbPosition",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ThumbsPosition",
-                    "optional": true,
-                    "description": "",
-                    "line": 30
-                },
-                {
-                    "name": "thumbs",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": true,
-                    "description": "",
-                    "line": 19
-                },
-                {
-                    "name": "thumbTemplate",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "TemplateRef<any>",
-                    "optional": true,
-                    "description": "",
-                    "line": 32
-                },
-                {
-                    "name": "thumbWidth",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": true,
-                    "description": "",
-                    "line": 20
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        },
-        {
-            "name": "WorkerState",
-            "id": "interface-WorkerState-d22312f8a2fc91818c2306e7e2454008eef511221649d326d37fbdd06035ce34659a4234e92dad62f41e0298ff110bcd14a068c3054d8c83edefdd48daedc8f3",
-            "file": "projects/ng-gallery/src/lib/models/slider.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "interface",
-            "sourceCode": "export interface SliderState {\r\n  style: any;\r\n  instant: boolean;\r\n}\r\n\r\nexport interface WorkerState {\r\n  value: number;\r\n  instant: boolean;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "instant",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": false,
-                    "description": "",
-                    "line": 8
-                },
-                {
-                    "name": "value",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 7
-                }
-            ],
-            "indexSignatures": [],
-            "kind": 168,
-            "methods": []
-        }
-    ],
-    "injectables": [
-        {
-            "name": "Gallery",
-            "id": "injectable-Gallery-5a22f71c73e3d73bdb0d70d243c246ee81e6ad9ed4f2db3fed877932e3a5417d5f42141b52cd8a3e3759288dfdb43d47d607cc442701be17aa01e323801eae82",
-            "file": "projects/ng-gallery/src/lib/services/gallery.service.ts",
-            "properties": [
-                {
-                    "name": "_instances",
-                    "defaultValue": "new Map<string, GalleryRef>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "optional": false,
-                    "description": "<p>Store gallery instances</p>\n",
-                    "line": 13,
-                    "rawdescription": "\nStore gallery instances",
-                    "modifierKind": [
-                        121,
-                        146
-                    ]
-                },
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryConfig",
-                    "optional": false,
-                    "description": "<p>Global config</p>\n",
-                    "line": 16,
-                    "rawdescription": "\nGlobal config"
-                }
-            ],
-            "methods": [
-                {
-                    "name": "debugConsole",
-                    "args": [
-                        {
-                            "name": "data",
-                            "type": "any[]",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "dotDotDotToken": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 56,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nLogger for debugging\n",
-                    "description": "<p>Logger for debugging</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "data",
-                            "type": "any[]",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "dotDotDotToken": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "deleteInstance",
-                    "args": [
-                        {
-                            "name": "id",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "() => void",
-                    "typeParameters": [],
-                    "line": 65,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nA destroyer function for each gallery instance\n",
-                    "description": "<p>A destroyer function for each gallery instance</p>\n",
-                    "modifierKind": [
-                        121
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "id",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "destroyAll",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 42,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDestroy all gallery instances\n",
-                    "description": "<p>Destroy all gallery instances</p>\n"
-                },
-                {
-                    "name": "ref",
-                    "args": [
-                        {
-                            "name": "id",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "'root'"
-                        },
-                        {
-                            "name": "config",
-                            "type": "GalleryConfig",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "GalleryRef",
-                    "typeParameters": [],
-                    "line": 27,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nGet or create gallery by ID\n",
-                    "description": "<p>Get or create gallery by ID</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": {
-                                "pos": 676,
-                                "end": 678,
-                                "flags": 8421376,
-                                "modifierFlagsCache": 0,
-                                "transformFlags": 0,
-                                "kind": 79,
-                                "escapedText": "id"
-                            },
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "'root'",
-                            "tagName": {
-                                "pos": 670,
-                                "end": 675,
-                                "flags": 8421376,
-                                "modifierFlagsCache": 0,
-                                "transformFlags": 0,
-                                "kind": 79,
-                                "escapedText": "param"
-                            },
-                            "comment": ""
-                        },
-                        {
-                            "name": {
-                                "pos": 692,
-                                "end": 698,
-                                "flags": 8421376,
-                                "modifierFlagsCache": 0,
-                                "transformFlags": 0,
-                                "kind": 79,
-                                "escapedText": "config"
-                            },
-                            "type": "GalleryConfig",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "pos": 686,
-                                "end": 691,
-                                "flags": 8421376,
-                                "modifierFlagsCache": 0,
-                                "transformFlags": 0,
-                                "kind": 79,
-                                "escapedText": "param"
-                            },
-                            "comment": ""
-                        }
-                    ]
-                },
-                {
-                    "name": "resetAll",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 49,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nReset all gallery instances\n",
-                    "description": "<p>Reset all gallery instances</p>\n"
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import { Inject, Injectable, Optional } from '@angular/core';\r\n\r\nimport { GalleryRef } from './gallery-ref';\r\nimport { GalleryConfig, GALLERY_CONFIG } from '../models/config.model';\r\nimport { defaultConfig } from '../utils/gallery.default';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class Gallery {\r\n\r\n  /** Store gallery instances */\r\n  private readonly _instances = new Map<string, GalleryRef>();\r\n\r\n  /** Global config */\r\n  config: GalleryConfig;\r\n\r\n  constructor(@Optional() @Inject(GALLERY_CONFIG) config: GalleryConfig) {\r\n    this.config = config ? { ...defaultConfig, ...config } : defaultConfig;\r\n  }\r\n\r\n  /**\r\n   * Get or create gallery by ID\r\n   * @param id\r\n   * @param config\r\n   */\r\n  ref(id = 'root', config?: GalleryConfig): GalleryRef {\r\n    if (this._instances.has(id)) {\r\n      const galleryRef: GalleryRef = this._instances.get(id);\r\n      if (config) {\r\n        galleryRef.setConfig(config);\r\n      }\r\n      return galleryRef;\r\n    } else {\r\n      return this._instances.set(id, new GalleryRef({ ...this.config, ...config }, this.deleteInstance(id))).get(id);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Destroy all gallery instances\r\n   */\r\n  destroyAll() {\r\n    this._instances.forEach((ref: GalleryRef) => ref.destroy());\r\n  }\r\n\r\n  /**\r\n   * Reset all gallery instances\r\n   */\r\n  resetAll() {\r\n    this._instances.forEach((ref: GalleryRef) => ref.reset());\r\n  }\r\n\r\n  /**\r\n   * Logger for debugging\r\n   */\r\n  debugConsole(...data: any[]): void {\r\n    if (this.config.debug) {\r\n      console.log(...data)\r\n    }\r\n  }\r\n\r\n  /**\r\n   * A destroyer function for each gallery instance\r\n   */\r\n  private deleteInstance(id: string) {\r\n    return () => {\r\n      if (this._instances.has(id)) {\r\n        this._instances.delete(id);\r\n      }\r\n    };\r\n  }\r\n\r\n}\r\n",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "config",
-                        "type": "GalleryConfig",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 16,
-                "jsdoctags": [
-                    {
-                        "name": "config",
-                        "type": "GalleryConfig",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "type": "injectable"
-        },
-        {
-            "name": "ImgManager",
-            "id": "injectable-ImgManager-1e866edcdaf413ff6b97d6c0d28de27c02d86d2541f0037c4ee618a37f046e7657dfe08ed0dfdffcc7fc468817c0fc1ddb92feaec87cc5069cccc55780a4f395",
-            "file": "projects/ng-gallery/src/lib/utils/img-manager.ts",
-            "properties": [
-                {
-                    "name": "images",
-                    "defaultValue": "new Map<number, ImageRegistry>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Map<number | ImageRegistry>",
-                    "optional": false,
-                    "description": "",
-                    "line": 16,
-                    "modifierKind": [
-                        121,
-                        146
-                    ]
-                },
-                {
-                    "name": "trigger$",
-                    "defaultValue": "new BehaviorSubject<void>(null)",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "BehaviorSubject<void>",
-                    "optional": false,
-                    "description": "",
-                    "line": 14,
-                    "modifierKind": [
-                        121,
-                        146
-                    ]
-                }
-            ],
-            "methods": [
-                {
-                    "name": "addItem",
-                    "args": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "payload",
-                            "type": "ImageRegistry",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 35,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "payload",
-                            "type": "ImageRegistry",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "deleteItem",
-                    "args": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 40,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getActiveItem",
-                    "args": [
-                        {
-                            "name": "state$",
-                            "type": "Observable<GalleryState>",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "Observable<HTMLImageElement>",
-                    "typeParameters": [],
-                    "line": 18,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "state$",
-                            "type": "Observable<GalleryState>",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import { Injectable } from '@angular/core';\r\nimport { Observable, BehaviorSubject, filter, map, switchMap, EMPTY } from 'rxjs';\r\nimport { GalleryState } from '../models/gallery.model';\r\nimport { ItemState } from '../components/templates/items.model';\r\n\r\ninterface ImageRegistry {\r\n  state: Observable<ItemState>;\r\n  target: HTMLImageElement;\r\n}\r\n\r\n@Injectable()\r\nexport class ImgManager {\r\n\r\n  private readonly trigger$: BehaviorSubject<void> = new BehaviorSubject<void>(null);\r\n\r\n  private readonly images: Map<number, ImageRegistry> = new Map<number, ImageRegistry>();\r\n\r\n  getActiveItem(state$: Observable<GalleryState>): Observable<HTMLImageElement> {\r\n    return this.trigger$.pipe(\r\n      switchMap(() => state$.pipe(\r\n        switchMap((state: GalleryState) => {\r\n          const img: ImageRegistry = this.images.get(state.currIndex);\r\n          if (img) {\r\n            return img.state.pipe(\r\n              filter((state: ItemState) => state !== 'loading'),\r\n              map(() => img.target)\r\n            )\r\n          }\r\n          return EMPTY;\r\n        })\r\n      ))\r\n    );\r\n  }\r\n\r\n  addItem(index: number, payload: ImageRegistry): void {\r\n    this.images.set(index, payload);\r\n    this.trigger$.next();\r\n  }\r\n\r\n  deleteItem(index: number): void {\r\n    if (this.images.has(index)) {\r\n      this.images.delete(index);\r\n      this.trigger$.next();\r\n    }\r\n  }\r\n}\r\n",
-            "type": "injectable"
-        }
-    ],
-    "guards": [],
-    "interceptors": [],
-    "classes": [
-        {
-            "name": "ActiveItemObserver",
-            "id": "class-ActiveItemObserver-9180d1fd42bb564fafb7790f26d07a9aac1ae69ddab5986cfb4e40bc313416ec17d3a9b8b461ae3d18fbb987444aeee96f71c95fa6d3f7147b560221fef2e46b",
-            "file": "projects/ng-gallery/src/lib/observers/active-item-observer.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "class",
-            "sourceCode": "import { Observable, Subscriber, mergeMap, filter, map } from 'rxjs';\r\n\r\nexport class ActiveItemObserver {\r\n\r\n  observe(root: HTMLElement, elements: HTMLElement[], rootMargin: string): Observable<number> {\r\n    return createIntersectionObserver(root, elements, rootMargin).pipe(\r\n      map((entry: IntersectionObserverEntry) => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('g-item-highlight');\r\n          return +entry.target.getAttribute('galleryIndex');\r\n        } else {\r\n          entry.target.classList.remove('g-item-highlight');\r\n          return -1;\r\n        }\r\n      }),\r\n      filter((index: number) => index !== -1)\r\n    );\r\n  }\r\n}\r\n\r\nfunction createIntersectionObserver(root: HTMLElement, elements: HTMLElement[], rootMargin: string): Observable<IntersectionObserverEntry> {\r\n  return new Observable((observer: Subscriber<IntersectionObserverEntry[]>) => {\r\n    const intersectionObserver: IntersectionObserver = new IntersectionObserver(\r\n      (entries: IntersectionObserverEntry[]) => observer.next(entries),\r\n      {\r\n        root,\r\n        rootMargin,\r\n        threshold: 1\r\n      }\r\n    );\r\n    elements.forEach((element: HTMLElement) => intersectionObserver.observe(element));\r\n    return () => {\r\n      elements.forEach((element: HTMLElement) => intersectionObserver.unobserve(element));\r\n      intersectionObserver.disconnect();\r\n    };\r\n  }).pipe(\r\n    mergeMap((entries: IntersectionObserverEntry[]) => entries)\r\n  );\r\n}\r\n\r\n",
-            "properties": [],
-            "methods": [
-                {
-                    "name": "observe",
-                    "args": [
-                        {
-                            "name": "root",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "elements",
-                            "type": "HTMLElement[]",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "rootMargin",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "Observable<number>",
-                    "typeParameters": [],
-                    "line": 5,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "root",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "elements",
-                            "type": "HTMLElement[]",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "rootMargin",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "indexSignatures": [],
-            "inputsClass": [],
-            "outputsClass": [],
-            "hostBindings": [],
-            "hostListeners": []
-        },
-        {
-            "name": "GalleryRef",
-            "id": "class-GalleryRef-8ca5faf14b2f565232b54e8f226af10dede46ddefd46097283d024368d6c02b09ec52d9d6c770cc002b4d899679c38623f7948e4d6e8d322d95d70f337b837ba",
-            "file": "projects/ng-gallery/src/lib/services/gallery-ref.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "class",
-            "sourceCode": "import { BehaviorSubject, Subject, Observable, filter } from 'rxjs';\r\nimport { defaultState } from '../utils/gallery.default';\r\nimport { GalleryError, GalleryItem, GalleryState } from '../models/gallery.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { GalleryAction } from '../models/constants';\r\nimport {\r\n  IframeItem,\r\n  IframeItemData,\r\n  ImageItem,\r\n  ImageItemData,\r\n  VideoItem,\r\n  VideoItemData,\r\n  YoutubeItem,\r\n  YoutubeItemData\r\n} from '../components/templates/items.model';\r\n\r\nconst filterActions = (actions: string[]) => {\r\n  return filter((state: GalleryState) => actions.indexOf(state.action) > -1);\r\n};\r\n\r\nexport class GalleryRef {\r\n\r\n  /** Stream that emits gallery state */\r\n  private readonly _state: BehaviorSubject<GalleryState>;\r\n\r\n  /** Stream that emits gallery config */\r\n  private readonly _config: BehaviorSubject<GalleryConfig>;\r\n\r\n  /** Stream that emits on item click */\r\n  readonly itemClick: Subject<number> = new Subject<number>();\r\n\r\n  /** Stream that emits on thumbnail click */\r\n  readonly thumbClick: Subject<number> = new Subject<number>();\r\n\r\n  /** Stream that emits on an error occurs */\r\n  readonly error: Subject<GalleryError> = new Subject<GalleryError>();\r\n\r\n  /** Gallery Events */\r\n\r\n  /** Stream that emits gallery state */\r\n  readonly state: Observable<GalleryState>;\r\n\r\n  /** Stream that emits gallery config */\r\n  readonly config: Observable<GalleryConfig>;\r\n\r\n  get stateSnapshot(): GalleryState {\r\n    return this._state.value;\r\n  }\r\n\r\n  get configSnapshot(): GalleryConfig {\r\n    return this._config.value;\r\n  }\r\n\r\n  /** Stream that emits when gallery is initialized/reset */\r\n  get initialized(): Observable<GalleryState> {\r\n    return this.state.pipe(filterActions([GalleryAction.INITIALIZED]));\r\n  }\r\n\r\n  /** Stream that emits when items is changed (items loaded, item added, item removed) */\r\n  get itemsChanged(): Observable<GalleryState> {\r\n    return this.state.pipe(filterActions([GalleryAction.ITEMS_CHANGED]));\r\n  }\r\n\r\n  /** Stream that emits when current item is changed */\r\n  get indexChanged(): Observable<GalleryState> {\r\n    return this.state.pipe(filterActions([GalleryAction.INDEX_CHANGED]));\r\n  }\r\n\r\n  /** Stream that emits when the player should start or stop */\r\n  get playingChanged(): Observable<GalleryState> {\r\n    return this.state.pipe(filterActions([GalleryAction.PLAY, GalleryAction.STOP]));\r\n  }\r\n\r\n  constructor(config: GalleryConfig, private deleteInstance: () => void) {\r\n    this._state = new BehaviorSubject<GalleryState>(defaultState);\r\n    this._config = new BehaviorSubject<GalleryConfig>(config);\r\n    this.state = this._state.asObservable();\r\n    this.config = this._config.asObservable();\r\n  }\r\n\r\n  /**\r\n   * Set gallery state\r\n   */\r\n  private setState(state: GalleryState): void {\r\n    this._state.next({ ...this.stateSnapshot, ...state });\r\n  }\r\n\r\n  /**\r\n   * Set gallery config\r\n   */\r\n  setConfig(config: GalleryConfig): void {\r\n    this._config.next({ ...this._config.value, ...config });\r\n  }\r\n\r\n  /**\r\n   * Add gallery item\r\n   */\r\n  add(item: GalleryItem, active?: boolean): void {\r\n    const items: GalleryItem[] = [...this.stateSnapshot.items, item];\r\n    this.setState({\r\n      action: GalleryAction.ITEMS_CHANGED,\r\n      items,\r\n      hasNext: items.length > 1,\r\n      currIndex: active ? items.length - 1 : this.stateSnapshot.currIndex\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Add image item\r\n   */\r\n  addImage(data: ImageItemData, active?: boolean): void {\r\n    this.add(new ImageItem(data), active);\r\n  }\r\n\r\n  /**\r\n   * Add video item\r\n   */\r\n  addVideo(data: VideoItemData, active?: boolean): void {\r\n    this.add(new VideoItem(data), active);\r\n  }\r\n\r\n  /**\r\n   * Add iframe item\r\n   */\r\n  addIframe(data: IframeItemData, active?: boolean): void {\r\n    this.add(new IframeItem(data), active);\r\n  }\r\n\r\n  /**\r\n   * Add Youtube item\r\n   */\r\n  addYoutube(data: YoutubeItemData, active?: boolean): void {\r\n    this.add(new YoutubeItem(data), active);\r\n  }\r\n\r\n  /**\r\n   * Remove gallery item\r\n   */\r\n  remove(i: number): void {\r\n    const state: GalleryState = this.stateSnapshot;\r\n    const items: GalleryItem[] = [\r\n      ...state.items.slice(0, i),\r\n      ...state.items.slice(i + 1, state.items.length)\r\n    ];\r\n    this.setState({\r\n      action: GalleryAction.ITEMS_CHANGED,\r\n      currIndex: i < 1 ? state.currIndex : i - 1,\r\n      items,\r\n      hasNext: items.length > 1,\r\n      hasPrev: i > 0\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Load items and reset the state\r\n   */\r\n  load(items: GalleryItem[]): void {\r\n    if (items) {\r\n      this.setState({\r\n        action: GalleryAction.ITEMS_CHANGED,\r\n        items,\r\n        hasNext: items.length > 1,\r\n        hasPrev: false\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Set active item\r\n   */\r\n  set(i: number, behavior: ScrollBehavior = this._config.value.scrollBehavior): void {\r\n    if (i < 0 || i >= this.stateSnapshot.items.length) {\r\n      console.error(`[NgGallery]: Unable to set the active item because the given index (${ i }) is outside the items range!`);\r\n      return;\r\n    }\r\n    if (i !== this.stateSnapshot.currIndex) {\r\n      this.setState({\r\n        behavior,\r\n        action: GalleryAction.INDEX_CHANGED,\r\n        currIndex: i,\r\n        hasNext: i < this.stateSnapshot.items.length - 1,\r\n        hasPrev: i > 0\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Next item\r\n   */\r\n  next(behavior: ScrollBehavior = this._config.value.scrollBehavior, loop: boolean = true): void {\r\n    if (this.stateSnapshot.hasNext) {\r\n      this.set(this.stateSnapshot.currIndex + 1, behavior);\r\n    } else if (loop && this._config.value.loop) {\r\n      this.set(0, behavior);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Prev item\r\n   */\r\n  prev(behavior: ScrollBehavior = this._config.value.scrollBehavior, loop: boolean = true): void {\r\n    if (this.stateSnapshot.hasPrev) {\r\n      this.set(this.stateSnapshot.currIndex - 1, behavior);\r\n    } else if (loop && this._config.value.loop) {\r\n      this.set(this.stateSnapshot.items.length - 1, behavior);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Start gallery player\r\n   */\r\n  play(interval?: number): void {\r\n    if (interval) {\r\n      this.setConfig({ autoplayInterval: interval });\r\n    }\r\n    this.setState({ action: GalleryAction.PLAY, behavior: 'auto', isPlaying: true });\r\n  }\r\n\r\n  /**\r\n   * Stop gallery player\r\n   */\r\n  stop(): void {\r\n    this.setState({ action: GalleryAction.STOP, isPlaying: false });\r\n  }\r\n\r\n  /**\r\n   * Reset gallery to initial state\r\n   */\r\n  reset(): void {\r\n    this.setState(defaultState);\r\n  }\r\n\r\n  /**\r\n   * Destroy gallery\r\n   */\r\n  destroy(): void {\r\n    this._state.complete();\r\n    this._config.complete();\r\n    this.itemClick.complete();\r\n    this.thumbClick.complete();\r\n    this.deleteInstance();\r\n  }\r\n\r\n}\r\n",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "config",
-                        "type": "GalleryConfig",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "deleteInstance",
-                        "type": "function",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "function": []
-                    }
-                ],
-                "line": 72,
-                "jsdoctags": [
-                    {
-                        "name": "config",
-                        "type": "GalleryConfig",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "deleteInstance",
-                        "type": "function",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "function": [],
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "properties": [
-                {
-                    "name": "_config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "BehaviorSubject<GalleryConfig>",
-                    "optional": false,
-                    "description": "<p>Stream that emits gallery config</p>\n",
-                    "line": 27,
-                    "rawdescription": "\nStream that emits gallery config",
-                    "modifierKind": [
-                        121,
-                        146
-                    ]
-                },
-                {
-                    "name": "_state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "BehaviorSubject<GalleryState>",
-                    "optional": false,
-                    "description": "<p>Stream that emits gallery state</p>\n",
-                    "line": 24,
-                    "rawdescription": "\nStream that emits gallery state",
-                    "modifierKind": [
-                        121,
-                        146
-                    ]
-                },
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Observable<GalleryConfig>",
-                    "optional": false,
-                    "description": "<p>Stream that emits gallery config</p>\n",
-                    "line": 44,
-                    "rawdescription": "\nStream that emits gallery config",
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "error",
-                    "defaultValue": "new Subject<GalleryError>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subject<GalleryError>",
-                    "optional": false,
-                    "description": "<p>Stream that emits on an error occurs</p>\n",
-                    "line": 36,
-                    "rawdescription": "\nStream that emits on an error occurs",
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "itemClick",
-                    "defaultValue": "new Subject<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subject<number>",
-                    "optional": false,
-                    "description": "<p>Stream that emits on item click</p>\n",
-                    "line": 30,
-                    "rawdescription": "\nStream that emits on item click",
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Observable<GalleryState>",
-                    "optional": false,
-                    "description": "<p>Stream that emits gallery state</p>\n",
-                    "line": 41,
-                    "rawdescription": "\nStream that emits gallery state",
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "thumbClick",
-                    "defaultValue": "new Subject<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subject<number>",
-                    "optional": false,
-                    "description": "<p>Stream that emits on thumbnail click</p>\n",
-                    "line": 33,
-                    "rawdescription": "\nStream that emits on thumbnail click",
-                    "modifierKind": [
-                        146
-                    ]
-                }
-            ],
-            "methods": [
-                {
-                    "name": "add",
-                    "args": [
-                        {
-                            "name": "item",
-                            "type": "GalleryItem",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 98,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdd gallery item\n",
-                    "description": "<p>Add gallery item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "item",
-                            "type": "GalleryItem",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "addIframe",
-                    "args": [
-                        {
-                            "name": "data",
-                            "type": "IframeItemData",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 125,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdd iframe item\n",
-                    "description": "<p>Add iframe item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "data",
-                            "type": "IframeItemData",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "addImage",
-                    "args": [
-                        {
-                            "name": "data",
-                            "type": "ImageItemData",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 111,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdd image item\n",
-                    "description": "<p>Add image item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "data",
-                            "type": "ImageItemData",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "addVideo",
-                    "args": [
-                        {
-                            "name": "data",
-                            "type": "VideoItemData",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 118,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdd video item\n",
-                    "description": "<p>Add video item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "data",
-                            "type": "VideoItemData",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "addYoutube",
-                    "args": [
-                        {
-                            "name": "data",
-                            "type": "YoutubeItemData",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 132,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdd Youtube item\n",
-                    "description": "<p>Add Youtube item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "data",
-                            "type": "YoutubeItemData",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "destroy",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 236,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDestroy gallery\n",
-                    "description": "<p>Destroy gallery</p>\n"
-                },
-                {
-                    "name": "load",
-                    "args": [
-                        {
-                            "name": "items",
-                            "type": "GalleryItem[]",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 157,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nLoad items and reset the state\n",
-                    "description": "<p>Load items and reset the state</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "items",
-                            "type": "GalleryItem[]",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "next",
-                    "args": [
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "this._config.value.scrollBehavior"
-                        },
-                        {
-                            "name": "loop",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "true"
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 190,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nNext item\n",
-                    "description": "<p>Next item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "this._config.value.scrollBehavior",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "loop",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "true",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "play",
-                    "args": [
-                        {
-                            "name": "interval",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 212,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStart gallery player\n",
-                    "description": "<p>Start gallery player</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "interval",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "prev",
-                    "args": [
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "this._config.value.scrollBehavior"
-                        },
-                        {
-                            "name": "loop",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "true"
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 201,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nPrev item\n",
-                    "description": "<p>Prev item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "this._config.value.scrollBehavior",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "loop",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "true",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "remove",
-                    "args": [
-                        {
-                            "name": "i",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 139,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nRemove gallery item\n",
-                    "description": "<p>Remove gallery item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "i",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "reset",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 229,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nReset gallery to initial state\n",
-                    "description": "<p>Reset gallery to initial state</p>\n"
-                },
-                {
-                    "name": "set",
-                    "args": [
-                        {
-                            "name": "i",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "this._config.value.scrollBehavior"
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 171,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSet active item\n",
-                    "description": "<p>Set active item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "i",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "this._config.value.scrollBehavior",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "setConfig",
-                    "args": [
-                        {
-                            "name": "config",
-                            "type": "GalleryConfig",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 91,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSet gallery config\n",
-                    "description": "<p>Set gallery config</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "config",
-                            "type": "GalleryConfig",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "setState",
-                    "args": [
-                        {
-                            "name": "state",
-                            "type": "GalleryState",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 84,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSet gallery state\n",
-                    "description": "<p>Set gallery state</p>\n",
-                    "modifierKind": [
-                        121
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "state",
-                            "type": "GalleryState",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "stop",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 222,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStop gallery player\n",
-                    "description": "<p>Stop gallery player</p>\n"
-                }
-            ],
-            "indexSignatures": [],
-            "accessors": {
-                "stateSnapshot": {
-                    "name": "stateSnapshot",
-                    "getSignature": {
-                        "name": "stateSnapshot",
-                        "type": "",
-                        "returnType": "GalleryState",
-                        "line": 46
-                    }
-                },
-                "configSnapshot": {
-                    "name": "configSnapshot",
-                    "getSignature": {
-                        "name": "configSnapshot",
-                        "type": "",
-                        "returnType": "GalleryConfig",
-                        "line": 50
-                    }
-                },
-                "initialized": {
-                    "name": "initialized",
-                    "getSignature": {
-                        "name": "initialized",
-                        "type": "",
-                        "returnType": "Observable<GalleryState>",
-                        "line": 55,
-                        "rawdescription": "\nStream that emits when gallery is initialized/reset",
-                        "description": "<p>Stream that emits when gallery is initialized/reset</p>\n"
-                    }
-                },
-                "itemsChanged": {
-                    "name": "itemsChanged",
-                    "getSignature": {
-                        "name": "itemsChanged",
-                        "type": "",
-                        "returnType": "Observable<GalleryState>",
-                        "line": 60,
-                        "rawdescription": "\nStream that emits when items is changed (items loaded, item added, item removed)",
-                        "description": "<p>Stream that emits when items is changed (items loaded, item added, item removed)</p>\n"
-                    }
-                },
-                "indexChanged": {
-                    "name": "indexChanged",
-                    "getSignature": {
-                        "name": "indexChanged",
-                        "type": "",
-                        "returnType": "Observable<GalleryState>",
-                        "line": 65,
-                        "rawdescription": "\nStream that emits when current item is changed",
-                        "description": "<p>Stream that emits when current item is changed</p>\n"
-                    }
-                },
-                "playingChanged": {
-                    "name": "playingChanged",
-                    "getSignature": {
-                        "name": "playingChanged",
-                        "type": "",
-                        "returnType": "Observable<GalleryState>",
-                        "line": 70,
-                        "rawdescription": "\nStream that emits when the player should start or stop",
-                        "description": "<p>Stream that emits when the player should start or stop</p>\n"
-                    }
-                }
-            },
-            "inputsClass": [],
-            "outputsClass": [],
-            "hostBindings": [],
-            "hostListeners": []
-        },
-        {
-            "name": "HorizontalAdapter",
-            "id": "class-HorizontalAdapter-3daae6a8cc0b8e54bd405839b944d48041efbb99f2117571af80d5e3c88b5d81310f2ba88bbde52dbd371b5e501d1046a5d3a3351bade652e3ab629e9370cb35",
-            "file": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "class",
-            "sourceCode": "import { GalleryConfig } from '../../models/config.model';\r\nimport { SliderAdapter } from './base-adapter';\r\nimport { SmoothScrollOptions } from '../../smooth-scroll';\r\n\r\n/**\r\n * A clone of HammerJs constants\r\n */\r\nexport const DIRECTION_LEFT: number = 2;\r\nexport const DIRECTION_RIGHT: number = 4;\r\nexport const DIRECTION_UP: number = 8;\r\nexport const DIRECTION_DOWN: number = 16;\r\n\r\nexport class HorizontalAdapter implements SliderAdapter {\r\n\r\n  readonly hammerDirection: number = DIRECTION_LEFT | DIRECTION_RIGHT;\r\n\r\n  readonly scrollSnapType: string = 'x mandatory';\r\n\r\n  get scrollValue(): number {\r\n    return this.slider.scrollLeft;\r\n  }\r\n\r\n  get clientSize(): number {\r\n    return this.slider.clientWidth;\r\n  }\r\n\r\n  get isContentLessThanContainer(): boolean {\r\n    return this.clientSize >= this.slider.firstElementChild.clientWidth;\r\n  }\r\n\r\n  constructor(public slider: HTMLElement, public config: GalleryConfig) {\r\n  }\r\n\r\n  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollOptions {\r\n    const position: number = el.offsetLeft - ((this.clientSize - el.clientWidth) / 2);\r\n    return {\r\n      behavior,\r\n      start: position\r\n    };\r\n  }\r\n\r\n  getRootMargin(): string {\r\n    return `1000px 1px 1000px 1px`;\r\n  }\r\n\r\n  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {\r\n    const rootMargin: number = -1 * ((viewport.clientWidth - el.clientWidth) / 2) + 1;\r\n    return `0px ${ rootMargin }px 0px ${ rootMargin }px`;\r\n  }\r\n\r\n  getCentralizerStartSize(): number {\r\n    if (this.isContentLessThanContainer) {\r\n      const size: number = this.clientSize - this.slider.firstElementChild.clientWidth;\r\n      return size / 2;\r\n    }\r\n    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientWidth / 2);\r\n  }\r\n\r\n  getCentralizerEndSize(): number {\r\n    if (this.isContentLessThanContainer) {\r\n      const size: number = this.clientSize - this.slider.firstElementChild.clientWidth;\r\n      return size / 2;\r\n    }\r\n    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientWidth / 2);\r\n  }\r\n\r\n  getHammerVelocity(e: any): number {\r\n    return e.velocityX;\r\n  }\r\n\r\n  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {\r\n    return {\r\n      behavior,\r\n      left: value - e.deltaX\r\n    };\r\n  }\r\n\r\n  // getDraggingProperty(e: MouseEvent): number {\r\n  //   return e.clientX;\r\n  // }\r\n\r\n  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {\r\n  //   return {\r\n  //     behavior,\r\n  //     left: value - delta\r\n  //   };\r\n  // }\r\n}\r\n\r\nexport class VerticalAdapter implements SliderAdapter {\r\n\r\n  readonly hammerDirection: number = DIRECTION_UP | DIRECTION_DOWN;\r\n\r\n  readonly scrollSnapType: string = 'y mandatory';\r\n\r\n  get scrollValue(): number {\r\n    return this.slider.scrollTop;\r\n  }\r\n\r\n  get clientSize(): number {\r\n    return this.slider.clientHeight;\r\n  }\r\n\r\n  get isContentLessThanContainer(): boolean {\r\n    return this.clientSize >= this.slider.firstElementChild.clientHeight;\r\n  }\r\n\r\n  constructor(public slider: HTMLElement, public config: GalleryConfig) {\r\n  }\r\n\r\n  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollOptions {\r\n    const position: number = el.offsetTop - ((this.clientSize - el.clientHeight) / 2);\r\n    return {\r\n      behavior,\r\n      top: position\r\n    };\r\n  }\r\n\r\n  getRootMargin(): string {\r\n    return `1px 1000px 1px 1000px`;\r\n  }\r\n\r\n  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {\r\n    const rootMargin: number = -1 * ((viewport.clientHeight - el.clientHeight) / 2) + 1;\r\n    return `${ rootMargin }px 0px ${ rootMargin }px 0px`;\r\n  }\r\n\r\n  getCentralizerStartSize(): number {\r\n    if (this.isContentLessThanContainer) {\r\n      const size = this.clientSize - this.slider.firstElementChild.clientHeight;\r\n      return size / 2;\r\n    }\r\n    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientHeight / 2);\r\n  }\r\n\r\n  getCentralizerEndSize(): number {\r\n    if (this.isContentLessThanContainer) {\r\n      const size = this.clientSize - this.slider.firstElementChild.clientHeight;\r\n      return size / 2;\r\n    }\r\n    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientHeight / 2);\r\n  }\r\n\r\n  getHammerVelocity(e: any): number {\r\n    return e.velocityY;\r\n  }\r\n\r\n  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {\r\n    return {\r\n      behavior,\r\n      top: value - e.deltaY\r\n    };\r\n  }\r\n\r\n  // getDraggingProperty(e: MouseEvent): number {\r\n  //   return e.clientY;\r\n  // }\r\n\r\n  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {\r\n  //   return {\r\n  //     behavior,\r\n  //     top: value - delta\r\n  //   };\r\n  // }\r\n}\r\n",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "slider",
-                        "type": "HTMLElement",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "config",
-                        "type": "GalleryConfig",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 29,
-                "jsdoctags": [
-                    {
-                        "name": "slider",
-                        "type": "HTMLElement",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "config",
-                        "type": "GalleryConfig",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "properties": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryConfig",
-                    "optional": false,
-                    "description": "",
-                    "line": 31,
-                    "modifierKind": [
-                        123
-                    ]
-                },
-                {
-                    "name": "hammerDirection",
-                    "defaultValue": "DIRECTION_LEFT | DIRECTION_RIGHT",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 15,
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "scrollSnapType",
-                    "defaultValue": "'x mandatory'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 17,
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "slider",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "HTMLElement",
-                    "optional": false,
-                    "description": "",
-                    "line": 31,
-                    "modifierKind": [
-                        123
-                    ]
-                }
-            ],
-            "methods": [
-                {
-                    "name": "getCentralizerEndSize",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "number",
-                    "typeParameters": [],
-                    "line": 59,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "getCentralizerStartSize",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "number",
-                    "typeParameters": [],
-                    "line": 51,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "getElementRootMargin",
-                    "args": [
-                        {
-                            "name": "viewport",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "string",
-                    "typeParameters": [],
-                    "line": 46,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "viewport",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getHammerValue",
-                    "args": [
-                        {
-                            "name": "value",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "e",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "ScrollToOptions",
-                    "typeParameters": [],
-                    "line": 71,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "value",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "e",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getHammerVelocity",
-                    "args": [
-                        {
-                            "name": "e",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "number",
-                    "typeParameters": [],
-                    "line": 67,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "e",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getRootMargin",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "string",
-                    "typeParameters": [],
-                    "line": 42,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "getScrollToValue",
-                    "args": [
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "SmoothScrollOptions",
-                    "typeParameters": [],
-                    "line": 34,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "indexSignatures": [],
-            "accessors": {
-                "scrollValue": {
-                    "name": "scrollValue",
-                    "getSignature": {
-                        "name": "scrollValue",
-                        "type": "number",
-                        "returnType": "number",
-                        "line": 19
-                    }
-                },
-                "clientSize": {
-                    "name": "clientSize",
-                    "getSignature": {
-                        "name": "clientSize",
-                        "type": "number",
-                        "returnType": "number",
-                        "line": 23
-                    }
-                },
-                "isContentLessThanContainer": {
-                    "name": "isContentLessThanContainer",
-                    "getSignature": {
-                        "name": "isContentLessThanContainer",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 27
-                    }
-                }
-            },
-            "inputsClass": [],
-            "outputsClass": [],
-            "hostBindings": [],
-            "hostListeners": [],
-            "implements": [
-                "SliderAdapter"
-            ]
-        },
-        {
-            "name": "IframeItem",
-            "id": "class-IframeItem-34d4be651a4e6f718dde28f397ec99c82360d81641da65c47a5499e3490da86d487d6fffea17cd93fbe36c8452006119cbc339e396218d25a91dedb22a7e837b",
-            "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "class",
-            "sourceCode": "import { GalleryItem } from '../../models/gallery.model';\r\nimport { GalleryItemType, GalleryItemTypes } from '../../models/constants';\r\n\r\nexport class ImageItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: ImageItemData;\r\n\r\n  constructor(data: ImageItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Image;\r\n  }\r\n}\r\n\r\nexport class VideoItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: VideoItemData;\r\n\r\n  constructor(data: VideoItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Video;\r\n  }\r\n}\r\n\r\nexport class IframeItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: IframeItemData;\r\n\r\n  constructor(data: IframeItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Iframe;\r\n  }\r\n}\r\n\r\nexport class YoutubeItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: YoutubeItemData;\r\n\r\n  constructor(data: YoutubeItemData) {\r\n    this.data = {\r\n      ...data,\r\n      ...{\r\n        src: `https://youtube.com/embed/${ data.src }`,\r\n        thumb: data.thumb ? data.thumb : `//img.youtube.com/vi/${ data.src }/default.jpg`\r\n      }\r\n    };\r\n    this.type = GalleryItemTypes.Youtube;\r\n  }\r\n}\r\n\r\ntype GalleryItemModel = {\r\n  type?: GalleryItemType;\r\n  src?: string | { url: string, type: string }[];\r\n  thumb?: string;\r\n  args?: any;\r\n};\r\n\r\nexport type ImageItemData = GalleryItemModel & {\r\n  alt?: string;\r\n};\r\n\r\nexport type IframeItemData = GalleryItemModel & {\r\n  params?: any;\r\n};\r\n\r\nexport type YoutubeItemData = IframeItemData & {\r\n  autoplay?: boolean;\r\n};\r\n\r\nexport type VideoItemData = GalleryItemModel & {\r\n  poster?: string;\r\n  loop?: boolean;\r\n  // The only option for boolean video attributes is 'true', because false will still be evaluated to true in attributes binding\r\n  mute?: true;\r\n  disablePictureInPicture?: true;\r\n  controls?: boolean;\r\n  autoplay?: boolean;\r\n  preload?: 'none' | 'metadata' | 'auto' | '';\r\n  controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';\r\n  disableRemotePlayback?: boolean;\r\n};\r\n\r\nexport type GalleryItemData = ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;\r\n\r\nexport type ItemState = 'success' | 'loading' | 'failed';\r\n",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "data",
-                        "type": "IframeItemData",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 26,
-                "jsdoctags": [
-                    {
-                        "name": "data",
-                        "type": "IframeItemData",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "properties": [
-                {
-                    "name": "data",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "IframeItemData",
-                    "optional": false,
-                    "description": "",
-                    "line": 26,
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "type",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryItemType",
-                    "optional": false,
-                    "description": "",
-                    "line": 25,
-                    "modifierKind": [
-                        146
-                    ]
-                }
-            ],
-            "methods": [],
-            "indexSignatures": [],
-            "inputsClass": [],
-            "outputsClass": [],
-            "hostBindings": [],
-            "hostListeners": [],
-            "implements": [
-                "GalleryItem"
-            ]
-        },
-        {
-            "name": "ImageItem",
-            "id": "class-ImageItem-34d4be651a4e6f718dde28f397ec99c82360d81641da65c47a5499e3490da86d487d6fffea17cd93fbe36c8452006119cbc339e396218d25a91dedb22a7e837b",
-            "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "class",
-            "sourceCode": "import { GalleryItem } from '../../models/gallery.model';\r\nimport { GalleryItemType, GalleryItemTypes } from '../../models/constants';\r\n\r\nexport class ImageItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: ImageItemData;\r\n\r\n  constructor(data: ImageItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Image;\r\n  }\r\n}\r\n\r\nexport class VideoItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: VideoItemData;\r\n\r\n  constructor(data: VideoItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Video;\r\n  }\r\n}\r\n\r\nexport class IframeItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: IframeItemData;\r\n\r\n  constructor(data: IframeItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Iframe;\r\n  }\r\n}\r\n\r\nexport class YoutubeItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: YoutubeItemData;\r\n\r\n  constructor(data: YoutubeItemData) {\r\n    this.data = {\r\n      ...data,\r\n      ...{\r\n        src: `https://youtube.com/embed/${ data.src }`,\r\n        thumb: data.thumb ? data.thumb : `//img.youtube.com/vi/${ data.src }/default.jpg`\r\n      }\r\n    };\r\n    this.type = GalleryItemTypes.Youtube;\r\n  }\r\n}\r\n\r\ntype GalleryItemModel = {\r\n  type?: GalleryItemType;\r\n  src?: string | { url: string, type: string }[];\r\n  thumb?: string;\r\n  args?: any;\r\n};\r\n\r\nexport type ImageItemData = GalleryItemModel & {\r\n  alt?: string;\r\n};\r\n\r\nexport type IframeItemData = GalleryItemModel & {\r\n  params?: any;\r\n};\r\n\r\nexport type YoutubeItemData = IframeItemData & {\r\n  autoplay?: boolean;\r\n};\r\n\r\nexport type VideoItemData = GalleryItemModel & {\r\n  poster?: string;\r\n  loop?: boolean;\r\n  // The only option for boolean video attributes is 'true', because false will still be evaluated to true in attributes binding\r\n  mute?: true;\r\n  disablePictureInPicture?: true;\r\n  controls?: boolean;\r\n  autoplay?: boolean;\r\n  preload?: 'none' | 'metadata' | 'auto' | '';\r\n  controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';\r\n  disableRemotePlayback?: boolean;\r\n};\r\n\r\nexport type GalleryItemData = ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;\r\n\r\nexport type ItemState = 'success' | 'loading' | 'failed';\r\n",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "data",
-                        "type": "ImageItemData",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 6,
-                "jsdoctags": [
-                    {
-                        "name": "data",
-                        "type": "ImageItemData",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "properties": [
-                {
-                    "name": "data",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ImageItemData",
-                    "optional": false,
-                    "description": "",
-                    "line": 6,
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "type",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryItemType",
-                    "optional": false,
-                    "description": "",
-                    "line": 5,
-                    "modifierKind": [
-                        146
-                    ]
-                }
-            ],
-            "methods": [],
-            "indexSignatures": [],
-            "inputsClass": [],
-            "outputsClass": [],
-            "hostBindings": [],
-            "hostListeners": [],
-            "implements": [
-                "GalleryItem"
-            ]
-        },
-        {
-            "name": "SliderAdapter",
-            "id": "class-SliderAdapter-ea6462dbf17682e1faf5e410cb58035c08652806b5846d639d21f0eee660d97a47244af46d5fc39dce6cdb8040b9bc4b6e221faa6d764716fd505e3fb8219a0e",
-            "file": "projects/ng-gallery/src/lib/components/adapters/base-adapter.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "class",
-            "sourceCode": "export abstract class SliderAdapter {\r\n\r\n  readonly abstract hammerDirection: number;\r\n\r\n  readonly abstract scrollSnapType: string;\r\n\r\n  abstract get scrollValue(): number;\r\n\r\n  abstract get clientSize(): number;\r\n\r\n  abstract get isContentLessThanContainer(): boolean;\r\n\r\n  abstract getScrollToValue(el: Element, behavior: ScrollBehavior): ScrollToOptions;\r\n\r\n  abstract getCentralizerStartSize(): number;\r\n\r\n  abstract getCentralizerEndSize(): number;\r\n\r\n  abstract getRootMargin(): string;\r\n\r\n  abstract getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string;\r\n\r\n  abstract getHammerVelocity(e): number;\r\n\r\n  abstract getHammerValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions;\r\n\r\n  // abstract getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions;\r\n\r\n  // abstract getDraggingProperty(e: MouseEvent): number;\r\n}\r\n",
-            "properties": [
-                {
-                    "name": "hammerDirection",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 3,
-                    "modifierKind": [
-                        146,
-                        126
-                    ]
-                },
-                {
-                    "name": "scrollSnapType",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 5,
-                    "modifierKind": [
-                        146,
-                        126
-                    ]
-                }
-            ],
-            "methods": [
-                {
-                    "name": "getCentralizerEndSize",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "number",
-                    "typeParameters": [],
-                    "line": 17,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        126
-                    ]
-                },
-                {
-                    "name": "getCentralizerStartSize",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "number",
-                    "typeParameters": [],
-                    "line": 15,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        126
-                    ]
-                },
-                {
-                    "name": "getElementRootMargin",
-                    "args": [
-                        {
-                            "name": "viewport",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "string",
-                    "typeParameters": [],
-                    "line": 21,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        126
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "viewport",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getHammerValue",
-                    "args": [
-                        {
-                            "name": "value",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "delta",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "ScrollToOptions",
-                    "typeParameters": [],
-                    "line": 25,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        126
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "value",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "delta",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getHammerVelocity",
-                    "args": [
-                        {
-                            "name": "e",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "number",
-                    "typeParameters": [],
-                    "line": 23,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        126
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "e",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getRootMargin",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "string",
-                    "typeParameters": [],
-                    "line": 19,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        126
-                    ]
-                },
-                {
-                    "name": "getScrollToValue",
-                    "args": [
-                        {
-                            "name": "el",
-                            "type": "Element",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "ScrollToOptions",
-                    "typeParameters": [],
-                    "line": 13,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        126
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "el",
-                            "type": "Element",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "indexSignatures": [],
-            "accessors": {
-                "scrollValue": {
-                    "name": "scrollValue",
-                    "getSignature": {
-                        "name": "scrollValue",
-                        "type": "number",
-                        "returnType": "number",
-                        "line": 7
-                    }
-                },
-                "clientSize": {
-                    "name": "clientSize",
-                    "getSignature": {
-                        "name": "clientSize",
-                        "type": "number",
-                        "returnType": "number",
-                        "line": 9
-                    }
-                },
-                "isContentLessThanContainer": {
-                    "name": "isContentLessThanContainer",
-                    "getSignature": {
-                        "name": "isContentLessThanContainer",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 11
-                    }
-                }
-            },
-            "inputsClass": [],
-            "outputsClass": [],
-            "hostBindings": [],
-            "hostListeners": []
-        },
-        {
-            "name": "VerticalAdapter",
-            "id": "class-VerticalAdapter-3daae6a8cc0b8e54bd405839b944d48041efbb99f2117571af80d5e3c88b5d81310f2ba88bbde52dbd371b5e501d1046a5d3a3351bade652e3ab629e9370cb35",
-            "file": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "class",
-            "sourceCode": "import { GalleryConfig } from '../../models/config.model';\r\nimport { SliderAdapter } from './base-adapter';\r\nimport { SmoothScrollOptions } from '../../smooth-scroll';\r\n\r\n/**\r\n * A clone of HammerJs constants\r\n */\r\nexport const DIRECTION_LEFT: number = 2;\r\nexport const DIRECTION_RIGHT: number = 4;\r\nexport const DIRECTION_UP: number = 8;\r\nexport const DIRECTION_DOWN: number = 16;\r\n\r\nexport class HorizontalAdapter implements SliderAdapter {\r\n\r\n  readonly hammerDirection: number = DIRECTION_LEFT | DIRECTION_RIGHT;\r\n\r\n  readonly scrollSnapType: string = 'x mandatory';\r\n\r\n  get scrollValue(): number {\r\n    return this.slider.scrollLeft;\r\n  }\r\n\r\n  get clientSize(): number {\r\n    return this.slider.clientWidth;\r\n  }\r\n\r\n  get isContentLessThanContainer(): boolean {\r\n    return this.clientSize >= this.slider.firstElementChild.clientWidth;\r\n  }\r\n\r\n  constructor(public slider: HTMLElement, public config: GalleryConfig) {\r\n  }\r\n\r\n  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollOptions {\r\n    const position: number = el.offsetLeft - ((this.clientSize - el.clientWidth) / 2);\r\n    return {\r\n      behavior,\r\n      start: position\r\n    };\r\n  }\r\n\r\n  getRootMargin(): string {\r\n    return `1000px 1px 1000px 1px`;\r\n  }\r\n\r\n  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {\r\n    const rootMargin: number = -1 * ((viewport.clientWidth - el.clientWidth) / 2) + 1;\r\n    return `0px ${ rootMargin }px 0px ${ rootMargin }px`;\r\n  }\r\n\r\n  getCentralizerStartSize(): number {\r\n    if (this.isContentLessThanContainer) {\r\n      const size: number = this.clientSize - this.slider.firstElementChild.clientWidth;\r\n      return size / 2;\r\n    }\r\n    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientWidth / 2);\r\n  }\r\n\r\n  getCentralizerEndSize(): number {\r\n    if (this.isContentLessThanContainer) {\r\n      const size: number = this.clientSize - this.slider.firstElementChild.clientWidth;\r\n      return size / 2;\r\n    }\r\n    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientWidth / 2);\r\n  }\r\n\r\n  getHammerVelocity(e: any): number {\r\n    return e.velocityX;\r\n  }\r\n\r\n  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {\r\n    return {\r\n      behavior,\r\n      left: value - e.deltaX\r\n    };\r\n  }\r\n\r\n  // getDraggingProperty(e: MouseEvent): number {\r\n  //   return e.clientX;\r\n  // }\r\n\r\n  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {\r\n  //   return {\r\n  //     behavior,\r\n  //     left: value - delta\r\n  //   };\r\n  // }\r\n}\r\n\r\nexport class VerticalAdapter implements SliderAdapter {\r\n\r\n  readonly hammerDirection: number = DIRECTION_UP | DIRECTION_DOWN;\r\n\r\n  readonly scrollSnapType: string = 'y mandatory';\r\n\r\n  get scrollValue(): number {\r\n    return this.slider.scrollTop;\r\n  }\r\n\r\n  get clientSize(): number {\r\n    return this.slider.clientHeight;\r\n  }\r\n\r\n  get isContentLessThanContainer(): boolean {\r\n    return this.clientSize >= this.slider.firstElementChild.clientHeight;\r\n  }\r\n\r\n  constructor(public slider: HTMLElement, public config: GalleryConfig) {\r\n  }\r\n\r\n  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollOptions {\r\n    const position: number = el.offsetTop - ((this.clientSize - el.clientHeight) / 2);\r\n    return {\r\n      behavior,\r\n      top: position\r\n    };\r\n  }\r\n\r\n  getRootMargin(): string {\r\n    return `1px 1000px 1px 1000px`;\r\n  }\r\n\r\n  getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {\r\n    const rootMargin: number = -1 * ((viewport.clientHeight - el.clientHeight) / 2) + 1;\r\n    return `${ rootMargin }px 0px ${ rootMargin }px 0px`;\r\n  }\r\n\r\n  getCentralizerStartSize(): number {\r\n    if (this.isContentLessThanContainer) {\r\n      const size = this.clientSize - this.slider.firstElementChild.clientHeight;\r\n      return size / 2;\r\n    }\r\n    return (this.clientSize / 2) - (this.slider.firstElementChild.firstElementChild?.clientHeight / 2);\r\n  }\r\n\r\n  getCentralizerEndSize(): number {\r\n    if (this.isContentLessThanContainer) {\r\n      const size = this.clientSize - this.slider.firstElementChild.clientHeight;\r\n      return size / 2;\r\n    }\r\n    return (this.clientSize / 2) - (this.slider.firstElementChild.lastElementChild?.clientHeight / 2);\r\n  }\r\n\r\n  getHammerVelocity(e: any): number {\r\n    return e.velocityY;\r\n  }\r\n\r\n  getHammerValue(value: number, e: any, behavior: ScrollBehavior): ScrollToOptions {\r\n    return {\r\n      behavior,\r\n      top: value - e.deltaY\r\n    };\r\n  }\r\n\r\n  // getDraggingProperty(e: MouseEvent): number {\r\n  //   return e.clientY;\r\n  // }\r\n\r\n  // getDraggingValue(value: number, delta: number, behavior: ScrollBehavior): ScrollToOptions {\r\n  //   return {\r\n  //     behavior,\r\n  //     top: value - delta\r\n  //   };\r\n  // }\r\n}\r\n",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "slider",
-                        "type": "HTMLElement",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "config",
-                        "type": "GalleryConfig",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 106,
-                "jsdoctags": [
-                    {
-                        "name": "slider",
-                        "type": "HTMLElement",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "config",
-                        "type": "GalleryConfig",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "properties": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryConfig",
-                    "optional": false,
-                    "description": "",
-                    "line": 108,
-                    "modifierKind": [
-                        123
-                    ]
-                },
-                {
-                    "name": "hammerDirection",
-                    "defaultValue": "DIRECTION_UP | DIRECTION_DOWN",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "optional": false,
-                    "description": "",
-                    "line": 92,
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "scrollSnapType",
-                    "defaultValue": "'y mandatory'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 94,
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "slider",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "HTMLElement",
-                    "optional": false,
-                    "description": "",
-                    "line": 108,
-                    "modifierKind": [
-                        123
-                    ]
-                }
-            ],
-            "methods": [
-                {
-                    "name": "getCentralizerEndSize",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "number",
-                    "typeParameters": [],
-                    "line": 136,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "getCentralizerStartSize",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "number",
-                    "typeParameters": [],
-                    "line": 128,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "getElementRootMargin",
-                    "args": [
-                        {
-                            "name": "viewport",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "string",
-                    "typeParameters": [],
-                    "line": 123,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "viewport",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getHammerValue",
-                    "args": [
-                        {
-                            "name": "value",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "e",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "ScrollToOptions",
-                    "typeParameters": [],
-                    "line": 148,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "value",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "e",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getHammerVelocity",
-                    "args": [
-                        {
-                            "name": "e",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "number",
-                    "typeParameters": [],
-                    "line": 144,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "e",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getRootMargin",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "string",
-                    "typeParameters": [],
-                    "line": 119,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "getScrollToValue",
-                    "args": [
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "SmoothScrollOptions",
-                    "typeParameters": [],
-                    "line": 111,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "indexSignatures": [],
-            "accessors": {
-                "scrollValue": {
-                    "name": "scrollValue",
-                    "getSignature": {
-                        "name": "scrollValue",
-                        "type": "number",
-                        "returnType": "number",
-                        "line": 96
-                    }
-                },
-                "clientSize": {
-                    "name": "clientSize",
-                    "getSignature": {
-                        "name": "clientSize",
-                        "type": "number",
-                        "returnType": "number",
-                        "line": 100
-                    }
-                },
-                "isContentLessThanContainer": {
-                    "name": "isContentLessThanContainer",
-                    "getSignature": {
-                        "name": "isContentLessThanContainer",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 104
-                    }
-                }
-            },
-            "inputsClass": [],
-            "outputsClass": [],
-            "hostBindings": [],
-            "hostListeners": [],
-            "implements": [
-                "SliderAdapter"
-            ]
-        },
-        {
-            "name": "VideoItem",
-            "id": "class-VideoItem-34d4be651a4e6f718dde28f397ec99c82360d81641da65c47a5499e3490da86d487d6fffea17cd93fbe36c8452006119cbc339e396218d25a91dedb22a7e837b",
-            "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "class",
-            "sourceCode": "import { GalleryItem } from '../../models/gallery.model';\r\nimport { GalleryItemType, GalleryItemTypes } from '../../models/constants';\r\n\r\nexport class ImageItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: ImageItemData;\r\n\r\n  constructor(data: ImageItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Image;\r\n  }\r\n}\r\n\r\nexport class VideoItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: VideoItemData;\r\n\r\n  constructor(data: VideoItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Video;\r\n  }\r\n}\r\n\r\nexport class IframeItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: IframeItemData;\r\n\r\n  constructor(data: IframeItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Iframe;\r\n  }\r\n}\r\n\r\nexport class YoutubeItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: YoutubeItemData;\r\n\r\n  constructor(data: YoutubeItemData) {\r\n    this.data = {\r\n      ...data,\r\n      ...{\r\n        src: `https://youtube.com/embed/${ data.src }`,\r\n        thumb: data.thumb ? data.thumb : `//img.youtube.com/vi/${ data.src }/default.jpg`\r\n      }\r\n    };\r\n    this.type = GalleryItemTypes.Youtube;\r\n  }\r\n}\r\n\r\ntype GalleryItemModel = {\r\n  type?: GalleryItemType;\r\n  src?: string | { url: string, type: string }[];\r\n  thumb?: string;\r\n  args?: any;\r\n};\r\n\r\nexport type ImageItemData = GalleryItemModel & {\r\n  alt?: string;\r\n};\r\n\r\nexport type IframeItemData = GalleryItemModel & {\r\n  params?: any;\r\n};\r\n\r\nexport type YoutubeItemData = IframeItemData & {\r\n  autoplay?: boolean;\r\n};\r\n\r\nexport type VideoItemData = GalleryItemModel & {\r\n  poster?: string;\r\n  loop?: boolean;\r\n  // The only option for boolean video attributes is 'true', because false will still be evaluated to true in attributes binding\r\n  mute?: true;\r\n  disablePictureInPicture?: true;\r\n  controls?: boolean;\r\n  autoplay?: boolean;\r\n  preload?: 'none' | 'metadata' | 'auto' | '';\r\n  controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';\r\n  disableRemotePlayback?: boolean;\r\n};\r\n\r\nexport type GalleryItemData = ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;\r\n\r\nexport type ItemState = 'success' | 'loading' | 'failed';\r\n",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "data",
-                        "type": "VideoItemData",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 16,
-                "jsdoctags": [
-                    {
-                        "name": "data",
-                        "type": "VideoItemData",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "properties": [
-                {
-                    "name": "data",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "VideoItemData",
-                    "optional": false,
-                    "description": "",
-                    "line": 16,
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "type",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryItemType",
-                    "optional": false,
-                    "description": "",
-                    "line": 15,
-                    "modifierKind": [
-                        146
-                    ]
-                }
-            ],
-            "methods": [],
-            "indexSignatures": [],
-            "inputsClass": [],
-            "outputsClass": [],
-            "hostBindings": [],
-            "hostListeners": [],
-            "implements": [
-                "GalleryItem"
-            ]
-        },
-        {
-            "name": "YoutubeItem",
-            "id": "class-YoutubeItem-34d4be651a4e6f718dde28f397ec99c82360d81641da65c47a5499e3490da86d487d6fffea17cd93fbe36c8452006119cbc339e396218d25a91dedb22a7e837b",
-            "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-            "deprecated": false,
-            "deprecationMessage": "",
-            "type": "class",
-            "sourceCode": "import { GalleryItem } from '../../models/gallery.model';\r\nimport { GalleryItemType, GalleryItemTypes } from '../../models/constants';\r\n\r\nexport class ImageItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: ImageItemData;\r\n\r\n  constructor(data: ImageItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Image;\r\n  }\r\n}\r\n\r\nexport class VideoItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: VideoItemData;\r\n\r\n  constructor(data: VideoItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Video;\r\n  }\r\n}\r\n\r\nexport class IframeItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: IframeItemData;\r\n\r\n  constructor(data: IframeItemData) {\r\n    this.data = data;\r\n    this.type = GalleryItemTypes.Iframe;\r\n  }\r\n}\r\n\r\nexport class YoutubeItem implements GalleryItem {\r\n  readonly type: GalleryItemType;\r\n  readonly data: YoutubeItemData;\r\n\r\n  constructor(data: YoutubeItemData) {\r\n    this.data = {\r\n      ...data,\r\n      ...{\r\n        src: `https://youtube.com/embed/${ data.src }`,\r\n        thumb: data.thumb ? data.thumb : `//img.youtube.com/vi/${ data.src }/default.jpg`\r\n      }\r\n    };\r\n    this.type = GalleryItemTypes.Youtube;\r\n  }\r\n}\r\n\r\ntype GalleryItemModel = {\r\n  type?: GalleryItemType;\r\n  src?: string | { url: string, type: string }[];\r\n  thumb?: string;\r\n  args?: any;\r\n};\r\n\r\nexport type ImageItemData = GalleryItemModel & {\r\n  alt?: string;\r\n};\r\n\r\nexport type IframeItemData = GalleryItemModel & {\r\n  params?: any;\r\n};\r\n\r\nexport type YoutubeItemData = IframeItemData & {\r\n  autoplay?: boolean;\r\n};\r\n\r\nexport type VideoItemData = GalleryItemModel & {\r\n  poster?: string;\r\n  loop?: boolean;\r\n  // The only option for boolean video attributes is 'true', because false will still be evaluated to true in attributes binding\r\n  mute?: true;\r\n  disablePictureInPicture?: true;\r\n  controls?: boolean;\r\n  autoplay?: boolean;\r\n  preload?: 'none' | 'metadata' | 'auto' | '';\r\n  controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';\r\n  disableRemotePlayback?: boolean;\r\n};\r\n\r\nexport type GalleryItemData = ImageItemData | VideoItemData | IframeItemData | YoutubeItemData;\r\n\r\nexport type ItemState = 'success' | 'loading' | 'failed';\r\n",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "data",
-                        "type": "YoutubeItemData",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 36,
-                "jsdoctags": [
-                    {
-                        "name": "data",
-                        "type": "YoutubeItemData",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "properties": [
-                {
-                    "name": "data",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "YoutubeItemData",
-                    "optional": false,
-                    "description": "",
-                    "line": 36,
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "type",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryItemType",
-                    "optional": false,
-                    "description": "",
-                    "line": 35,
-                    "modifierKind": [
-                        146
-                    ]
-                }
-            ],
-            "methods": [],
-            "indexSignatures": [],
-            "inputsClass": [],
-            "outputsClass": [],
-            "hostBindings": [],
-            "hostListeners": [],
-            "implements": [
-                "GalleryItem"
-            ]
-        }
-    ],
-    "directives": [
-        {
-            "name": "AutoplayDirective",
-            "id": "directive-AutoplayDirective-4af5917269fb330e83f2fcd8f86865c4d4d199976809347176711bbb3406e1b4bd8c3e81d2a5b0acf44d19904d49b06e8b98cfa68168f5eb655308373ef1edec",
-            "file": "projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import { Directive, Input, AfterViewInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';\r\nimport { Subscription, delay, of, switchMap, tap, EMPTY } from 'rxjs';\r\nimport { ImgManager } from '../utils/img-manager';\r\nimport { Gallery } from '../services/gallery.service';\r\nimport { GalleryRef } from '../services/gallery-ref';\r\nimport { GalleryState } from '../models/gallery.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\n\r\n@Directive({\r\n  selector: 'gallery-core[autoplay]',\r\n  standalone: true\r\n})\r\nexport class AutoplayDirective implements AfterViewInit, OnChanges, OnDestroy {\r\n\r\n  private _currentSubscription: Subscription;\r\n\r\n  private _galleryRef: GalleryRef;\r\n\r\n  @Input() config: GalleryConfig;\r\n\r\n  @Input() galleryId: string;\r\n\r\n  constructor(private _gallery: Gallery, private _imgManager: ImgManager) {\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this._galleryRef = this._gallery.ref(this.galleryId);\r\n    this._subscribe();\r\n    if (this.config.autoplay) {\r\n      this._galleryRef.play();\r\n    }\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (this._galleryRef && changes.config?.currentValue.autoplay !== changes.config?.previousValue.autoplay) {\r\n      this.config.autoplay ? this._galleryRef.play() : this._galleryRef.stop();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unsubscribe();\r\n  }\r\n\r\n\r\n  private _subscribe(): void {\r\n    this._unsubscribe();\r\n\r\n    this._currentSubscription = this._galleryRef.playingChanged.pipe(\r\n      switchMap((state: GalleryState) => {\r\n        if (state.isPlaying) {\r\n          return this._imgManager.getActiveItem(this._galleryRef.state).pipe(\r\n            switchMap(() => of({}).pipe(\r\n              delay(this.config.autoplayInterval),\r\n              tap(() => {\r\n                if (this._galleryRef.stateSnapshot.hasNext) {\r\n                  this._galleryRef.next(this.config.scrollBehavior);\r\n                } else {\r\n                  this._galleryRef.set(0, this.config.scrollBehavior);\r\n                }\r\n              })\r\n            ))\r\n          );\r\n        }\r\n        return EMPTY;\r\n      })\r\n    ).subscribe();\r\n  }\r\n\r\n  private _unsubscribe(): void {\r\n    this._currentSubscription?.unsubscribe();\r\n  }\r\n}\r\n",
-            "selector": "gallery-core[autoplay]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 19,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "galleryId",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 21,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "_currentSubscription",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subscription",
-                    "optional": false,
-                    "description": "",
-                    "line": 15,
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_galleryRef",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryRef",
-                    "optional": false,
-                    "description": "",
-                    "line": 17,
-                    "modifierKind": [
-                        121
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "_subscribe",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 45,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_unsubscribe",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 69,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "ngAfterViewInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 26,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnChanges",
-                    "args": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 34,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "ngOnDestroy",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 40,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                }
-            ],
-            "implements": [
-                "AfterViewInit",
-                "OnChanges",
-                "OnDestroy"
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_imgManager",
-                        "type": "ImgManager",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 21,
-                "jsdoctags": [
-                    {
-                        "name": "_gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_imgManager",
-                        "type": "ImgManager",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            "name": "GalleryBoxDef",
-            "id": "directive-GalleryBoxDef-dc42fc50e33dfef0b09f6091971bf663a23f56cdc21288a1d462bdbc08634bd1b5b282ac3be9fcd63e7a7bf9dbb0caf078fe0cc1be3b3bee6b6030f88eb947cf",
-            "file": "projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import { Directive, TemplateRef } from '@angular/core';\r\nimport { GalleryState } from '../models/gallery.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\n\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[galleryBoxDef]'\r\n})\r\nexport class GalleryBoxDef {\r\n\r\n  constructor(public templateRef: TemplateRef<GalleryStateContext>) {\r\n  }\r\n\r\n  // Make sure the template checker knows the type of the context with which the\r\n  // template of this directive will be rendered\r\n  static ngTemplateContextGuard(\r\n    directive: GalleryBoxDef,\r\n    context: unknown\r\n  ): context is GalleryStateContext {\r\n    return true;\r\n  }\r\n}\r\n\r\nexport interface GalleryStateContext {\r\n  state?: GalleryState;\r\n  config?: GalleryConfig;\r\n}\r\n",
-            "selector": "[galleryBoxDef]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [],
-            "outputsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "templateRef",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "TemplateRef<GalleryStateContext>",
-                    "optional": false,
-                    "description": "",
-                    "line": 12,
-                    "modifierKind": [
-                        123
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngTemplateContextGuard",
-                    "args": [
-                        {
-                            "name": "directive",
-                            "type": "GalleryBoxDef",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "context",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "GalleryStateContext",
-                    "typeParameters": [],
-                    "line": 17,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        124
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "directive",
-                            "type": "GalleryBoxDef",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "context",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "templateRef",
-                        "type": "TemplateRef<GalleryStateContext>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 10,
-                "jsdoctags": [
-                    {
-                        "name": "templateRef",
-                        "type": "TemplateRef<GalleryStateContext>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            "name": "GalleryImageDef",
-            "id": "directive-GalleryImageDef-ed5ba58045d4decff0e07e755dc0c225ab926051f1c25b914bd812eb0fb9a3969ead4cfbf96f0f1a82b37db87c29887edd98a66211d3949fe201fda6c8006b70",
-            "file": "projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import { Directive, TemplateRef } from '@angular/core';\r\nimport { ImageItemData } from '../components/templates/items.model';\r\nimport { GalleryItemContext } from './gallery-item-def.directive';\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[galleryImageDef]'\r\n})\r\nexport class GalleryImageDef {\r\n\r\n  constructor(public templateRef: TemplateRef<GalleryItemContext<ImageItemData>>) {\r\n  }\r\n\r\n  // Make sure the template checker knows the type of the context with which the\r\n  // template of this directive will be rendered\r\n  static ngTemplateContextGuard(\r\n    directive: GalleryImageDef,\r\n    context: unknown\r\n  ): context is GalleryItemContext<ImageItemData> {\r\n    return true;\r\n  }\r\n}\r\n",
-            "selector": "[galleryImageDef]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [],
-            "outputsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "templateRef",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "TemplateRef<GalleryItemContext<ImageItemData>>",
-                    "optional": false,
-                    "description": "",
-                    "line": 11,
-                    "modifierKind": [
-                        123
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngTemplateContextGuard",
-                    "args": [
-                        {
-                            "name": "directive",
-                            "type": "GalleryImageDef",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "context",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "GalleryItemContext<ImageItemData>",
-                    "typeParameters": [],
-                    "line": 16,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        124
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "directive",
-                            "type": "GalleryImageDef",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "context",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "templateRef",
-                        "type": "TemplateRef<GalleryItemContext<ImageItemData>>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 9,
-                "jsdoctags": [
-                    {
-                        "name": "templateRef",
-                        "type": "TemplateRef<GalleryItemContext<ImageItemData>>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            "name": "GalleryItemDef",
-            "id": "directive-GalleryItemDef-26e1a2a9cd6d60ca99303fc991011e44a915536a91e7fffb302ad20298ea1600095dac2bbb811adb2767e9c07b63f913c60fab3c81fff80a56796b65a8136cba",
-            "file": "projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import { Directive, TemplateRef } from '@angular/core';\r\nimport { GalleryItemData } from '../components/templates/items.model';\r\nimport { GalleryItemType } from '../models/constants';\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[galleryItemDef]'\r\n})\r\nexport class GalleryItemDef {\r\n  constructor(public templateRef: TemplateRef<GalleryItemContext<GalleryItemDef>>) {\r\n  }\r\n\r\n  // Make sure the template checker knows the type of the context with which the\r\n  // template of this directive will be rendered\r\n  static ngTemplateContextGuard(\r\n    directive: GalleryItemDef,\r\n    context: unknown\r\n  ): context is GalleryItemContext<GalleryItemData> {\r\n    return true;\r\n  }\r\n}\r\n\r\nexport interface GalleryItemContext<T> {\r\n  /** Data for the row that this cell is located within. */\r\n  $implicit?: T;\r\n\r\n  /** Index of the item. */\r\n  index?: number;\r\n\r\n  /** The type of the item. */\r\n  type?: GalleryItemType;\r\n\r\n  /** True if this item is the active one. */\r\n  active?: boolean;\r\n\r\n  /** The number of total items. */\r\n  count?: number;\r\n\r\n  /** True if this item is first. */\r\n  first?: boolean;\r\n\r\n  /** True if this item is last. */\r\n  last?: boolean;\r\n}\r\n",
-            "selector": "[galleryItemDef]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [],
-            "outputsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "templateRef",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "TemplateRef<GalleryItemContext<GalleryItemDef>>",
-                    "optional": false,
-                    "description": "",
-                    "line": 10,
-                    "modifierKind": [
-                        123
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngTemplateContextGuard",
-                    "args": [
-                        {
-                            "name": "directive",
-                            "type": "GalleryItemDef",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "context",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "GalleryItemContext<GalleryItemData>",
-                    "typeParameters": [],
-                    "line": 15,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        124
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "directive",
-                            "type": "GalleryItemDef",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "context",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "templateRef",
-                        "type": "TemplateRef<GalleryItemContext<GalleryItemDef>>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 9,
-                "jsdoctags": [
-                    {
-                        "name": "templateRef",
-                        "type": "TemplateRef<GalleryItemContext<GalleryItemDef>>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            "name": "GalleryThumbDef",
-            "id": "directive-GalleryThumbDef-b6a21582967ca97fc62641838641bac7ceab9261c6d740a6cf2fee519d0caf4895136246fe2c47f8e521708a79f78b24ff01d43714a993eec105c40ea6f36666",
-            "file": "projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import { Directive, TemplateRef } from '@angular/core';\r\nimport { ImageItemData } from '../components/templates/items.model';\r\nimport { GalleryItemContext } from './gallery-item-def.directive';\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[galleryThumbDef]'\r\n})\r\nexport class GalleryThumbDef {\r\n\r\n  constructor(public templateRef: TemplateRef<GalleryItemContext<ImageItemData>>) {\r\n  }\r\n  // Make sure the template checker knows the type of the context with which the\r\n  // template of this directive will be rendered\r\n  static ngTemplateContextGuard(\r\n    directive: GalleryThumbDef,\r\n    context: unknown\r\n  ): context is GalleryItemContext<ImageItemData> {\r\n    return true;\r\n  }\r\n}\r\n",
-            "selector": "[galleryThumbDef]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [],
-            "outputsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "templateRef",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "TemplateRef<GalleryItemContext<ImageItemData>>",
-                    "optional": false,
-                    "description": "",
-                    "line": 11,
-                    "modifierKind": [
-                        123
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngTemplateContextGuard",
-                    "args": [
-                        {
-                            "name": "directive",
-                            "type": "GalleryThumbDef",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "context",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "GalleryItemContext<ImageItemData>",
-                    "typeParameters": [],
-                    "line": 15,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        124
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "directive",
-                            "type": "GalleryThumbDef",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "context",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "templateRef",
-                        "type": "TemplateRef<GalleryItemContext<ImageItemData>>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 9,
-                "jsdoctags": [
-                    {
-                        "name": "templateRef",
-                        "type": "TemplateRef<GalleryItemContext<ImageItemData>>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            "name": "HammerSliding",
-            "id": "directive-HammerSliding-8e4f574e588240c89e9cb6a7a2e9074c48787b2109fc5d8a6facd287445d7e14e5da8c94ceed35201f55257548d74ea42709b688f2e6ec0a65caa754d6104759",
-            "file": "projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import {\r\n  Directive,\r\n  Inject,\r\n  Input,\r\n  Output,\r\n  OnChanges,\r\n  OnDestroy,\r\n  SimpleChanges,\r\n  NgZone,\r\n  ElementRef,\r\n  EventEmitter\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { Platform } from '@angular/cdk/platform';\r\nimport { Directionality } from '@angular/cdk/bidi';\r\nimport { SliderAdapter } from '../components/adapters';\r\nimport { GalleryState } from '../models/gallery.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { Orientation } from '../models/constants';\r\nimport { GalleryItemComponent } from '../components/gallery-item.component';\r\nimport { GalleryThumbComponent } from '../components/gallery-thumb.component';\r\n\r\ndeclare const Hammer: any;\r\n\r\n@Directive({\r\n  selector: '[hammerSliding]',\r\n  standalone: true\r\n})\r\nexport class HammerSliding implements OnChanges, OnDestroy {\r\n\r\n  /** HammerJS instance */\r\n  private _hammer: any;\r\n\r\n  get _viewport(): HTMLElement {\r\n    return this._el.nativeElement;\r\n  }\r\n\r\n  @Input('hammerSliding') enabled: boolean;\r\n\r\n  @Input() galleryId: string;\r\n\r\n  @Input() items: GalleryItemComponent[] | GalleryThumbComponent[];\r\n\r\n  @Input() adapter: SliderAdapter;\r\n\r\n  @Input() state: GalleryState;\r\n\r\n  @Input() config: GalleryConfig;\r\n\r\n  @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n  @Output() isSlidingChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n  constructor(@Inject(DOCUMENT) private _document: Document,\r\n              private _el: ElementRef<HTMLElement>,\r\n              private _dir: Directionality,\r\n              private _platform: Platform,\r\n              private _zone: NgZone) {\r\n  }\r\n\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes.enabled && changes.enabled?.currentValue !== changes.enabled?.previousValue) {\r\n      this.enabled ? this._subscribe() : this._unsubscribe();\r\n    }\r\n    if (!changes.adapter?.firstChange && changes.adapter?.currentValue !== changes.adapter?.previousValue) {\r\n      this.enabled ? this._subscribe() : this._unsubscribe();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unsubscribe();\r\n  }\r\n\r\n  private _subscribe(): void {\r\n    this._unsubscribe();\r\n\r\n    if (!this._platform.ANDROID && !this._platform.IOS && typeof Hammer !== 'undefined') {\r\n      this._zone.runOutsideAngular(() => {\r\n\r\n        const direction: number = this.adapter.hammerDirection;\r\n        this._hammer = new Hammer(this._el.nativeElement, { inputClass: Hammer.MouseInput });\r\n        this._hammer.get('pan').set({ direction });\r\n\r\n        let offset: number;\r\n\r\n        // Set panOffset for sliding on pan start event\r\n        this._hammer.on('panstart', () => {\r\n          this._zone.run(() => {\r\n            this.isSlidingChange.emit(true);\r\n          });\r\n\r\n          offset = this.adapter.scrollValue;\r\n          this._viewport.classList.add('g-sliding');\r\n          this._viewport.style.setProperty('--slider-scroll-snap-type', 'none');\r\n        });\r\n\r\n        this._hammer.on('panmove', (e: any) => this._viewport.scrollTo(this.adapter.getHammerValue(offset, e, 'auto')));\r\n\r\n        this._hammer.on('panend', (e: any) => {\r\n          this._document.onselectstart = null;\r\n          this._viewport.classList.remove('g-sliding');\r\n          const index: number = this.getIndexOnMouseUp(e);\r\n\r\n          this._zone.run(() => {\r\n            this.isSlidingChange.emit(false);\r\n            this.activeIndexChange.emit(index);\r\n          });\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  private _unsubscribe(): void {\r\n    this._hammer?.destroy();\r\n  }\r\n\r\n  private getIndexOnMouseUp(e: any): number {\r\n    // Check if scrolled item is great enough to navigate\r\n    const currElement: Element = this.items[this.state.currIndex].nativeElement;\r\n\r\n    // Find the gallery item element in the center elements\r\n    const elementAtCenter: Element = this.getElementFromViewportCenter();\r\n\r\n    // Check if center item can be taken from element using\r\n    if (elementAtCenter && elementAtCenter !== currElement) {\r\n      return +elementAtCenter.getAttribute('galleryIndex');\r\n    }\r\n\r\n    const velocity: number = this.adapter.getHammerVelocity(e);\r\n    // Check if velocity is great enough to navigate\r\n    if (Math.abs(velocity) > 0.3) {\r\n      if (this.config.orientation === Orientation.Horizontal) {\r\n        if (velocity > 0) {\r\n          return this._dir.value === 'rtl' ? this.state.currIndex + 1 : this.state.currIndex - 1;\r\n        }\r\n        return this._dir.value === 'rtl' ? this.state.currIndex - 1 : this.state.currIndex + 1;\r\n      } else {\r\n        return velocity > 0 ? this.state.currIndex - 1 : this.state.currIndex + 1;\r\n      }\r\n    }\r\n\r\n    // Reset position to the current index\r\n    return -1;\r\n  }\r\n\r\n  private getElementFromViewportCenter(): Element {\r\n    // Get slider position relative to the document\r\n    const sliderRect: DOMRect = this._viewport.getBoundingClientRect();\r\n    // Try look for the center item using `elementsFromPoint` function\r\n    const centerElements: Element[] = this._document.elementsFromPoint(\r\n      sliderRect.x + (sliderRect.width / 2),\r\n      sliderRect.y + (sliderRect.height / 2)\r\n    );\r\n    // Find the gallery item element in the center elements\r\n    return centerElements.find((element: Element) => {\r\n      return element.getAttribute('galleryId') === this.galleryId;\r\n    });\r\n  }\r\n}\r\n",
-            "selector": "[hammerSliding]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [
-                {
-                    "name": "adapter",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 44,
-                    "type": "SliderAdapter",
-                    "decorators": []
-                },
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 48,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "galleryId",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 40,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "hammerSliding",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 38,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "items",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 42,
-                    "type": "GalleryItemComponent[] | GalleryThumbComponent[]",
-                    "decorators": []
-                },
-                {
-                    "name": "state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 46,
-                    "type": "GalleryState",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "activeIndexChange",
-                    "defaultValue": "new EventEmitter<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 50,
-                    "type": "EventEmitter<number>"
-                },
-                {
-                    "name": "isSlidingChange",
-                    "defaultValue": "new EventEmitter<boolean>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 52,
-                    "type": "EventEmitter<boolean>"
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "_hammer",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "any",
-                    "optional": false,
-                    "description": "<p>HammerJS instance</p>\n",
-                    "line": 32,
-                    "rawdescription": "\nHammerJS instance",
-                    "modifierKind": [
-                        121
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "_subscribe",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 75,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_unsubscribe",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 114,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "getElementFromViewportCenter",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "Element",
-                    "typeParameters": [],
-                    "line": 147,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "getIndexOnMouseUp",
-                    "args": [
-                        {
-                            "name": "e",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "number",
-                    "typeParameters": [],
-                    "line": 118,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "e",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "ngOnChanges",
-                    "args": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 62,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "ngOnDestroy",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 71,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                }
-            ],
-            "implements": [
-                "OnChanges",
-                "OnDestroy"
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_document",
-                        "type": "Document",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_dir",
-                        "type": "Directionality",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_platform",
-                        "type": "Platform",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 52,
-                "jsdoctags": [
-                    {
-                        "name": "_document",
-                        "type": "Document",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_dir",
-                        "type": "Directionality",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_platform",
-                        "type": "Platform",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "accessors": {
-                "_viewport": {
-                    "name": "_viewport",
-                    "getSignature": {
-                        "name": "_viewport",
-                        "type": "",
-                        "returnType": "HTMLElement",
-                        "line": 34
-                    }
-                }
-            }
-        },
-        {
-            "name": "ImgRecognizer",
-            "id": "directive-ImgRecognizer-4c9d5a8c7a08b40e1e9d439399a05aec404513b8e889a789020d8e5175a205f816481633114970e3a3acc2b03986c1cf8e9d84cea50aec93a0147c934632f8ab",
-            "file": "projects/ng-gallery/src/lib/utils/img-recognizer.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import { Directive, Input, HostListener, OnInit, OnDestroy, ElementRef } from '@angular/core';\r\nimport { ImgManager } from './img-manager';\r\nimport { GalleryItemComponent } from '../components/gallery-item.component';\r\n\r\n@Directive({\r\n  selector: 'img[galleryImage]',\r\n  standalone: true\r\n})\r\nexport class ImgRecognizer implements OnInit, OnDestroy {\r\n\r\n  @Input('galleryImage') index: number;\r\n\r\n  @HostListener('load', ['$event'])\r\n  onLoad() {\r\n    this.item.state$.next('success');\r\n  }\r\n\r\n  @HostListener('error', ['$event'])\r\n  onError() {\r\n    this.item.state$.next('failed');\r\n  }\r\n\r\n  constructor(private el: ElementRef<HTMLImageElement>, private manager: ImgManager, private item: GalleryItemComponent) {\r\n    if (item) {\r\n      // Mark the gallery-item component as an image item\r\n      item.isItemContainImage = true;\r\n    } else {\r\n      throw new Error('[NgGallery]: galleryImage directive should be only used inside gallery item templates!')\r\n    }\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.manager.addItem(this.index, {\r\n      state: this.item.state$.asObservable(),\r\n      target: this.el.nativeElement\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.manager.deleteItem(this.index);\r\n  }\r\n}\r\n",
-            "selector": "img[galleryImage]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [
-                {
-                    "name": "galleryImage",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 11,
-                    "type": "number",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [
-                {
-                    "name": "error",
-                    "args": [],
-                    "argsDecorator": [
-                        "$event"
-                    ],
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 19
-                },
-                {
-                    "name": "load",
-                    "args": [],
-                    "argsDecorator": [
-                        "$event"
-                    ],
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 14
-                }
-            ],
-            "propertiesClass": [],
-            "methodsClass": [
-                {
-                    "name": "ngOnDestroy",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 39,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 32,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "onError",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 19,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "decorators": [
-                        {
-                            "name": "HostListener",
-                            "stringifiedArguments": "'error', ['$event']"
-                        }
-                    ],
-                    "modifierKind": [
-                        167
-                    ]
-                },
-                {
-                    "name": "onLoad",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 14,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "decorators": [
-                        {
-                            "name": "HostListener",
-                            "stringifiedArguments": "'load', ['$event']"
-                        }
-                    ],
-                    "modifierKind": [
-                        167
-                    ]
-                }
-            ],
-            "implements": [
-                "OnInit",
-                "OnDestroy"
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "el",
-                        "type": "ElementRef<HTMLImageElement>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "manager",
-                        "type": "ImgManager",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "item",
-                        "type": "GalleryItemComponent",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 21,
-                "jsdoctags": [
-                    {
-                        "name": "el",
-                        "type": "ElementRef<HTMLImageElement>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "manager",
-                        "type": "ImgManager",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "item",
-                        "type": "GalleryItemComponent",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            "name": "ItemIntersectionObserver",
-            "id": "directive-ItemIntersectionObserver-0a3b2b78df343b3cbe0b7519ff88f8d37ab36f127b1e40cfba7e23f28b9ba9f67efdf206d6dcf1eb069ec9912a4641df91af4d5f9368d7b020c4a2a653f054cf",
-            "file": "projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import { Directive, Input, Output, OnChanges, OnDestroy, NgZone, EventEmitter } from '@angular/core';\r\nimport { Subscription, combineLatest, filter, switchMap } from 'rxjs';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { ActiveItemObserver } from './active-item-observer';\r\nimport { resizeObservable } from '../utils/resize-observer';\r\nimport { SliderAdapter } from '../components/adapters';\r\nimport { GalleryItemComponent } from '../components/gallery-item.component';\r\nimport { ItemState } from '../components/templates/items.model';\r\n\r\n@Directive({\r\n  selector: '[itemIntersectionObserver]',\r\n  standalone: true\r\n})\r\nexport class ItemIntersectionObserver implements OnChanges, OnDestroy {\r\n\r\n  private _currentSubscription: Subscription;\r\n\r\n  private _sensor: ActiveItemObserver = new ActiveItemObserver();\r\n\r\n  private get _viewport(): HTMLElement {\r\n    return this._item.nativeElement.parentElement.parentElement;\r\n  }\r\n\r\n  @Input() adapter: SliderAdapter;\r\n\r\n  @Input() config: GalleryConfig;\r\n\r\n  @Input('itemIntersectionObserverDisabled') disabled: boolean;\r\n\r\n  @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n  constructor(private _zone: NgZone, private _item: GalleryItemComponent) {\r\n  }\r\n\r\n  ngOnChanges(): void {\r\n    (this.config.itemAutosize && !this.disabled) ? this._subscribe() : this._unsubscribe();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unsubscribe();\r\n  }\r\n\r\n  private _subscribe(): void {\r\n    this._unsubscribe();\r\n\r\n    if (!!this.adapter) {\r\n      this._zone.runOutsideAngular(() => {\r\n        this._currentSubscription = combineLatest([\r\n          resizeObservable(this._viewport),\r\n          resizeObservable(this._item.nativeElement)\r\n        ]).pipe(\r\n          switchMap(() => this._item.state$),\r\n          filter((state: ItemState) => state !== 'loading'),\r\n          switchMap(() => {\r\n            const rootMargin: string = this.adapter.getElementRootMargin(this._viewport, this._item.nativeElement);\r\n            if (this.config.debug) {\r\n              this._item.nativeElement.style.setProperty('--item-intersection-margin', `\"VIEWPORT(${ this._viewport.clientWidth }x${ this._viewport.clientHeight }) ITEM(${ this._item.nativeElement.clientWidth }x${ this._item.nativeElement.clientHeight }) INTERSECTION(${ rootMargin })\"`);\r\n            }\r\n\r\n            return this._sensor.observe(\r\n              this._viewport,\r\n              [this._item.nativeElement],\r\n              rootMargin\r\n            );\r\n          }\r\n          )\r\n        ).subscribe((index: number) => {\r\n          this._zone.run(() => this.activeIndexChange.emit(index));\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  private _unsubscribe(): void {\r\n    this._currentSubscription?.unsubscribe();\r\n  }\r\n}\r\n",
-            "selector": "[itemIntersectionObserver]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [
-                {
-                    "name": "adapter",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 24,
-                    "type": "SliderAdapter",
-                    "decorators": []
-                },
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 26,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "itemIntersectionObserverDisabled",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 28,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "activeIndexChange",
-                    "defaultValue": "new EventEmitter<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 30,
-                    "type": "EventEmitter<number>"
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "_currentSubscription",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subscription",
-                    "optional": false,
-                    "description": "",
-                    "line": 16,
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_sensor",
-                    "defaultValue": "new ActiveItemObserver()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ActiveItemObserver",
-                    "optional": false,
-                    "description": "",
-                    "line": 18,
-                    "modifierKind": [
-                        121
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "_subscribe",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 43,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_unsubscribe",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 74,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "ngOnChanges",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 35,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnDestroy",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 39,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                }
-            ],
-            "implements": [
-                "OnChanges",
-                "OnDestroy"
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_item",
-                        "type": "GalleryItemComponent",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 30,
-                "jsdoctags": [
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_item",
-                        "type": "GalleryItemComponent",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "accessors": {
-                "_viewport": {
-                    "name": "_viewport",
-                    "getSignature": {
-                        "name": "_viewport",
-                        "type": "",
-                        "returnType": "HTMLElement",
-                        "line": 20
-                    }
-                }
-            }
-        },
-        {
-            "name": "SliderIntersectionObserver",
-            "id": "directive-SliderIntersectionObserver-59296fab6cf19b998ffcf73bd65f51d466a277818639722ee281fa993055678cbb9b8fa77f5f0234106cbc02d5a6dbc972d06329fa5eeb06598776d1d6bf0228",
-            "file": "projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import { Directive, Input, Output, OnChanges, OnDestroy, NgZone, ElementRef, EventEmitter } from '@angular/core';\r\nimport { skip, Subscription } from 'rxjs';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { ActiveItemObserver } from './active-item-observer';\r\nimport { SliderAdapter } from '../components/adapters';\r\nimport { GalleryItemComponent } from '../components/gallery-item.component';\r\n\r\n@Directive({\r\n  selector: '[sliderIntersectionObserver]',\r\n  standalone: true\r\n})\r\nexport class SliderIntersectionObserver implements OnChanges, OnDestroy {\r\n\r\n  private _currentSubscription: Subscription;\r\n\r\n  private _sensor: ActiveItemObserver = new ActiveItemObserver();\r\n\r\n  private get _viewport(): HTMLElement {\r\n    return this._el.nativeElement;\r\n  }\r\n\r\n  @Input() adapter: SliderAdapter;\r\n\r\n  @Input() items: GalleryItemComponent[];\r\n\r\n  @Input() config: GalleryConfig;\r\n\r\n  @Input('sliderIntersectionObserverDisabled') disabled: boolean;\r\n\r\n  @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n  constructor(private _zone: NgZone, private _el: ElementRef<HTMLElement>) {\r\n  }\r\n\r\n  ngOnChanges(): void {\r\n    (this.config.itemAutosize || this.disabled) ? this._unsubscribe() : this._subscribe();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unsubscribe();\r\n  }\r\n\r\n  private _subscribe(): void {\r\n    this._unsubscribe();\r\n\r\n    if (!!this.adapter && !!this.items?.length) {\r\n      const rootMargin: string = this.adapter.getRootMargin();\r\n      if (this.config.debug) {\r\n        this._viewport.style.setProperty('--intersection-margin', `\"INTERSECTION(${ rootMargin })\"`);\r\n      }\r\n\r\n      this._zone.runOutsideAngular(() => {\r\n        this._currentSubscription = this._sensor.observe(\r\n          this._viewport,\r\n          this.items.map((item: GalleryItemComponent) => item.nativeElement),\r\n          rootMargin\r\n        ).subscribe((index: number) => {\r\n          this._zone.run(() => this.activeIndexChange.emit(index));\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  private _unsubscribe(): void {\r\n    this._currentSubscription?.unsubscribe();\r\n  }\r\n}\r\n",
-            "selector": "[sliderIntersectionObserver]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [
-                {
-                    "name": "adapter",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 22,
-                    "type": "SliderAdapter",
-                    "decorators": []
-                },
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 26,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "items",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 24,
-                    "type": "GalleryItemComponent[]",
-                    "decorators": []
-                },
-                {
-                    "name": "sliderIntersectionObserverDisabled",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 28,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "activeIndexChange",
-                    "defaultValue": "new EventEmitter<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 30,
-                    "type": "EventEmitter<number>"
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "_currentSubscription",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subscription",
-                    "optional": false,
-                    "description": "",
-                    "line": 14,
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_sensor",
-                    "defaultValue": "new ActiveItemObserver()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ActiveItemObserver",
-                    "optional": false,
-                    "description": "",
-                    "line": 16,
-                    "modifierKind": [
-                        121
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "_subscribe",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 43,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_unsubscribe",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 64,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "ngOnChanges",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 35,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnDestroy",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 39,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                }
-            ],
-            "implements": [
-                "OnChanges",
-                "OnDestroy"
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 30,
-                "jsdoctags": [
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "accessors": {
-                "_viewport": {
-                    "name": "_viewport",
-                    "getSignature": {
-                        "name": "_viewport",
-                        "type": "",
-                        "returnType": "HTMLElement",
-                        "line": 18
-                    }
-                }
-            }
-        },
-        {
-            "name": "SliderResizeObserver",
-            "id": "directive-SliderResizeObserver-e9e0114bce4aa05a4e4454ec9d6bc082f728bc27ce0c56ff97ca48b841d05577d1734afbcd0dc58c53953763bb0b005c4442de9d4b6f0cd556443d328614d8d1",
-            "file": "projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import {\r\n  Directive,\r\n  Input,\r\n  Output,\r\n  NgZone,\r\n  ElementRef,\r\n  AfterViewChecked,\r\n  OnInit,\r\n  OnChanges,\r\n  OnDestroy,\r\n  EventEmitter\r\n} from '@angular/core';\r\nimport {\r\n  Observable,\r\n  Subscription,\r\n  of,\r\n  tap,\r\n  take,\r\n  filter,\r\n  fromEvent,\r\n  switchMap,\r\n  debounceTime,\r\n  firstValueFrom,\r\n  distinctUntilChanged,\r\n  EMPTY,\r\n  animationFrameScheduler\r\n} from 'rxjs';\r\nimport { ImgManager } from '../utils/img-manager';\r\nimport { resizeObservable } from '../utils/resize-observer';\r\nimport { SliderAdapter } from '../components/adapters';\r\nimport { Gallery } from '../services/gallery.service';\r\nimport { GalleryRef } from '../services/gallery-ref';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { GalleryState } from '../models/gallery.model';\r\n\r\n@Directive({\r\n  selector: '[sliderResizeObserver]',\r\n  standalone: true\r\n})\r\nexport class SliderResizeObserver implements AfterViewChecked, OnChanges, OnInit, OnDestroy {\r\n\r\n  private _resizeObserver: ResizeObserver;\r\n\r\n  private _autoHeightSubscription: Subscription;\r\n\r\n  private _resizeSubscription: Subscription;\r\n\r\n  private _shouldSkip: boolean;\r\n\r\n  // Stream that emits after the transition to the new height is completed\r\n  private _afterHeightChanged$: Observable<any>;\r\n\r\n  private get _viewport(): HTMLElement {\r\n    return this._el.nativeElement;\r\n  }\r\n\r\n  private get _galleryCore(): HTMLElement {\r\n    return this._el.nativeElement.parentElement.parentElement.parentElement;\r\n  }\r\n\r\n  private get _isAutoHeight(): boolean {\r\n    return this.config.autoHeight &&\r\n      !this.config.itemAutosize &&\r\n      this.config.orientation === 'horizontal' &&\r\n      (this.config.thumbPosition === 'top' || this.config.thumbPosition === 'bottom');\r\n  }\r\n\r\n  @Input() galleryId: string;\r\n\r\n  @Input() adapter: SliderAdapter;\r\n\r\n  @Input() config: GalleryConfig;\r\n\r\n  @Output() isResizingChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n  constructor(private _el: ElementRef<HTMLElement>,\r\n              private _zone: NgZone,\r\n              private _gallery: Gallery,\r\n              private _imgManager: ImgManager) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    const galleryRef: GalleryRef = this._gallery.ref(this.galleryId);\r\n\r\n    // Check if height has transition for the auto-height feature\r\n    const transitionDuration: string = getComputedStyle(this._viewport).getPropertyValue('transition-duration');\r\n    if (parseFloat(transitionDuration) === 0) {\r\n      this._afterHeightChanged$ = of(null);\r\n    } else {\r\n      this._afterHeightChanged$ = fromEvent(this._viewport, 'transitionend');\r\n    }\r\n\r\n    this._zone.runOutsideAngular(() => {\r\n\r\n      // Detect if the size of the slider has changed detecting current index on scroll\r\n      this._resizeSubscription = resizeObservable(this._viewport, (observer: ResizeObserver) => this._resizeObserver = observer).pipe(\r\n        // Check if resize should skip due to re-observing the slider\r\n        filter(() => !this._shouldSkip || !(this._shouldSkip = false)),\r\n        // Immediately set visibility to hidden to avoid changing the active item caused by appearance of other items when size is expanded\r\n        tap(() => this.setResizingState()),\r\n        debounceTime(this.config.resizeDebounceTime, animationFrameScheduler),\r\n        tap(async (entry: ResizeObserverEntry) => {\r\n          // Update CSS variables with the proper values\r\n          this.updateSliderSize();\r\n\r\n          if (this._isAutoHeight) {\r\n            const img: HTMLImageElement = await firstValueFrom(this._imgManager.getActiveItem(galleryRef.state));\r\n            // If img height is identical to the viewport height then skip\r\n            if (img.height === this._viewport.clientHeight) {\r\n              this.resetResizingState();\r\n            } else {\r\n              // Unobserve the slider while the height is being changed\r\n              this.setResizingState({ unobserve: true });\r\n              // Change the height\r\n              this._galleryCore.style.setProperty('--slider-height', `${ img.height }px`);\r\n              // Wait until height transition ends\r\n              await firstValueFrom(this._afterHeightChanged$);\r\n              this.resetResizingState({\r\n                // Mark to skip first emit after re-observing the slider if height content rect height and client height are identical\r\n                shouldSkip: entry.contentRect.height === this._viewport.clientHeight,\r\n                observe: true\r\n              });\r\n            }\r\n          } else {\r\n            requestAnimationFrame(() => this.resetResizingState({ shouldSkip: true }));\r\n          }\r\n        })\r\n      ).subscribe();\r\n    });\r\n  }\r\n\r\n  ngOnChanges(): void {\r\n    this._isAutoHeight ? this._subscribeAutoHeight() : this._unsubscribeAutoHeight();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._resizeSubscription?.unsubscribe();\r\n    this._unsubscribeAutoHeight();\r\n  }\r\n\r\n  ngAfterViewChecked(): void {\r\n    this.updateSliderSize();\r\n  }\r\n\r\n  private updateSliderSize(): void {\r\n    // Update slider width and height CSS variables\r\n    this._galleryCore.style.setProperty('--slider-width', `${ this._viewport.clientWidth }px`);\r\n\r\n    // Only update height if auto-height is false, because when it's true, another function will take care of it\r\n    if (!this.config.autoHeight) {\r\n      this._galleryCore.style.setProperty('--slider-height', `${ this._viewport.clientHeight }px`);\r\n    }\r\n\r\n    this.updateCentralizeCSSVariables();\r\n  }\r\n\r\n  private updateCentralizeCSSVariables(): void {\r\n    if (this.config.itemAutosize) {\r\n      this._galleryCore.style.setProperty('--slider-centralize-start-size', `${ this.adapter.getCentralizerStartSize() }px`);\r\n      this._galleryCore.style.setProperty('--slider-centralize-end-size', `${ this.adapter.getCentralizerEndSize() }px`);\r\n    }\r\n  }\r\n\r\n  private _subscribeAutoHeight(): void {\r\n    this._unsubscribeAutoHeight();\r\n\r\n    this._shouldSkip = false;\r\n    this._zone.runOutsideAngular(() => {\r\n\r\n      const galleryRef: GalleryRef = this._gallery.ref(this.galleryId);\r\n\r\n      // TODO: Why is galleryRef.state emits when screen size changes?\r\n      const state: Observable<GalleryState> = galleryRef.state.pipe(distinctUntilChanged((a: GalleryState, b: GalleryState) => a.currIndex === b.currIndex))\r\n      this._autoHeightSubscription = this._imgManager.getActiveItem(state).pipe(\r\n        switchMap((img: HTMLImageElement) => {\r\n          this.setResizingState({ unobserve: true });\r\n          this._galleryCore.style.setProperty('--slider-height', `${ img.clientHeight }px`);\r\n\r\n          // Check if the new item height is equal to the current height, there will be no transition,\r\n          // So reset resizing state\r\n          if (img.height === this._viewport.clientHeight) {\r\n            this.resetResizingState({ shouldSkip: true, observe: true });\r\n            return EMPTY;\r\n          }\r\n          return this._afterHeightChanged$.pipe(\r\n            tap(() => this.resetResizingState({ shouldSkip: true, observe: true })),\r\n            take(1)\r\n          );\r\n        })\r\n      ).subscribe();\r\n    });\r\n  }\r\n\r\n  private _unsubscribeAutoHeight(): void {\r\n    this._autoHeightSubscription?.unsubscribe();\r\n  }\r\n\r\n  private setResizingState({ unobserve }: { unobserve?: boolean } = {}): void {\r\n    this._zone.run(() => {\r\n      this.isResizingChange.emit(true);\r\n    })\r\n    this._viewport.classList.add('g-resizing');\r\n    if (unobserve) {\r\n      // Unobserve the slider while the height is being changed\r\n      this._resizeObserver.unobserve(this._viewport);\r\n    }\r\n  }\r\n\r\n  private resetResizingState({ shouldSkip, observe }: { shouldSkip?: boolean, observe?: boolean } = {}): void {\r\n    this._zone.run(() => {\r\n      this.isResizingChange.emit(false);\r\n    })\r\n    this._viewport.classList.remove('g-resizing');\r\n    this._shouldSkip = shouldSkip;\r\n    if (observe) {\r\n      this._resizeObserver.observe(this._viewport);\r\n    }\r\n  }\r\n}\r\n",
-            "selector": "[sliderResizeObserver]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [
-                {
-                    "name": "adapter",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 70,
-                    "type": "SliderAdapter",
-                    "decorators": []
-                },
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 72,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "galleryId",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 68,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "isResizingChange",
-                    "defaultValue": "new EventEmitter<boolean>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 74,
-                    "type": "EventEmitter<boolean>"
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "_afterHeightChanged$",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Observable<any>",
-                    "optional": false,
-                    "description": "",
-                    "line": 51,
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_autoHeightSubscription",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subscription",
-                    "optional": false,
-                    "description": "",
-                    "line": 44,
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_resizeObserver",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ResizeObserver",
-                    "optional": false,
-                    "description": "",
-                    "line": 42,
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_resizeSubscription",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subscription",
-                    "optional": false,
-                    "description": "",
-                    "line": 46,
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_shouldSkip",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": false,
-                    "description": "",
-                    "line": 48,
-                    "modifierKind": [
-                        121
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "_subscribeAutoHeight",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 164,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_unsubscribeAutoHeight",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 194,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "ngAfterViewChecked",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 141,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnChanges",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 132,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnDestroy",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 136,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 82,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "resetResizingState",
-                    "args": [
-                        {
-                            "type": "literal type",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "{}"
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 209,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ],
-                    "jsdoctags": [
-                        {
-                            "type": "literal type",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "{}",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "setResizingState",
-                    "args": [
-                        {
-                            "type": "literal type",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "{}"
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 198,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ],
-                    "jsdoctags": [
-                        {
-                            "type": "literal type",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "defaultValue": "{}",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "updateCentralizeCSSVariables",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 157,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "updateSliderSize",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 145,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                }
-            ],
-            "implements": [
-                "AfterViewChecked",
-                "OnChanges",
-                "OnInit",
-                "OnDestroy"
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_imgManager",
-                        "type": "ImgManager",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 74,
-                "jsdoctags": [
-                    {
-                        "name": "_el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_imgManager",
-                        "type": "ImgManager",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "accessors": {
-                "_viewport": {
-                    "name": "_viewport",
-                    "getSignature": {
-                        "name": "_viewport",
-                        "type": "",
-                        "returnType": "HTMLElement",
-                        "line": 53
-                    }
-                },
-                "_galleryCore": {
-                    "name": "_galleryCore",
-                    "getSignature": {
-                        "name": "_galleryCore",
-                        "type": "",
-                        "returnType": "HTMLElement",
-                        "line": 57
-                    }
-                },
-                "_isAutoHeight": {
-                    "name": "_isAutoHeight",
-                    "getSignature": {
-                        "name": "_isAutoHeight",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 61
-                    }
-                }
-            }
-        },
-        {
-            "name": "SmoothScroll",
-            "id": "directive-SmoothScroll-5bb27d460fc4a4e1ca2570fbc891c51a47834c7c6604af768ac261f9e520115f379926565a009c6aad180f99b311899a56030c3dcf739ffbf2539d9d56d6c38d",
-            "file": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import {\r\n  Directive,\r\n  Inject,\r\n  Input,\r\n  Output,\r\n  NgZone,\r\n  OnInit,\r\n  OnDestroy,\r\n  ElementRef,\r\n  EventEmitter\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { Dir } from '@angular/cdk/bidi';\r\nimport { _Bottom, _Left, _Right, _Top, _Without } from '@angular/cdk/scrolling';\r\nimport { getRtlScrollAxisType, RtlScrollAxisType } from '@angular/cdk/platform';\r\nimport {\r\n  Observable,\r\n  Subject,\r\n  Subscriber,\r\n  Subscription,\r\n  of,\r\n  take,\r\n  merge,\r\n  expand,\r\n  fromEvent,\r\n  switchMap,\r\n  takeUntil,\r\n  takeWhile,\r\n  finalize\r\n} from 'rxjs';\r\nimport BezierEasing from './bezier-easing';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { SmoothScrollOptions, SmoothScrollStep, SmoothScrollToOptions } from './index';\r\nimport { SliderAdapter } from '../components/adapters';\r\n\r\ndeclare const Hammer: any;\r\n\r\n@Directive({\r\n  selector: '[smoothScroll]',\r\n  standalone: true,\r\n  providers: [Dir]\r\n})\r\nexport class SmoothScroll implements OnInit, OnDestroy {\r\n\r\n  /** HammerJS instance */\r\n  private _hammer: any;\r\n\r\n  private readonly _scrollController: Subject<SmoothScrollStep> = new Subject<SmoothScrollStep>();\r\n\r\n  private readonly _finished: Subject<void> = new Subject<void>();\r\n\r\n  private readonly _el: HTMLElement;\r\n\r\n  private _isInterruptedByMouse: boolean;\r\n\r\n  private _subscription: Subscription;\r\n\r\n  private get _w(): Window {\r\n    return this._document.defaultView;\r\n  }\r\n\r\n  /**\r\n   * Timing method\r\n   */\r\n  private get _now(): () => number {\r\n    return this._w.performance?.now?.bind(this._w.performance) || Date.now;\r\n  }\r\n\r\n  @Input()\r\n  set smoothScroll(value: SmoothScrollOptions) {\r\n    if (value) {\r\n      this._zone.runOutsideAngular(() => {\r\n        this.scrollTo(value);\r\n      });\r\n    }\r\n  }\r\n\r\n  @Input() adapter: SliderAdapter;\r\n\r\n  @Input() config: GalleryConfig;\r\n\r\n  @Input('smoothScrollInterruptOnMousemove') interruptOnMousemove: boolean;\r\n\r\n  @Output() isScrollingChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n  constructor(@Inject(DOCUMENT) private _document: Document,\r\n              private _zone: NgZone,\r\n              private _dir: Dir,\r\n              _el: ElementRef<HTMLElement>) {\r\n    this._el = _el.nativeElement;\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this._subscription = this._scrollController.pipe(\r\n      switchMap((context: SmoothScrollStep) => {\r\n        this._zone.run(() => {\r\n          this.isScrollingChange.emit(true);\r\n        });\r\n\r\n        this._el.classList.add('g-scrolling');\r\n        this._el.style.setProperty('--slider-scroll-snap-type', 'none');\r\n\r\n        // Scroll each step recursively\r\n        return of(null).pipe(\r\n          expand(() => this._step(context).pipe(\r\n            takeWhile((currContext: SmoothScrollStep) => this._isFinished(currContext)),\r\n            takeUntil(this._finished)\r\n          )),\r\n          finalize(() => this.resetElement()),\r\n          takeUntil(this._interrupted()),\r\n        );\r\n      })\r\n    ).subscribe();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._subscription?.unsubscribe();\r\n    this._scrollController.complete();\r\n  }\r\n\r\n  /**\r\n   * changes scroll position inside an element\r\n   */\r\n  private _scrollElement(x: number, y: number): void {\r\n    this._el.scrollLeft = x;\r\n    this._el.scrollTop = y;\r\n  }\r\n\r\n  private resetElement(): void {\r\n    this._zone.run(() => {\r\n      this.isScrollingChange.emit(false);\r\n    });\r\n\r\n    this._el.classList.remove('g-scrolling');\r\n    if (!this._isInterruptedByMouse) {\r\n      this._el.style.setProperty('--slider-scroll-snap-type', this.adapter.scrollSnapType);\r\n    }\r\n    this._isInterruptedByMouse = false;\r\n  }\r\n\r\n  /**\r\n   * Checks if smooth scroll has reached, cleans up the smooth scroll stream and resolves its promise\r\n   */\r\n  private _isFinished(context: SmoothScrollStep): boolean {\r\n    if (context.currentX !== context.x || context.currentY !== context.y) {\r\n      return true;\r\n    }\r\n    this._finished.next();\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * Terminates an ongoing smooth scroll\r\n   */\r\n  private _interrupted(): Observable<Event | void> {\r\n    let interrupt$: Observable<Event | void>;\r\n    if (this.interruptOnMousemove && typeof Hammer !== 'undefined') {\r\n      this._hammer = new Hammer(this._el, { inputClass: Hammer.MouseInput });\r\n      this._hammer.get('pan').set({ direction: this.adapter.hammerDirection });\r\n\r\n      // For gallery thumb slider, dragging thumbnails should cancel the ongoing scroll\r\n      interrupt$ = merge(\r\n        new Observable<void>((subscriber: Subscriber<void>) => {\r\n          this._hammer.on('panstart', () => {\r\n            this._isInterruptedByMouse = true;\r\n            subscriber.next();\r\n            subscriber.complete();\r\n          });\r\n          return () => {\r\n            this._hammer.destroy();\r\n          }\r\n        }),\r\n        fromEvent(this._el, 'wheel', { passive: true, capture: true }),\r\n        fromEvent(this._el, 'touchmove', { passive: true, capture: true }),\r\n      )\r\n    } else {\r\n      interrupt$ = merge(\r\n        fromEvent(this._el, 'wheel', { passive: true, capture: true }),\r\n        fromEvent(this._el, 'touchmove', { passive: true, capture: true }),\r\n      )\r\n    }\r\n    return interrupt$.pipe(take(1));\r\n  }\r\n\r\n  /**\r\n   * A function called recursively that, given a context, steps through scrolling\r\n   */\r\n  private _step(context: SmoothScrollStep): Observable<SmoothScrollStep> {\r\n    return new Observable((subscriber: Subscriber<SmoothScrollStep>) => {\r\n      let elapsed: number = (this._now() - context.startTime) / context.duration;\r\n\r\n      // avoid elapsed times higher than one\r\n      elapsed = elapsed > 1 ? 1 : elapsed;\r\n\r\n      // apply easing to elapsed time\r\n      const value: number = context.easing(elapsed);\r\n\r\n      context.currentX = context.startX + (context.x - context.startX) * value;\r\n      context.currentY = context.startY + (context.y - context.startY) * value;\r\n\r\n      this._scrollElement(context.currentX, context.currentY);\r\n      // Proceed to the step\r\n      requestAnimationFrame(() => {\r\n        subscriber.next(context);\r\n        subscriber.complete();\r\n      });\r\n    });\r\n  }\r\n\r\n  private _applyScrollToOptions(options: SmoothScrollToOptions): void {\r\n    if (!options.duration) {\r\n      this._scrollElement(options.left, options.top);\r\n    }\r\n\r\n    const context: SmoothScrollStep = {\r\n      scrollable: this._el,\r\n      startTime: this._now(),\r\n      startX: this._el.scrollLeft,\r\n      startY: this._el.scrollTop,\r\n      x: options.left == null ? this._el.scrollLeft : ~~options.left,\r\n      y: options.top == null ? this._el.scrollTop : ~~options.top,\r\n      duration: options.duration,\r\n      easing: BezierEasing(options.easing.x1, options.easing.y1, options.easing.x2, options.easing.y2)\r\n    };\r\n\r\n    this._scrollController.next(context);\r\n  }\r\n\r\n  /**\r\n   * Scrolls to the specified offsets. This is a normalized version of the browser's native scrollTo\r\n   * method, since browsers are not consistent about what scrollLeft means in RTL. For this method\r\n   * left and right always refer to the left and right side of the scrolling container irrespective\r\n   * of the layout direction. start and end refer to left and right in an LTR context and vice-versa\r\n   * in an RTL context.\r\n   * @param params specified the offsets to scroll to.\r\n   */\r\n  scrollTo(params: SmoothScrollOptions): void {\r\n    const isRtl: boolean = this._dir.value === 'rtl';\r\n    const rtlScrollAxisType: RtlScrollAxisType = getRtlScrollAxisType();\r\n\r\n    const options: SmoothScrollToOptions = {\r\n      ...params,\r\n      ...({\r\n        // Rewrite start & end offsets as right or left offsets.\r\n        left: params.left == null ? (isRtl ? params.end : params.start) : params.left,\r\n        right: params.right == null ? (isRtl ? params.start : params.end) : params.right\r\n      } as _Without<_Bottom & _Top>),\r\n      duration: params.behavior === 'smooth' ? this.config.scrollDuration : 0,\r\n      easing: this.config.scrollEase,\r\n    };\r\n\r\n    // Rewrite the bottom offset as a top offset.\r\n    if (options.bottom != null) {\r\n      (options as _Without<_Bottom> & _Top).top = this._el.scrollHeight - this._el.clientHeight - options.bottom;\r\n    }\r\n\r\n    // Rewrite the right offset as a left offset.\r\n    if (isRtl && rtlScrollAxisType !== RtlScrollAxisType.NORMAL) {\r\n      if (options.left != null) {\r\n        (options as _Without<_Left> & _Right).right = this._el.scrollWidth - this._el.clientWidth - options.left;\r\n      }\r\n\r\n      if (rtlScrollAxisType === RtlScrollAxisType.INVERTED) {\r\n        options.left = options.right;\r\n      } else if (rtlScrollAxisType === RtlScrollAxisType.NEGATED) {\r\n        options.left = options.right ? -options.right : options.right;\r\n      }\r\n    } else {\r\n      if (options.right != null) {\r\n        (options as _Without<_Right> & _Left).left = this._el.scrollWidth - this._el.clientWidth - options.right;\r\n      }\r\n    }\r\n    return this._applyScrollToOptions(options);\r\n  }\r\n}\r\n",
-            "selector": "[smoothScroll]",
-            "providers": [
-                {
-                    "name": "Dir"
-                }
-            ],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [
-                {
-                    "name": "adapter",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 78,
-                    "type": "SliderAdapter",
-                    "decorators": []
-                },
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 80,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "smoothScroll",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 70,
-                    "type": "SmoothScrollOptions",
-                    "decorators": []
-                },
-                {
-                    "name": "smoothScrollInterruptOnMousemove",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 82,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "isScrollingChange",
-                    "defaultValue": "new EventEmitter<boolean>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 84,
-                    "type": "EventEmitter<boolean>"
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "_el",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "HTMLElement",
-                    "optional": false,
-                    "description": "",
-                    "line": 52,
-                    "modifierKind": [
-                        121,
-                        146
-                    ]
-                },
-                {
-                    "name": "_finished",
-                    "defaultValue": "new Subject<void>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subject<void>",
-                    "optional": false,
-                    "description": "",
-                    "line": 50,
-                    "modifierKind": [
-                        121,
-                        146
-                    ]
-                },
-                {
-                    "name": "_hammer",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "any",
-                    "optional": false,
-                    "description": "<p>HammerJS instance</p>\n",
-                    "line": 46,
-                    "rawdescription": "\nHammerJS instance",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_isInterruptedByMouse",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": false,
-                    "description": "",
-                    "line": 54,
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_scrollController",
-                    "defaultValue": "new Subject<SmoothScrollStep>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subject<SmoothScrollStep>",
-                    "optional": false,
-                    "description": "",
-                    "line": 48,
-                    "modifierKind": [
-                        121,
-                        146
-                    ]
-                },
-                {
-                    "name": "_subscription",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subscription",
-                    "optional": false,
-                    "description": "",
-                    "line": 56,
-                    "modifierKind": [
-                        121
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "_applyScrollToOptions",
-                    "args": [
-                        {
-                            "name": "options",
-                            "type": "SmoothScrollToOptions",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 210,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "options",
-                            "type": "SmoothScrollToOptions",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "_interrupted",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "Observable<Event | void>",
-                    "typeParameters": [],
-                    "line": 155,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nTerminates an ongoing smooth scroll\n",
-                    "description": "<p>Terminates an ongoing smooth scroll</p>\n",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "_isFinished",
-                    "args": [
-                        {
-                            "name": "context",
-                            "type": "SmoothScrollStep",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "boolean",
-                    "typeParameters": [],
-                    "line": 144,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nChecks if smooth scroll has reached, cleans up the smooth scroll stream and resolves its promise\n",
-                    "description": "<p>Checks if smooth scroll has reached, cleans up the smooth scroll stream and resolves its promise</p>\n",
-                    "modifierKind": [
-                        121
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "context",
-                            "type": "SmoothScrollStep",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "_scrollElement",
-                    "args": [
-                        {
-                            "name": "x",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "y",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 124,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nchanges scroll position inside an element\n",
-                    "description": "<p>changes scroll position inside an element</p>\n",
-                    "modifierKind": [
-                        121
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "x",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "y",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "_step",
-                    "args": [
-                        {
-                            "name": "context",
-                            "type": "SmoothScrollStep",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "Observable<SmoothScrollStep>",
-                    "typeParameters": [],
-                    "line": 188,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nA function called recursively that, given a context, steps through scrolling\n",
-                    "description": "<p>A function called recursively that, given a context, steps through scrolling</p>\n",
-                    "modifierKind": [
-                        121
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "context",
-                            "type": "SmoothScrollStep",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "ngOnDestroy",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 116,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 93,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "resetElement",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 129,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                },
-                {
-                    "name": "scrollTo",
-                    "args": [
-                        {
-                            "name": "params",
-                            "type": "SmoothScrollOptions",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 237,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nScrolls to the specified offsets. This is a normalized version of the browser's native scrollTo\nmethod, since browsers are not consistent about what scrollLeft means in RTL. For this method\nleft and right always refer to the left and right side of the scrolling container irrespective\nof the layout direction. start and end refer to left and right in an LTR context and vice-versa\nin an RTL context.\n",
-                    "description": "<p>Scrolls to the specified offsets. This is a normalized version of the browser&#39;s native scrollTo\nmethod, since browsers are not consistent about what scrollLeft means in RTL. For this method\nleft and right always refer to the left and right side of the scrolling container irrespective\nof the layout direction. start and end refer to left and right in an LTR context and vice-versa\nin an RTL context.</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": {
-                                "pos": 7268,
-                                "end": 7274,
-                                "flags": 8421376,
-                                "modifierFlagsCache": 0,
-                                "transformFlags": 0,
-                                "kind": 79,
-                                "escapedText": "params"
-                            },
-                            "type": "SmoothScrollOptions",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "pos": 7262,
-                                "end": 7267,
-                                "flags": 8421376,
-                                "modifierFlagsCache": 0,
-                                "transformFlags": 0,
-                                "kind": 79,
-                                "escapedText": "param"
-                            },
-                            "comment": "<p>specified the offsets to scroll to.</p>\n"
-                        }
-                    ]
-                }
-            ],
-            "implements": [
-                "OnInit",
-                "OnDestroy"
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_document",
-                        "type": "Document",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_dir",
-                        "type": "Dir",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 84,
-                "jsdoctags": [
-                    {
-                        "name": "_document",
-                        "type": "Document",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_dir",
-                        "type": "Dir",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "accessors": {
-                "_w": {
-                    "name": "_w",
-                    "getSignature": {
-                        "name": "_w",
-                        "type": "",
-                        "returnType": "Window",
-                        "line": 58
-                    }
-                },
-                "_now": {
-                    "name": "_now",
-                    "getSignature": {
-                        "name": "_now",
-                        "type": "function",
-                        "returnType": "number",
-                        "line": 65,
-                        "rawdescription": "\n\nTiming method\n",
-                        "description": "<p>Timing method</p>\n"
-                    }
-                },
-                "smoothScroll": {
-                    "name": "smoothScroll",
-                    "setSignature": {
-                        "name": "smoothScroll",
-                        "type": "void",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "args": [
-                            {
-                                "name": "value",
-                                "type": "SmoothScrollOptions",
-                                "deprecated": false,
-                                "deprecationMessage": ""
-                            }
-                        ],
-                        "returnType": "void",
-                        "line": 70,
-                        "jsdoctags": [
-                            {
-                                "name": "value",
-                                "type": "SmoothScrollOptions",
-                                "deprecated": false,
-                                "deprecationMessage": "",
-                                "tagName": {
-                                    "text": "param"
-                                }
-                            }
-                        ]
-                    }
-                }
-            }
-        },
-        {
-            "name": "ThumbResizeObserver",
-            "id": "directive-ThumbResizeObserver-f4bec87bd1f6547135d967c65145c4e86b8754ad467189493e94811d9da357a949c08d5fe3245e0461721df30064e502335e86e3f947efa7efe6026daf1c754d",
-            "file": "projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts",
-            "type": "directive",
-            "description": "",
-            "rawdescription": "\n",
-            "sourceCode": "import {\r\n  Directive,\r\n  Input,\r\n  Output,\r\n  OnInit,\r\n  OnChanges,\r\n  OnDestroy,\r\n  NgZone,\r\n  ElementRef,\r\n  SimpleChanges,\r\n  EventEmitter\r\n} from '@angular/core';\r\nimport { Subscription, tap, auditTime, animationFrameScheduler, debounceTime } from 'rxjs';\r\nimport { resizeObservable } from '../utils/resize-observer';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { SliderAdapter } from '../components/adapters';\r\n\r\n@Directive({\r\n  selector: '[thumbResizeObserver]',\r\n  standalone: true\r\n})\r\nexport class ThumbResizeObserver implements OnChanges, OnInit, OnDestroy {\r\n\r\n  private _resizeSubscription: Subscription;\r\n\r\n  private get _viewport(): HTMLElement {\r\n    return this._el.nativeElement;\r\n  }\r\n\r\n  @Input() config: GalleryConfig;\r\n\r\n  @Input() adapter: SliderAdapter;\r\n\r\n  @Output('thumbResizeObserver') resized: EventEmitter<void> = new EventEmitter();\r\n\r\n  constructor(private _el: ElementRef<HTMLElement>, private _zone: NgZone) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this._zone.runOutsideAngular(() => {\r\n      this._resizeSubscription = resizeObservable(this._viewport).pipe(\r\n        debounceTime(this.config.resizeDebounceTime, animationFrameScheduler),\r\n        tap(() => {\r\n          this.updateSliderSize();\r\n          this.resized.emit();\r\n        })\r\n      ).subscribe();\r\n    });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (!changes.config.firstChange) {\r\n      this.updateSliderSize();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._resizeSubscription?.unsubscribe();\r\n  }\r\n\r\n  private updateSliderSize(): void {\r\n    this._viewport.style.setProperty('--thumb-centralize-start-size', this.adapter.getCentralizerStartSize() + 'px');\r\n    this._viewport.style.setProperty('--thumb-centralize-end-size', this.adapter.getCentralizerEndSize() + 'px');\r\n  }\r\n}\r\n",
-            "selector": "[thumbResizeObserver]",
-            "providers": [],
-            "hostDirectives": [],
-            "standalone": true,
-            "inputsClass": [
-                {
-                    "name": "adapter",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 32,
-                    "type": "SliderAdapter",
-                    "decorators": []
-                },
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 30,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "thumbResizeObserver",
-                    "defaultValue": "new EventEmitter()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 34,
-                    "type": "EventEmitter<void>"
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "_resizeSubscription",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subscription",
-                    "optional": false,
-                    "description": "",
-                    "line": 24,
-                    "modifierKind": [
-                        121
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngOnChanges",
-                    "args": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 51,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "ngOnDestroy",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 57,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 39,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "updateSliderSize",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 61,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ]
-                }
-            ],
-            "implements": [
-                "OnChanges",
-                "OnInit",
-                "OnDestroy"
-            ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 34,
-                "jsdoctags": [
-                    {
-                        "name": "_el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_zone",
-                        "type": "NgZone",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "accessors": {
-                "_viewport": {
-                    "name": "_viewport",
-                    "getSignature": {
-                        "name": "_viewport",
-                        "type": "",
-                        "returnType": "HTMLElement",
-                        "line": 26
-                    }
-                }
-            }
-        }
-    ],
-    "components": [
-        {
-            "name": "CustomTemplateComponent",
-            "id": "component-CustomTemplateComponent-edc20b249ca659a17182a73d77c5802966c041e6796635ca5eccfcf01cc1194a0dca3423b64343dbbc632f79b7ecd2f2cf149030699a28aaa0985a9b731db844",
-            "file": "projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "custom-templates-example",
-            "styleUrls": [],
-            "styles": [
-                "\n    .item-text {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      margin: 3em auto 0;\n      width: 100%;\n      max-width: 500px;\n      padding: 20px 25px;\n      text-align: justify;\n      letter-spacing: 1px;\n      filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));\n      background: #ffffffd9;\n      color: black;\n      border-radius: 8px;\n    }\n  "
-            ],
-            "template": "<gallery [items]=\"items\">\n  <ng-container *galleryImageDef=\"let item\">\n    <div class=\"item-text\">\n      {{ item?.alt }}\n    </div>\n  </ng-container>\n</gallery>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "items",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 44,
-                    "type": "GalleryItem[]",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [],
-            "propertiesClass": [],
-            "methodsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "CommonModule",
-                    "type": "module"
-                },
-                {
-                    "name": "GalleryModule",
-                    "type": "module"
-                }
-            ],
-            "description": "<p>This section demonstrate how to extend the image template, like displaying a text over the image item</p>\n",
-            "rawdescription": "\n\nThis section demonstrate how to extend the image template, like displaying a text over the image item\n",
-            "type": "component",
-            "sourceCode": "import { Component, ChangeDetectionStrategy, Input } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { GalleryModule, GalleryItem, } from 'ng-gallery';\r\nimport { Observable } from 'rxjs';\r\n\r\n/**\r\n * This section demonstrate how to extend the image template, like displaying a text over the image item\r\n */\r\n@Component({\r\n  selector: 'custom-templates-example',\r\n  template: `\r\n    <gallery [items]=\"items\">\r\n      <ng-container *galleryImageDef=\"let item\">\r\n        <div class=\"item-text\">\r\n          {{ item?.alt }}\r\n        </div>\r\n      </ng-container>\r\n    </gallery>\r\n  `,\r\n  styles: [`\r\n    .item-text {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 3em auto 0;\r\n      width: 100%;\r\n      max-width: 500px;\r\n      padding: 20px 25px;\r\n      text-align: justify;\r\n      letter-spacing: 1px;\r\n      filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));\r\n      background: #ffffffd9;\r\n      color: black;\r\n      border-radius: 8px;\r\n    }\r\n  `],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n  imports: [CommonModule, GalleryModule]\r\n})\r\nexport class CustomTemplateComponent {\r\n\r\n  @Input() items: GalleryItem[];\r\n\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": "",
-            "stylesData": "\n    .item-text {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      margin: 3em auto 0;\n      width: 100%;\n      max-width: 500px;\n      padding: 20px 25px;\n      text-align: justify;\n      letter-spacing: 1px;\n      filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));\n      background: #ffffffd9;\n      color: black;\n      border-radius: 8px;\n    }\n  \n"
-        },
-        {
-            "name": "GalleryBulletsComponent",
-            "id": "component-GalleryBulletsComponent-d6ea477fcfc6a33a12079db8a4ff27220eb72e6c2be718c39876bb3c5343d921414e3e0be1152a782a07ce92979f0a0612c538d6b94ddf3121d80d759299b90d",
-            "file": "projects/ng-gallery/src/lib/components/gallery-bullets.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-bullets",
-            "styleUrls": [
-                "./gallery-bullets.scss"
-            ],
-            "styles": [],
-            "template": "<div class=\"g-bullet\"\n     *ngFor=\"let item of state.items; let i = index\"\n     [class.g-bullet-active]=\"i === state.currIndex\"\n     [style.width.px]=\"config?.bulletSize\"\n     [style.height.px]=\"config?.bulletSize\"\n     (click)=\"config.disableBullets ? null : gallery.ref(this.galleryId).set(i)\">\n  <div class=\"g-bullet-inner\"></div>\n</div>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 28,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "galleryId",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 26,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 27,
-                    "type": "GalleryState",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [],
-            "propertiesClass": [
-                {
-                    "name": "gallery",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Gallery",
-                    "optional": false,
-                    "description": "",
-                    "line": 30,
-                    "modifierKind": [
-                        123
-                    ]
-                }
-            ],
-            "methodsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "CommonModule",
-                    "type": "module"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Gallery } from '../services/gallery.service';\r\nimport { GalleryState } from '../models/gallery.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\n\r\n@Component({\r\n  selector: 'gallery-bullets',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./gallery-bullets.scss'],\r\n  template: `\r\n    <div class=\"g-bullet\"\r\n         *ngFor=\"let item of state.items; let i = index\"\r\n         [class.g-bullet-active]=\"i === state.currIndex\"\r\n         [style.width.px]=\"config?.bulletSize\"\r\n         [style.height.px]=\"config?.bulletSize\"\r\n         (click)=\"config.disableBullets ? null : gallery.ref(this.galleryId).set(i)\">\r\n      <div class=\"g-bullet-inner\"></div>\r\n    </div>\r\n  `,\r\n  standalone: true,\r\n  imports: [CommonModule]\r\n})\r\nexport class GalleryBulletsComponent {\r\n\r\n  @Input() galleryId: string;\r\n  @Input() state: GalleryState;\r\n  @Input() config: GalleryConfig;\r\n\r\n  constructor(public gallery: Gallery) {\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": [
-                {
-                    "data": ":host {\r\n  position: absolute;\r\n  left: 50%;\r\n  z-index: 99;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  gap: 6px;\r\n  top: var(--bullets-top);\r\n  bottom: var(--bullets-bottom);\r\n}\r\n\r\n:host,\r\n.g-bullet,\r\n.g-bullet-inner {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.g-bullet {\r\n  cursor: var(--bullets-cursor);\r\n  z-index: 20;\r\n\r\n  &:hover .g-bullet-inner {\r\n    opacity: var(--bullets-hover-opacity);\r\n  }\r\n}\r\n\r\n.g-bullet-active .g-bullet-inner {\r\n  opacity: var(--bullets-active-opacity);\r\n}\r\n\r\n.g-bullet-inner {\r\n  background-color: var(--g-overlay-color);\r\n  opacity: var(--bullets-opacity);\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 50%;\r\n  transition: opacity linear 150ms;\r\n}\r\n",
-                    "styleUrl": "./gallery-bullets.scss"
-                }
-            ],
-            "stylesData": "",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 28,
-                "jsdoctags": [
-                    {
-                        "name": "gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            "name": "GalleryComponent",
-            "id": "component-GalleryComponent-f3b9b0d77cae1496c5a5c79a0e7db4e8fedbebb04a0a06c6e0f96b3d2c5070592a99c09c2dcac483b020014785602acb85805507536bb2891fbd5a2bdf8e4238",
-            "file": "projects/ng-gallery/src/lib/components/gallery.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [
-                {
-                    "name": "ImgManager"
-                }
-            ],
-            "selector": "gallery",
-            "styleUrls": [
-                "./gallery.scss"
-            ],
-            "styles": [],
-            "template": "<gallery-core autoplay\n              [galleryId]=\"id\"\n              [state]=\"galleryRef.state | async\"\n              [config]=\"galleryRef.config | async\"\n              (itemClick)=\"onItemClick($event)\"\n              (thumbClick)=\"onThumbClick($event)\"\n              (error)=\"onError($event)\"/>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "required": false,
-                    "name": "autoHeight",
-                    "defaultValue": "this._gallery.config.autoHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAutomatically adjusts the gallery's height to fit the content\n",
-                    "description": "<p>Automatically adjusts the gallery&#39;s height to fit the content</p>\n",
-                    "line": 121,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "autoplay",
-                    "defaultValue": "this._gallery.config.autoplay",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAutomatically cycle through items at time interval\n",
-                    "description": "<p>Automatically cycle through items at time interval</p>\n",
-                    "line": 126,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "autoplayInterval",
-                    "defaultValue": "this._gallery.config.autoplayInterval",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the interval used for the autoplay feature\n",
-                    "description": "<p>Sets the interval used for the autoplay feature</p>\n",
-                    "line": 181,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "bulletPosition",
-                    "defaultValue": "this._gallery.config.bulletPosition",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the bullets navigation position\n",
-                    "description": "<p>Sets the bullets navigation position</p>\n",
-                    "line": 216,
-                    "type": "\"top\" | \"bottom\"",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "bullets",
-                    "defaultValue": "this._gallery.config.bullets",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDisplays the navigation bullets\n",
-                    "description": "<p>Displays the navigation bullets</p>\n",
-                    "line": 77,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "bulletSize",
-                    "defaultValue": "this._gallery.config.bulletSize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the size of the bullets navigation\n",
-                    "description": "<p>Sets the size of the bullets navigation</p>\n",
-                    "line": 166,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "counter",
-                    "defaultValue": "this._gallery.config.counter",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDisplays the counter or pagination\n",
-                    "description": "<p>Displays the counter or pagination</p>\n",
-                    "line": 97,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "counterPosition",
-                    "defaultValue": "this._gallery.config.counterPosition",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the counter navigation position\n",
-                    "description": "<p>Sets the counter navigation position</p>\n",
-                    "line": 221,
-                    "type": "\"top\" | \"bottom\"",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "debug",
-                    "defaultValue": "this._gallery.config.debug",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nShow visuals that helps debugging the component\n",
-                    "description": "<p>Show visuals that helps debugging the component</p>\n",
-                    "line": 87,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "detachThumbs",
-                    "defaultValue": "this._gallery.config.detachThumbs",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDe-attaching the thumbnails from the main slider\nIf enabled - thumbnails won't automatically scroll to the active thumbnails\n",
-                    "description": "<p>De-attaching the thumbnails from the main slider\nIf enabled - thumbnails won&#39;t automatically scroll to the active thumbnails</p>\n",
-                    "line": 103,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "disableBullets",
-                    "defaultValue": "this._gallery.config.disableBullets",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDisables bullets' clicks\n",
-                    "description": "<p>Disables bullets&#39; clicks</p>\n",
-                    "line": 136,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "disableMouseScroll",
-                    "defaultValue": "this._gallery.config.disableMouseScroll",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDisables sliding using the mouse\n",
-                    "description": "<p>Disables sliding using the mouse</p>\n",
-                    "line": 156,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "disableScroll",
-                    "defaultValue": "this._gallery.config.disableScroll",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDisables sliding using mousewheel, touchpad, scroll and gestures on touch devices\n",
-                    "description": "<p>Disables sliding using mousewheel, touchpad, scroll and gestures on touch devices</p>\n",
-                    "line": 141,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "disableThumbMouseScroll",
-                    "defaultValue": "this._gallery.config.disableThumbMouseScroll",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDisables sliding of thumbnails using the mouse\n",
-                    "description": "<p>Disables sliding of thumbnails using the mouse</p>\n",
-                    "line": 161,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "disableThumbs",
-                    "defaultValue": "this._gallery.config.disableThumbs",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDisables thumbnails' clicks\n",
-                    "description": "<p>Disables thumbnails&#39; clicks</p>\n",
-                    "line": 131,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "disableThumbScroll",
-                    "defaultValue": "this._gallery.config.disableThumbScroll",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDisables sliding of thumbnails using touchpad, scroll and gestures on touch devices\n",
-                    "description": "<p>Disables sliding of thumbnails using touchpad, scroll and gestures on touch devices</p>\n",
-                    "line": 146,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "id",
-                    "defaultValue": "'root'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nThe gallery instance unique id, required if more multiple gallery instances\n",
-                    "description": "<p>The gallery instance unique id, required if more multiple gallery instances</p>\n",
-                    "line": 62,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "imageSize",
-                    "defaultValue": "this._gallery.config.imageSize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the object-fit style applied on items' images\n",
-                    "description": "<p>Sets the object-fit style applied on items&#39; images</p>\n",
-                    "line": 206,
-                    "type": "\"cover\" | \"contain\"",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "itemAutosize",
-                    "defaultValue": "this._gallery.config.itemAutosize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nFits each item size to its content, This option should be used with:\n- Does not work if `autoHeight` is turned on\n- Does not work properly unless `loadingAttr=\"eager\"`\n- Does not work properly unless `loadingStrategy=\"preload\"`\n",
-                    "description": "<p>Fits each item size to its content, This option should be used with:</p>\n<ul>\n<li>Does not work if <code>autoHeight</code> is turned on</li>\n<li>Does not work properly unless <code>loadingAttr=&quot;eager&quot;</code></li>\n<li>Does not work properly unless <code>loadingStrategy=&quot;preload&quot;</code></li>\n</ul>\n",
-                    "line": 116,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "items",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nLoads the items array into the gallery\n",
-                    "description": "<p>Loads the items array into the gallery</p>\n",
-                    "line": 67,
-                    "type": "GalleryItem[]",
-                    "decorators": []
-                },
-                {
-                    "name": "loadingAttr",
-                    "defaultValue": "this._gallery.config.loadingAttr",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the loading attribute applied on the items' images\n",
-                    "description": "<p>Sets the loading attribute applied on the items&#39; images</p>\n",
-                    "line": 231,
-                    "type": "\"eager\" | \"lazy\"",
-                    "decorators": []
-                },
-                {
-                    "name": "loadingStrategy",
-                    "defaultValue": "this._gallery.config.loadingStrategy",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the loading strategy used for displaying the items\n- `lazy` renders only the active item\n- `default` renders only the active item, the previous item and the next item\n- `preload` renders all the items, this option is required for `thumbAutoSize` is enabled\n",
-                    "description": "<p>Sets the loading strategy used for displaying the items</p>\n<ul>\n<li><code>lazy</code> renders only the active item</li>\n<li><code>default</code> renders only the active item, the previous item and the next item</li>\n<li><code>preload</code> renders all the items, this option is required for <code>thumbAutoSize</code> is enabled</li>\n</ul>\n",
-                    "line": 239,
-                    "type": "\"preload\" | \"lazy\" | \"default\"",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "loop",
-                    "defaultValue": "this._gallery.config.loop",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nEnables loop cycling\n",
-                    "description": "<p>Enables loop cycling</p>\n",
-                    "line": 82,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "nav",
-                    "defaultValue": "this._gallery.config.nav",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDisplays the navigation buttons\n",
-                    "description": "<p>Displays the navigation buttons</p>\n",
-                    "line": 72,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "orientation",
-                    "defaultValue": "this._gallery.config.orientation",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the sliding direction\n",
-                    "description": "<p>Sets the sliding direction</p>\n",
-                    "line": 226,
-                    "type": "\"horizontal\" | \"vertical\"",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "resizeDebounceTime",
-                    "defaultValue": "this._gallery.config.resizeDebounceTime",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the debounce time used to throttle the gallery update after it is resized\n",
-                    "description": "<p>Sets the debounce time used to throttle the gallery update after it is resized</p>\n",
-                    "line": 191,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "scrollBehavior",
-                    "defaultValue": "this._gallery.config.scrollBehavior",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the scroll behavior when the active item is changed\n",
-                    "description": "<p>Sets the scroll behavior when the active item is changed</p>\n",
-                    "line": 196,
-                    "type": "ScrollBehavior",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "scrollDuration",
-                    "defaultValue": "this._gallery.config.scrollDuration",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the duration used for smooth navigation between the items\n",
-                    "description": "<p>Sets the duration used for smooth navigation between the items</p>\n",
-                    "line": 186,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "scrollEase",
-                    "defaultValue": "this._gallery.config.scrollEase",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the ease function used for smooth navigation between the items\n",
-                    "description": "<p>Sets the ease function used for smooth navigation between the items</p>\n",
-                    "line": 201,
-                    "type": "BezierEasingOptions",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "thumbAutosize",
-                    "defaultValue": "this._gallery.config.thumbAutosize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nFits each thumbnail size to its content\n",
-                    "description": "<p>Fits each thumbnail size to its content</p>\n",
-                    "line": 108,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "thumbCentralized",
-                    "defaultValue": "this._gallery.config.thumbCentralized",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nForce centralizing the active thumbnail\n",
-                    "description": "<p>Force centralizing the active thumbnail</p>\n",
-                    "line": 151,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "thumbHeight",
-                    "defaultValue": "this._gallery.config.thumbHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the thumbnail's height\n",
-                    "description": "<p>Sets the thumbnail&#39;s height</p>\n",
-                    "line": 176,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "thumbImageSize",
-                    "defaultValue": "this._gallery.config.thumbImageSize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the object-fit style applied on thumbnails' images\n",
-                    "description": "<p>Sets the object-fit style applied on thumbnails&#39; images</p>\n",
-                    "line": 211,
-                    "type": "\"cover\" | \"contain\"",
-                    "decorators": []
-                },
-                {
-                    "name": "thumbPosition",
-                    "defaultValue": "this._gallery.config.thumbPosition",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the thumbnails position, it also sets the sliding direction of the thumbnails accordingly\n",
-                    "description": "<p>Sets the thumbnails position, it also sets the sliding direction of the thumbnails accordingly</p>\n",
-                    "line": 244,
-                    "type": "\"top\" | \"left\" | \"right\" | \"bottom\"",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "thumbs",
-                    "defaultValue": "this._gallery.config.thumbs",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDisplays the thumbnails\n",
-                    "description": "<p>Displays the thumbnails</p>\n",
-                    "line": 92,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "required": false,
-                    "name": "thumbWidth",
-                    "defaultValue": "this._gallery.config.thumbWidth",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets the thumbnail's width\n",
-                    "description": "<p>Sets the thumbnail&#39;s width</p>\n",
-                    "line": 171,
-                    "type": "number",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "error",
-                    "defaultValue": "new EventEmitter<GalleryError>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStream that emits when an error occurs, this would emit for loading errors of image and video items only\n",
-                    "description": "<p>Stream that emits when an error occurs, this would emit for loading errors of image and video items only</p>\n",
-                    "line": 288,
-                    "type": "EventEmitter<GalleryError>"
-                },
-                {
-                    "name": "indexChange",
-                    "defaultValue": "new EventEmitter<GalleryState>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStream that emits when index is changed\n",
-                    "description": "<p>Stream that emits when index is changed</p>\n",
-                    "line": 278,
-                    "type": "EventEmitter<GalleryState>"
-                },
-                {
-                    "name": "itemClick",
-                    "defaultValue": "new EventEmitter<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStream that emits when an item is clicked\n",
-                    "description": "<p>Stream that emits when an item is clicked</p>\n",
-                    "line": 263,
-                    "type": "EventEmitter<number>"
-                },
-                {
-                    "name": "itemsChange",
-                    "defaultValue": "new EventEmitter<GalleryState>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStream that emits when items array is changed\n",
-                    "description": "<p>Stream that emits when items array is changed</p>\n",
-                    "line": 283,
-                    "type": "EventEmitter<GalleryState>"
-                },
-                {
-                    "name": "playingChange",
-                    "defaultValue": "new EventEmitter<GalleryState>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStream that emits when player state is changed\n",
-                    "description": "<p>Stream that emits when player state is changed</p>\n",
-                    "line": 273,
-                    "type": "EventEmitter<GalleryState>"
-                },
-                {
-                    "name": "thumbClick",
-                    "defaultValue": "new EventEmitter<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStream that emits when a thumbnail is clicked\n",
-                    "description": "<p>Stream that emits when a thumbnail is clicked</p>\n",
-                    "line": 268,
-                    "type": "EventEmitter<number>"
-                }
-            ],
-            "propertiesClass": [
-                {
-                    "name": "galleryRef",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryRef",
-                    "optional": false,
-                    "description": "<p>The gallery reference instance</p>\n",
-                    "line": 57,
-                    "rawdescription": "\n\nThe gallery reference instance\n"
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "add",
-                    "args": [
-                        {
-                            "name": "item",
-                            "type": "GalleryItem",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 451,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdd gallery item, it can be any item, suitable to add item with a custom template\n",
-                    "description": "<p>Add gallery item, it can be any item, suitable to add item with a custom template</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "item",
-                            "type": "GalleryItem",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "addIframe",
-                    "args": [
-                        {
-                            "name": "data",
-                            "type": "IframeItemData",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 472,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdd iframe item\n",
-                    "description": "<p>Add iframe item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "data",
-                            "type": "IframeItemData",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "addImage",
-                    "args": [
-                        {
-                            "name": "data",
-                            "type": "ImageItemData",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 458,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdd image item\n",
-                    "description": "<p>Add image item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "data",
-                            "type": "ImageItemData",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "addVideo",
-                    "args": [
-                        {
-                            "name": "data",
-                            "type": "VideoItemData",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 465,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdd video item\n",
-                    "description": "<p>Add video item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "data",
-                            "type": "VideoItemData",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "addYoutube",
-                    "args": [
-                        {
-                            "name": "data",
-                            "type": "YoutubeItemData",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 479,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdd Youtube item\n",
-                    "description": "<p>Add Youtube item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "data",
-                            "type": "YoutubeItemData",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "active",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "load",
-                    "args": [
-                        {
-                            "name": "items",
-                            "type": "GalleryItem[]",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 444,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nLoad items and reset the state\n",
-                    "description": "<p>Load items and reset the state</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "items",
-                            "type": "GalleryItem[]",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "next",
-                    "args": [
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        },
-                        {
-                            "name": "loop",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 493,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nGo to next item\n",
-                    "description": "<p>Go to next item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "loop",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "play",
-                    "args": [
-                        {
-                            "name": "interval",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 521,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStart the player\n",
-                    "description": "<p>Start the player</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "interval",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "prev",
-                    "args": [
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        },
-                        {
-                            "name": "loop",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 500,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nGo to prev item\n",
-                    "description": "<p>Go to prev item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "loop",
-                            "type": "boolean",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "remove",
-                    "args": [
-                        {
-                            "name": "i",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 486,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nRemove gallery item by index\n",
-                    "description": "<p>Remove gallery item by index</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "i",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "reset",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 514,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nReset to initial state\n",
-                    "description": "<p>Reset to initial state</p>\n"
-                },
-                {
-                    "name": "set",
-                    "args": [
-                        {
-                            "name": "i",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 507,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSet active item\n",
-                    "description": "<p>Set active item</p>\n",
-                    "jsdoctags": [
-                        {
-                            "name": "i",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "stop",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 528,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStop the player\n",
-                    "description": "<p>Stop the player</p>\n"
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "CommonModule",
-                    "type": "module"
-                },
-                {
-                    "name": "GalleryCoreComponent",
-                    "type": "component"
-                },
-                {
-                    "name": "AutoplayDirective",
-                    "type": "directive"
-                }
-            ],
-            "description": "<p>Gallery component</p>\n",
-            "rawdescription": "\n\nGallery component\n",
-            "type": "component",
-            "sourceCode": "import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  ContentChild,\r\n  booleanAttribute,\r\n  numberAttribute,\r\n  EventEmitter,\r\n  OnInit,\r\n  AfterContentInit,\r\n  OnChanges,\r\n  OnDestroy,\r\n  SimpleChanges,\r\n  ChangeDetectionStrategy\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Subscription } from 'rxjs';\r\nimport { GalleryCoreComponent } from './gallery-core.component';\r\nimport { Gallery } from '../services/gallery.service';\r\nimport { GalleryRef } from '../services/gallery-ref';\r\nimport { GalleryError, GalleryItem, GalleryState } from '../models/gallery.model';\r\nimport { IframeItemData, ImageItemData, VideoItemData, YoutubeItemData } from './templates/items.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { BezierEasingOptions } from '../smooth-scroll';\r\nimport { GalleryImageDef } from '../directives/gallery-image-def.directive';\r\nimport { GalleryThumbDef } from '../directives/gallery-thumb-def.directive';\r\nimport { GalleryItemDef } from '../directives/gallery-item-def.directive';\r\nimport { GalleryBoxDef } from '../directives/gallery-box-def.directive';\r\nimport { ImgManager } from '../utils/img-manager';\r\nimport { AutoplayDirective } from '../autoplay/autoplay.directive';\r\n\r\n/**\r\n * Gallery component\r\n */\r\n@Component({\r\n  selector: 'gallery',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./gallery.scss'],\r\n  template: `\r\n    <gallery-core autoplay\r\n                  [galleryId]=\"id\"\r\n                  [state]=\"galleryRef.state | async\"\r\n                  [config]=\"galleryRef.config | async\"\r\n                  (itemClick)=\"onItemClick($event)\"\r\n                  (thumbClick)=\"onThumbClick($event)\"\r\n                  (error)=\"onError($event)\"/>\r\n  `,\r\n  standalone: true,\r\n  imports: [CommonModule, GalleryCoreComponent, AutoplayDirective],\r\n  providers: [ImgManager]\r\n})\r\nexport class GalleryComponent implements OnInit, AfterContentInit, OnChanges, OnDestroy {\r\n\r\n  /**\r\n   * The gallery reference instance\r\n   */\r\n  galleryRef: GalleryRef;\r\n\r\n  /**\r\n   * The gallery instance unique id, required if more multiple gallery instances\r\n   */\r\n  @Input() id: string = 'root';\r\n\r\n  /**\r\n   * Loads the items array into the gallery\r\n   */\r\n  @Input() items: GalleryItem [];\r\n\r\n  /**\r\n   * Displays the navigation buttons\r\n   */\r\n  @Input({ transform: booleanAttribute }) nav: boolean = this._gallery.config.nav;\r\n\r\n  /**\r\n   * Displays the navigation bullets\r\n   */\r\n  @Input({ transform: booleanAttribute }) bullets: boolean = this._gallery.config.bullets;\r\n\r\n  /**\r\n   * Enables loop cycling\r\n   */\r\n  @Input({ transform: booleanAttribute }) loop: boolean = this._gallery.config.loop;\r\n\r\n  /**\r\n   * Show visuals that helps debugging the component\r\n   */\r\n  @Input({ transform: booleanAttribute }) debug: boolean = this._gallery.config.debug;\r\n\r\n  /**\r\n   * Displays the thumbnails\r\n   */\r\n  @Input({ transform: booleanAttribute }) thumbs: boolean = this._gallery.config.thumbs;\r\n\r\n  /**\r\n   * Displays the counter or pagination\r\n   */\r\n  @Input({ transform: booleanAttribute }) counter: boolean = this._gallery.config.counter;\r\n\r\n  /**\r\n   * De-attaching the thumbnails from the main slider\r\n   * If enabled - thumbnails won't automatically scroll to the active thumbnails\r\n   */\r\n  @Input({ transform: booleanAttribute }) detachThumbs: boolean = this._gallery.config.detachThumbs;\r\n\r\n  /**\r\n   * Fits each thumbnail size to its content\r\n   */\r\n  @Input({ transform: booleanAttribute }) thumbAutosize: boolean = this._gallery.config.thumbAutosize;\r\n\r\n  /**\r\n   * Fits each item size to its content, This option should be used with:\r\n   * - Does not work if `autoHeight` is turned on\r\n   * - Does not work properly unless `loadingAttr=\"eager\"`\r\n   * - Does not work properly unless `loadingStrategy=\"preload\"`\r\n   */\r\n  @Input({ transform: booleanAttribute }) itemAutosize: boolean = this._gallery.config.itemAutosize;\r\n\r\n  /**\r\n   * Automatically adjusts the gallery's height to fit the content\r\n   */\r\n  @Input({ transform: booleanAttribute }) autoHeight: boolean = this._gallery.config.autoHeight;\r\n\r\n  /**\r\n   * Automatically cycle through items at time interval\r\n   */\r\n  @Input({ transform: booleanAttribute }) autoplay: boolean = this._gallery.config.autoplay;\r\n\r\n  /**\r\n   * Disables thumbnails' clicks\r\n   */\r\n  @Input({ transform: booleanAttribute }) disableThumbs: boolean = this._gallery.config.disableThumbs;\r\n\r\n  /**\r\n   * Disables bullets' clicks\r\n   */\r\n  @Input({ transform: booleanAttribute }) disableBullets: boolean = this._gallery.config.disableBullets;\r\n\r\n  /**\r\n   * Disables sliding using mousewheel, touchpad, scroll and gestures on touch devices\r\n   */\r\n  @Input({ transform: booleanAttribute }) disableScroll: boolean = this._gallery.config.disableScroll;\r\n\r\n  /**\r\n   * Disables sliding of thumbnails using touchpad, scroll and gestures on touch devices\r\n   */\r\n  @Input({ transform: booleanAttribute }) disableThumbScroll: boolean = this._gallery.config.disableThumbScroll;\r\n\r\n  /**\r\n   * Force centralizing the active thumbnail\r\n   */\r\n  @Input({ transform: booleanAttribute }) thumbCentralized: boolean = this._gallery.config.thumbCentralized;\r\n\r\n  /**\r\n   * Disables sliding using the mouse\r\n   */\r\n  @Input({ transform: booleanAttribute }) disableMouseScroll: boolean = this._gallery.config.disableMouseScroll;\r\n\r\n  /**\r\n   * Disables sliding of thumbnails using the mouse\r\n   */\r\n  @Input({ transform: booleanAttribute }) disableThumbMouseScroll: boolean = this._gallery.config.disableThumbMouseScroll;\r\n\r\n  /**\r\n   * Sets the size of the bullets navigation\r\n   */\r\n  @Input({ transform: numberAttribute }) bulletSize: number = this._gallery.config.bulletSize;\r\n\r\n  /**\r\n   * Sets the thumbnail's width\r\n   */\r\n  @Input({ transform: numberAttribute }) thumbWidth: number = this._gallery.config.thumbWidth;\r\n\r\n  /**\r\n   * Sets the thumbnail's height\r\n   */\r\n  @Input({ transform: numberAttribute }) thumbHeight: number = this._gallery.config.thumbHeight;\r\n\r\n  /**\r\n   * Sets the interval used for the autoplay feature\r\n   */\r\n  @Input({ transform: numberAttribute }) autoplayInterval: number = this._gallery.config.autoplayInterval;\r\n\r\n  /**\r\n   * Sets the duration used for smooth navigation between the items\r\n   */\r\n  @Input({ transform: numberAttribute }) scrollDuration: number = this._gallery.config.scrollDuration;\r\n\r\n  /**\r\n   * Sets the debounce time used to throttle the gallery update after it is resized\r\n   */\r\n  @Input({ transform: numberAttribute }) resizeDebounceTime: number = this._gallery.config.resizeDebounceTime;\r\n\r\n  /**\r\n   * Sets the scroll behavior when the active item is changed\r\n   */\r\n  @Input() scrollBehavior: ScrollBehavior = this._gallery.config.scrollBehavior;\r\n\r\n  /**\r\n   * Sets the ease function used for smooth navigation between the items\r\n   */\r\n  @Input() scrollEase: BezierEasingOptions = this._gallery.config.scrollEase;\r\n\r\n  /**\r\n   * Sets the object-fit style applied on items' images\r\n   */\r\n  @Input() imageSize: 'cover' | 'contain' = this._gallery.config.imageSize;\r\n\r\n  /**\r\n   * Sets the object-fit style applied on thumbnails' images\r\n   */\r\n  @Input() thumbImageSize: 'cover' | 'contain' = this._gallery.config.thumbImageSize;\r\n\r\n  /**\r\n   * Sets the bullets navigation position\r\n   */\r\n  @Input() bulletPosition: 'top' | 'bottom' = this._gallery.config.bulletPosition;\r\n\r\n  /**\r\n   * Sets the counter navigation position\r\n   */\r\n  @Input() counterPosition: 'top' | 'bottom' = this._gallery.config.counterPosition;\r\n\r\n  /**\r\n   * Sets the sliding direction\r\n   */\r\n  @Input() orientation: 'horizontal' | 'vertical' = this._gallery.config.orientation;\r\n\r\n  /**\r\n   * Sets the loading attribute applied on the items' images\r\n   */\r\n  @Input() loadingAttr: 'eager' | 'lazy' = this._gallery.config.loadingAttr;\r\n\r\n  /**\r\n   * Sets the loading strategy used for displaying the items\r\n   * - `lazy` renders only the active item\r\n   * - `default` renders only the active item, the previous item and the next item\r\n   * - `preload` renders all the items, this option is required for `thumbAutoSize` is enabled\r\n   */\r\n  @Input() loadingStrategy: 'preload' | 'lazy' | 'default' = this._gallery.config.loadingStrategy;\r\n\r\n  /**\r\n   * Sets the thumbnails position, it also sets the sliding direction of the thumbnails accordingly\r\n   */\r\n  @Input() thumbPosition: 'top' | 'left' | 'right' | 'bottom' = this._gallery.config.thumbPosition;\r\n\r\n  /**\r\n   * Destroy gallery ref on component destroy event\r\n   * This intended to be used and disabled from the lightbox component\r\n   * @ignore\r\n   * */\r\n  @Input() destroyRef: boolean = true;\r\n\r\n  /**\r\n   * Skip initializing the config with components inputs (Lightbox mode)\r\n   * This intended to be used and enabled from the lightbox component\r\n   * @ignore\r\n   */\r\n  @Input() skipInitConfig: boolean = false;\r\n\r\n  /**\r\n   * Stream that emits when an item is clicked\r\n   */\r\n  @Output() itemClick: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n  /**\r\n   * Stream that emits when a thumbnail is clicked\r\n   */\r\n  @Output() thumbClick: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n  /**\r\n   * Stream that emits when player state is changed\r\n   */\r\n  @Output() playingChange: EventEmitter<GalleryState> = new EventEmitter<GalleryState>();\r\n\r\n  /**\r\n   * Stream that emits when index is changed\r\n   */\r\n  @Output() indexChange: EventEmitter<GalleryState> = new EventEmitter<GalleryState>();\r\n\r\n  /**\r\n   * Stream that emits when items array is changed\r\n   */\r\n  @Output() itemsChange: EventEmitter<GalleryState> = new EventEmitter<GalleryState>();\r\n\r\n  /**\r\n   * Stream that emits when an error occurs, this would emit for loading errors of image and video items only\r\n   */\r\n  @Output() error: EventEmitter<GalleryError> = new EventEmitter<GalleryError>();\r\n\r\n  /** @ignore */\r\n  @ContentChild(GalleryItemDef) private _galleryItemDef: GalleryItemDef;\r\n  /** @ignore */\r\n  @ContentChild(GalleryImageDef) private _galleryImageDef: GalleryImageDef;\r\n  /** @ignore */\r\n  @ContentChild(GalleryThumbDef) private _galleryThumbDef: GalleryThumbDef;\r\n  /** @ignore */\r\n  @ContentChild(GalleryBoxDef) private _galleryBoxDef: GalleryBoxDef;\r\n\r\n  /** @ignore */\r\n  private _itemClick$: Subscription;\r\n  /** @ignore */\r\n  private _thumbClick$: Subscription;\r\n  /** @ignore */\r\n  private _itemChange$: Subscription;\r\n  /** @ignore */\r\n  private _indexChange$: Subscription;\r\n  /** @ignore */\r\n  private _playingChange$: Subscription;\r\n\r\n  constructor(private _gallery: Gallery) {\r\n  }\r\n\r\n  /** @ignore */\r\n  private getConfig(): GalleryConfig {\r\n    return {\r\n      nav: this.nav,\r\n      bullets: this.bullets,\r\n      loop: this.loop,\r\n      debug: this.debug,\r\n      thumbs: this.thumbs,\r\n      counter: this.counter,\r\n      autoplay: this.autoplay,\r\n      bulletSize: this.bulletSize,\r\n      imageSize: this.imageSize,\r\n      thumbImageSize: this.thumbImageSize,\r\n      scrollBehavior: this.scrollBehavior,\r\n      thumbCentralized: this.thumbCentralized,\r\n      thumbWidth: this.thumbWidth,\r\n      thumbHeight: this.thumbHeight,\r\n      scrollEase: this.scrollEase,\r\n      bulletPosition: this.bulletPosition,\r\n      loadingAttr: this.loadingAttr,\r\n      detachThumbs: this.detachThumbs,\r\n      thumbPosition: this.thumbPosition,\r\n      autoplayInterval: this.autoplayInterval,\r\n      counterPosition: this.counterPosition,\r\n      loadingStrategy: this.loadingStrategy,\r\n      scrollDuration: this.scrollDuration,\r\n      orientation: this.orientation,\r\n      resizeDebounceTime: this.resizeDebounceTime,\r\n      disableBullets: this.disableBullets,\r\n      disableThumbs: this.disableThumbs,\r\n      disableScroll: this.disableScroll,\r\n      disableThumbScroll: this.disableThumbScroll,\r\n      disableMouseScroll: this.disableMouseScroll,\r\n      disableThumbMouseScroll: this.disableThumbMouseScroll,\r\n      thumbAutosize: this.thumbAutosize,\r\n      itemAutosize: this.itemAutosize,\r\n      autoHeight: this.autoHeight\r\n    };\r\n  }\r\n\r\n\r\n  /** @ignore */\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (this.galleryRef) {\r\n      this.galleryRef.setConfig(this.getConfig());\r\n\r\n      if (changes.items && changes.items.currentValue !== changes.items.previousValue) {\r\n        this.load(this.items);\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  /** @ignore */\r\n  ngOnInit(): void {\r\n    // Get gallery instance by id\r\n    if (this.skipInitConfig) {\r\n      this.galleryRef = this._gallery.ref(this.id);\r\n    } else {\r\n      this.galleryRef = this._gallery.ref(this.id, this.getConfig());\r\n    }\r\n\r\n    // Load gallery items\r\n    this.load(this.items);\r\n\r\n    // Subscribes to events on demand\r\n    if (this.indexChange.observed) {\r\n      this._indexChange$ = this.galleryRef.indexChanged.subscribe((state: GalleryState) => this.indexChange.emit(state));\r\n    }\r\n    if (this.itemsChange.observed) {\r\n      this._itemChange$ = this.galleryRef.itemsChanged.subscribe((state: GalleryState) => this.itemsChange.emit(state));\r\n    }\r\n    if (this.playingChange.observed) {\r\n      this._playingChange$ = this.galleryRef.playingChanged.subscribe((state: GalleryState) => this.playingChange.emit(state));\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  ngAfterContentInit(): void {\r\n    const templateConfig: GalleryConfig = {};\r\n    if (this._galleryItemDef) {\r\n      templateConfig.itemTemplate = this._galleryItemDef.templateRef;\r\n    }\r\n    if (this._galleryImageDef) {\r\n      templateConfig.imageTemplate = this._galleryImageDef.templateRef;\r\n    }\r\n    if (this._galleryThumbDef) {\r\n      templateConfig.thumbTemplate = this._galleryThumbDef.templateRef;\r\n    }\r\n    if (this._galleryBoxDef) {\r\n      templateConfig.boxTemplate = this._galleryBoxDef.templateRef;\r\n    }\r\n    if (Object.keys(templateConfig).length) {\r\n      this.galleryRef.setConfig(templateConfig);\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  ngOnDestroy(): void {\r\n    this._itemClick$?.unsubscribe();\r\n    this._thumbClick$?.unsubscribe();\r\n    this._itemChange$?.unsubscribe();\r\n    this._indexChange$?.unsubscribe();\r\n    this._playingChange$?.unsubscribe();\r\n    if (this.destroyRef) {\r\n      this.galleryRef?.destroy();\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  onItemClick(i: number): void {\r\n    this.itemClick.emit(i);\r\n    this.galleryRef.itemClick.next(i);\r\n  }\r\n\r\n  /** @ignore */\r\n  onThumbClick(i: number): void {\r\n    this.galleryRef.set(i);\r\n    this.thumbClick.emit(i);\r\n    this.galleryRef.thumbClick.next(i);\r\n  }\r\n\r\n  /** @ignore */\r\n  onError(err: GalleryError): void {\r\n    this.error.emit(err);\r\n    this.galleryRef.error.next(err);\r\n  }\r\n\r\n  /**\r\n   * Load items and reset the state\r\n   */\r\n  load(items: GalleryItem[]): void {\r\n    this.galleryRef.load(items);\r\n  }\r\n\r\n  /**\r\n   * Add gallery item, it can be any item, suitable to add item with a custom template\r\n   */\r\n  add(item: GalleryItem, active?: boolean): void {\r\n    this.galleryRef.add(item, active);\r\n  }\r\n\r\n  /**\r\n   * Add image item\r\n   */\r\n  addImage(data: ImageItemData, active?: boolean): void {\r\n    this.galleryRef.addImage(data, active);\r\n  }\r\n\r\n  /**\r\n   * Add video item\r\n   */\r\n  addVideo(data: VideoItemData, active?: boolean): void {\r\n    this.galleryRef.addVideo(data, active);\r\n  }\r\n\r\n  /**\r\n   * Add iframe item\r\n   */\r\n  addIframe(data: IframeItemData, active?: boolean): void {\r\n    this.galleryRef.addIframe(data, active);\r\n  }\r\n\r\n  /**\r\n   * Add Youtube item\r\n   */\r\n  addYoutube(data: YoutubeItemData, active?: boolean): void {\r\n    this.galleryRef.addYoutube(data, active);\r\n  }\r\n\r\n  /**\r\n   * Remove gallery item by index\r\n   */\r\n  remove(i: number): void {\r\n    this.galleryRef.remove(i);\r\n  }\r\n\r\n  /**\r\n   * Go to next item\r\n   */\r\n  next(behavior?: ScrollBehavior, loop?: boolean): void {\r\n    this.galleryRef.next(behavior, loop);\r\n  }\r\n\r\n  /**\r\n   * Go to prev item\r\n   */\r\n  prev(behavior?: ScrollBehavior, loop?: boolean): void {\r\n    this.galleryRef.prev(behavior, loop);\r\n  }\r\n\r\n  /**\r\n   * Set active item\r\n   */\r\n  set(i: number, behavior?: ScrollBehavior): void {\r\n    this.galleryRef.set(i, behavior);\r\n  }\r\n\r\n  /**\r\n   * Reset to initial state\r\n   */\r\n  reset(): void {\r\n    this.galleryRef.reset();\r\n  }\r\n\r\n  /**\r\n   * Start the player\r\n   */\r\n  play(interval?: number): void {\r\n    this.galleryRef.play(interval);\r\n  }\r\n\r\n  /**\r\n   * Stop the player\r\n   */\r\n  stop(): void {\r\n    this.galleryRef.stop();\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": [
-                {
-                    "data": ":host {\r\n  position: relative;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: black;\r\n\r\n  --g-height-transition: height 468ms cubic-bezier(0.42, 0, 0.58, 1);\r\n  --g-nav-drop-shadow: drop-shadow(0 0 2px rgba(0, 0, 0, 0.6));\r\n  --g-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);\r\n  --g-font-color: #000;\r\n  --g-overlay-color: #fff;\r\n  --g-gutter-size: 1px;\r\n\r\n  &[gallerize] {\r\n    --g-item-cursor: pointer;\r\n  }\r\n}\r\n",
-                    "styleUrl": "./gallery.scss"
-                }
-            ],
-            "stylesData": "",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 308,
-                "jsdoctags": [
-                    {
-                        "name": "_gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "implements": [
-                "OnInit",
-                "AfterContentInit",
-                "OnChanges",
-                "OnDestroy"
-            ]
-        },
-        {
-            "name": "GalleryCoreComponent",
-            "id": "component-GalleryCoreComponent-514605865ce30ecc993dd769363ed85b2b4a73ad2e35e255bc6bf494a7fd417d17686b154afdb47ec6e1e2bfd947a7bf4bc8f1e5bbe16561c1540101ac9d6de1",
-            "file": "projects/ng-gallery/src/lib/components/gallery-core.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-core",
-            "styleUrls": [
-                "./gallery-core.scss",
-                "../styles/debug.scss"
-            ],
-            "styles": [],
-            "template": "<gallery-thumbs *ngIf=\"config.thumbs\"\n                [state]=\"state\"\n                [config]=\"config\"\n                [galleryId]=\"galleryId\"\n                (thumbClick)=\"thumbClick.emit($event)\"\n                (error)=\"error.emit($event)\"/>\n\n<div class=\"g-box\">\n  <gallery-slider [class.g-debug]=\"config.debug\"\n                  [state]=\"state\"\n                  [config]=\"config\"\n                  [galleryId]=\"galleryId\"\n                  (itemClick)=\"itemClick.emit($event)\"\n                  (error)=\"error.emit($event)\">\n\n    <gallery-nav *ngIf=\"config.nav && state.items.length > 1\"\n                 [state]=\"state\"\n                 [config]=\"config\"\n                 [galleryId]=\"galleryId\"/>\n\n  </gallery-slider>\n\n  <gallery-bullets *ngIf=\"config.bullets\"\n                   [state]=\"state\"\n                   [config]=\"config\"\n                   [galleryId]=\"galleryId\"/>\n\n  <gallery-counter *ngIf=\"config.counter\"\n                   [state]=\"state\"/>\n\n  <div class=\"g-box-template\">\n    <ng-container\n      *ngTemplateOutlet=\"config.boxTemplate; context: { state: state, config: config }\"></ng-container>\n  </div>\n</div>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 71,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "galleryId",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 69,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 70,
-                    "type": "GalleryState",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "error",
-                    "defaultValue": "new EventEmitter<GalleryError>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 74,
-                    "type": "EventEmitter<GalleryError>"
-                },
-                {
-                    "name": "itemClick",
-                    "defaultValue": "new EventEmitter<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 72,
-                    "type": "EventEmitter<number>"
-                },
-                {
-                    "name": "thumbClick",
-                    "defaultValue": "new EventEmitter<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 73,
-                    "type": "EventEmitter<number>"
-                }
-            ],
-            "propertiesClass": [],
-            "methodsClass": [
-                {
-                    "name": "ngOnChanges",
-                    "args": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 154,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "name": "attr.autoHeight",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet gallery autoHeight styles",
-                    "description": "<p>Set gallery autoHeight styles</p>\n",
-                    "line": 132,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.bulletDisabled",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet bullets' clicks",
-                    "description": "<p>Set bullets&#39; clicks</p>\n",
-                    "line": 92,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.bulletPosition",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet gallery bullets position",
-                    "description": "<p>Set gallery bullets position</p>\n",
-                    "line": 97,
-                    "type": "\"top\" | \"bottom\"",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.counterPosition",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet gallery counter position",
-                    "description": "<p>Set gallery counter position</p>\n",
-                    "line": 112,
-                    "type": "\"top\" | \"bottom\"",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.debug",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet debug style",
-                    "description": "<p>Set debug style</p>\n",
-                    "line": 147,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.dir",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet direction",
-                    "description": "<p>Set direction</p>\n",
-                    "line": 142,
-                    "type": "Direction",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.imageSize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet gallery image size property",
-                    "description": "<p>Set gallery image size property</p>\n",
-                    "line": 102,
-                    "type": "\"cover\" | \"contain\"",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.itemAutosize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet items autosize styles",
-                    "description": "<p>Set items autosize styles</p>\n",
-                    "line": 127,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.orientation",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet sliding direction",
-                    "description": "<p>Set sliding direction</p>\n",
-                    "line": 82,
-                    "type": "\"horizontal\" | \"vertical\"",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.scrollDisabled",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nDisable sliding using sliding via touchpad, mousewheel and gestures",
-                    "description": "<p>Disable sliding using sliding via touchpad, mousewheel and gestures</p>\n",
-                    "line": 117,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.thumbAutosize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet gallery thumb autosize styles",
-                    "description": "<p>Set gallery thumb autosize styles</p>\n",
-                    "line": 137,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.thumbDisabled",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nDisable thumbnails' clicks",
-                    "description": "<p>Disable thumbnails&#39; clicks</p>\n",
-                    "line": 87,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.thumbImageSize",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet gallery thumb image size property",
-                    "description": "<p>Set gallery thumb image size property</p>\n",
-                    "line": 107,
-                    "type": "\"contain\" | \"cover\"",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.thumbPosition",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nSet thumbnails position",
-                    "description": "<p>Set thumbnails position</p>\n",
-                    "line": 77,
-                    "type": "\"top\" | \"left\" | \"right\" | \"bottom\"",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.thumbScrollDisabled",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nDisable thumb sliding using sliding via touchpad, mousewheel and gestures",
-                    "description": "<p>Disable thumb sliding using sliding via touchpad, mousewheel and gestures</p>\n",
-                    "line": 122,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "CommonModule",
-                    "type": "module"
-                },
-                {
-                    "name": "GalleryThumbsComponent",
-                    "type": "component"
-                },
-                {
-                    "name": "GallerySliderComponent",
-                    "type": "component"
-                },
-                {
-                    "name": "GalleryNavComponent",
-                    "type": "component"
-                },
-                {
-                    "name": "GalleryBulletsComponent",
-                    "type": "component"
-                },
-                {
-                    "name": "GalleryCounterComponent",
-                    "type": "component"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  HostBinding,\r\n  EventEmitter,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ElementRef,\r\n  ChangeDetectionStrategy\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { coerceCssPixelValue } from '@angular/cdk/coercion';\r\nimport { Direction, Directionality } from '@angular/cdk/bidi';\r\nimport { GalleryCounterComponent } from './gallery-counter.component';\r\nimport { GalleryBulletsComponent } from './gallery-bullets.component';\r\nimport { GalleryNavComponent } from './gallery-nav.component';\r\nimport { GallerySliderComponent } from './gallery-slider.component';\r\nimport { GalleryThumbsComponent } from './gallery-thumbs.component';\r\nimport { GalleryError, GalleryState } from '../models/gallery.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\n\r\n@Component({\r\n  selector: 'gallery-core',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./gallery-core.scss', '../styles/debug.scss'],\r\n  template: `\r\n    <gallery-thumbs *ngIf=\"config.thumbs\"\r\n                    [state]=\"state\"\r\n                    [config]=\"config\"\r\n                    [galleryId]=\"galleryId\"\r\n                    (thumbClick)=\"thumbClick.emit($event)\"\r\n                    (error)=\"error.emit($event)\"/>\r\n\r\n    <div class=\"g-box\">\r\n      <gallery-slider [class.g-debug]=\"config.debug\"\r\n                      [state]=\"state\"\r\n                      [config]=\"config\"\r\n                      [galleryId]=\"galleryId\"\r\n                      (itemClick)=\"itemClick.emit($event)\"\r\n                      (error)=\"error.emit($event)\">\r\n\r\n        <gallery-nav *ngIf=\"config.nav && state.items.length > 1\"\r\n                     [state]=\"state\"\r\n                     [config]=\"config\"\r\n                     [galleryId]=\"galleryId\"/>\r\n\r\n      </gallery-slider>\r\n\r\n      <gallery-bullets *ngIf=\"config.bullets\"\r\n                       [state]=\"state\"\r\n                       [config]=\"config\"\r\n                       [galleryId]=\"galleryId\"/>\r\n\r\n      <gallery-counter *ngIf=\"config.counter\"\r\n                       [state]=\"state\"/>\r\n\r\n      <div class=\"g-box-template\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"config.boxTemplate; context: { state: state, config: config }\"></ng-container>\r\n      </div>\r\n    </div>\r\n  `,\r\n  standalone: true,\r\n  imports: [CommonModule, GalleryThumbsComponent, GallerySliderComponent, GalleryNavComponent, GalleryBulletsComponent, GalleryCounterComponent]\r\n})\r\nexport class GalleryCoreComponent implements OnChanges {\r\n\r\n  @Input() galleryId: string;\r\n  @Input() state: GalleryState;\r\n  @Input() config: GalleryConfig;\r\n  @Output() itemClick: EventEmitter<number> = new EventEmitter<number>();\r\n  @Output() thumbClick: EventEmitter<number> = new EventEmitter<number>();\r\n  @Output() error: EventEmitter<GalleryError> = new EventEmitter<GalleryError>();\r\n\r\n  /** Set thumbnails position */\r\n  @HostBinding('attr.thumbPosition') get thumbPosition(): 'top' | 'left' | 'right' | 'bottom' {\r\n    return this.config.thumbPosition;\r\n  }\r\n\r\n  /** Set sliding direction */\r\n  @HostBinding('attr.orientation') get orientation(): 'horizontal' | 'vertical' {\r\n    return this.config.orientation;\r\n  }\r\n\r\n  /** Disable thumbnails' clicks */\r\n  @HostBinding('attr.thumbDisabled') get disableThumb(): boolean {\r\n    return this.config.disableThumbs;\r\n  }\r\n\r\n  /** Set bullets' clicks */\r\n  @HostBinding('attr.bulletDisabled') get bulletDisabled(): boolean {\r\n    return this.config.disableBullets;\r\n  }\r\n\r\n  /** Set gallery bullets position */\r\n  @HostBinding('attr.bulletPosition') get bulletPosition(): 'top' | 'bottom' {\r\n    return this.config.bulletPosition;\r\n  }\r\n\r\n  /** Set gallery image size property */\r\n  @HostBinding('attr.imageSize') get imageSize(): 'cover' | 'contain' {\r\n    return this.config.imageSize;\r\n  }\r\n\r\n  /** Set gallery thumb image size property */\r\n  @HostBinding('attr.thumbImageSize') get thumbImageSize(): 'contain' | 'cover' {\r\n    return this.config.thumbImageSize;\r\n  }\r\n\r\n  /** Set gallery counter position */\r\n  @HostBinding('attr.counterPosition') get counterPosition(): 'top' | 'bottom' {\r\n    return this.config.counterPosition;\r\n  }\r\n\r\n  /** Disable sliding using sliding via touchpad, mousewheel and gestures */\r\n  @HostBinding('attr.scrollDisabled') get scrollDisabled(): boolean {\r\n    return this.config.disableScroll;\r\n  }\r\n\r\n  /** Disable thumb sliding using sliding via touchpad, mousewheel and gestures */\r\n  @HostBinding('attr.thumbScrollDisabled') get thumbScrollDisabled(): boolean {\r\n    return this.config.disableThumbScroll;\r\n  }\r\n\r\n  /** Set items autosize styles  */\r\n  @HostBinding('attr.itemAutosize') get itemAutosize(): boolean {\r\n    return this.config.itemAutosize;\r\n  }\r\n\r\n  /** Set gallery autoHeight styles  */\r\n  @HostBinding('attr.autoHeight') get autoHeight(): boolean {\r\n    return this.config.autoHeight;\r\n  }\r\n\r\n  /** Set gallery thumb autosize styles  */\r\n  @HostBinding('attr.thumbAutosize') get thumbAutosize(): boolean {\r\n    return this.config.thumbAutosize;\r\n  }\r\n\r\n  /** Set direction  */\r\n  @HostBinding('attr.dir') get direction(): Direction {\r\n    return this.dir.value;\r\n  }\r\n\r\n  /** Set debug style  */\r\n  @HostBinding('attr.debug') get debug(): boolean {\r\n    return this.config.debug;\r\n  }\r\n\r\n  constructor(private el: ElementRef<HTMLElement>, private dir: Directionality) {\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes.config) {\r\n      if (changes.config.currentValue?.thumbWidth !== changes.config.previousValue?.thumbWidth) {\r\n        this.el.nativeElement.style.setProperty('--g-thumb-width', coerceCssPixelValue(changes.config.currentValue.thumbWidth));\r\n      }\r\n      if (changes.config.currentValue?.thumbHeight !== changes.config.previousValue?.thumbHeight) {\r\n        this.el.nativeElement.style.setProperty('--g-thumb-height', coerceCssPixelValue(changes.config.currentValue.thumbHeight));\r\n      }\r\n    }\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": [
-                {
-                    "data": ":host {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  gap: var(--g-gutter-size);\r\n  width: 100%;\r\n  height: 500px;\r\n  min-height: 100%;\r\n  max-height: 100%;\r\n\r\n  &[thumbPosition='top'] {\r\n    flex-direction: column;\r\n  }\r\n\r\n  &[thumbPosition='left'] {\r\n    flex-direction: row;\r\n  }\r\n\r\n  &[thumbPosition='right'] {\r\n    flex-direction: row-reverse;\r\n  }\r\n\r\n  &[thumbPosition='bottom'] {\r\n    flex-direction: column-reverse;\r\n  }\r\n\r\n  // Gallery auto-height variables\r\n  &[autoHeight='true'][itemAutoSize='false'][orientation='horizontal'] {\r\n    &[thumbPosition='top'], &[thumbPosition='bottom'] {\r\n      // if auto-height, use fit-content\r\n      height: fit-content;\r\n      --g-item-height: auto !important;\r\n      --g-item-max-height: auto;\r\n    }\r\n  }\r\n\r\n  // Gallery image variables\r\n  --image-object-fit: unset;\r\n\r\n  &[imageSize='contain'] gallery-slider,\r\n  &[thumbImageSize='contain'] gallery-thumbs {\r\n    --image-object-fit: contain;\r\n  }\r\n\r\n  &[imageSize='cover'] gallery-slider,\r\n  &[thumbImageSize='cover'] gallery-thumbs {\r\n    --image-object-fit: cover;\r\n  }\r\n\r\n  // Gallery thumbs variables\r\n  --slider-thumb-height: unset;\r\n  --slider-thumb-width: unset;\r\n  --thumb-slider-left: unset;\r\n  --thumb-slider-overflow: unset;\r\n  --thumb-slider-flex-direction: unset;\r\n  --g-thumb-width: unset;\r\n  --g-thumb-height: unset;\r\n  --g-thumb-cursor: pointer;\r\n\r\n  &[thumbPosition='top'],\r\n  &[thumbPosition='bottom'] {\r\n    --thumb-slider-top: 0;\r\n    --thumb-slider-overflow: auto hidden;\r\n    --thumb-slider-flex-direction: row;\r\n    --g-thumb-height: 100%;\r\n\r\n    &[thumbAutosize=\"true\"] {\r\n      --g-thumb-width: auto !important;\r\n    }\r\n  }\r\n\r\n  &[thumbPosition='left'],\r\n  &[thumbPosition='right'] {\r\n    --thumb-slider-left: 0;\r\n    --thumb-slider-overflow: hidden auto;\r\n    --thumb-slider-flex-direction: column;\r\n    --g-thumb-width: 100%;\r\n\r\n    &[thumbAutosize=\"true\"] {\r\n      --g-thumb-height: auto !important;\r\n    }\r\n  }\r\n\r\n  &[thumbDisbled='true'] {\r\n    --g-thumb-cursor: default;\r\n  }\r\n\r\n  &[thumbScrollDisabled='true'] {\r\n    --thumb-slider-overflow: hidden !important;\r\n  }\r\n\r\n  // Gallery slider variables\r\n  --slider-scroll-snap-type: unset;\r\n  --slider-overflow: unset;\r\n  --slider-flex-direction: unset;\r\n  --slider-width: unset;\r\n  --slider-height: unset;\r\n  --slider-content-width: unset;\r\n  --slider-content-height: unset;\r\n\r\n  &[orientation='horizontal'] {\r\n    --slider-overflow: auto hidden;\r\n    --slider-scroll-snap-type: x mandatory;\r\n    --slider-flex-direction: row;\r\n    --slider-content-height: 100%;\r\n  }\r\n\r\n  &[orientation='vertical'] {\r\n    --slider-overflow: hidden auto;\r\n    --slider-scroll-snap-type: y mandatory;\r\n    --slider-flex-direction: column;\r\n    --slider-content-width: 100%;\r\n  }\r\n\r\n  &[scrollDisabled='true'] {\r\n    --slider-overflow: hidden !important;\r\n  }\r\n\r\n  // Gallery items variables\r\n  --g-item-width: unset;\r\n  --g-item-height: unset;\r\n  --g-item-max-height: var(--slider-height);\r\n\r\n  &[orientation='horizontal'] {\r\n    --g-item-width: var(--slider-width);\r\n    --g-item-height: 100%;\r\n\r\n    &[itemAutoSize='true'] {\r\n      --g-item-width: auto;\r\n    }\r\n  }\r\n\r\n  &[orientation='vertical'] {\r\n    --g-item-width: 100%;\r\n    --g-item-height: var(--slider-height);\r\n\r\n    &[itemAutoSize='true'] {\r\n      --g-item-height: auto;\r\n    }\r\n  }\r\n\r\n  // Gallery bullets variables\r\n  --bullets-top: unset;\r\n  --bullets-bottom: unset;\r\n  --bullets-cursor: pointer;\r\n  --bullets-opacity: 0.4;\r\n  --bullets-hover-opacity: 1;\r\n  --bullets-active-opacity: 1;\r\n\r\n  &[bulletPosition='top'] {\r\n    --bullets-top: 15px;\r\n  }\r\n\r\n  &[bulletPosition='bottom'] {\r\n    --bullets-bottom: 15px;\r\n  }\r\n\r\n  &[bulletDisabled='true'] {\r\n    --bullets-cursor: default;\r\n    --bullets-hover-opacity: var(--bullets-opacity);\r\n  }\r\n\r\n  // Gallery position variables\r\n  --counter-top: unset;\r\n  --counter-bottom: unset;\r\n  --counter-border-radius: unset;\r\n\r\n  &[counterPosition='top'] {\r\n    --counter-top: 0;\r\n    --counter-border-radius: 0 0 4px 4px;\r\n  }\r\n\r\n  &[counterPosition='bottom'] {\r\n    --counter-bottom: 0;\r\n    --counter-border-radius: 4px 4px 0 0;\r\n  }\r\n\r\n  // Gallery nav variables\r\n  --nav-space: 8px;\r\n  --nav-hover-space: 6.4px;\r\n  --nav-next-right: unset;\r\n  --nav-next-hover-right: unset;\r\n  --nav-next-left: unset;\r\n  --nav-next-hover-left: unset;\r\n\r\n  &[dir='ltr'] {\r\n    --nav-next-transform: translateY(-50%) perspective(1px);\r\n    --nav-next-right: var(--nav-space);\r\n    --nav-next-hover-right: var(--nav-hover-space);\r\n\r\n    --nav-prev-transform: translateY(-50%) perspective(1px) scale(-1, -1);\r\n    --nav-prev-left: var(--nav-space);\r\n    --nav-prev-hover-left: var(--nav-hover-space);\r\n  }\r\n\r\n  &[dir='rtl'] {\r\n    --nav-next-transform: translateY(-50%) perspective(1px) scale(-1, -1);\r\n    --nav-next-left: var(--nav-space);\r\n    --nav-next-hover-left: var(--nav-hover-space);\r\n\r\n    --nav-prev-transform: translateY(-50%) perspective(1px);\r\n    --nav-prev-right: var(--nav-space);\r\n    --nav-prev-hover-right: var(--nav-hover-space);\r\n  }\r\n}\r\n\r\n.g-box {\r\n  overflow: hidden;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  order: 1;\r\n  flex: 1;\r\n}\r\n\r\n.g-box-template {\r\n  position: absolute;\r\n  z-index: 10;\r\n}\r\n",
-                    "styleUrl": "./gallery-core.scss"
-                },
-                {
-                    "data": ":host[debug='true'] {\r\n  ::ng-deep {\r\n    .g-sliding, .g-resizing, .g-scrolling {\r\n      gallery-item.g-item-highlight {\r\n        visibility: hidden;\r\n      }\r\n    }\r\n  }\r\n\r\n  ::ng-deep {\r\n    gallery-slider {\r\n      &:after, &:before {\r\n        position: absolute;\r\n        content: '';\r\n        z-index: 12;\r\n      }\r\n\r\n      &:before {\r\n        width: 100%;\r\n        height: 0;\r\n        border-top: 1px dashed lime;\r\n      }\r\n\r\n      &:after {\r\n        height: 100%;\r\n        width: 0;\r\n        border-left: 1px dashed lime;\r\n      }\r\n\r\n      gallery-item {\r\n        outline: 1px solid darkorange;\r\n\r\n        &.g-item-highlight {\r\n          &:after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 3px solid lime;\r\n            box-sizing: border-box;\r\n            z-index: 10;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .g-sliding {\r\n      .g-slider-sliding {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    .g-scrolling {\r\n      .g-slider-scrolling {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    .g-resizing {\r\n      .g-slider-resizing {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    .g-slider-debug {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      display: flex;\r\n      gap: 5px;\r\n      padding: 10px;\r\n\r\n      .g-slider-resizing {\r\n        background: rgba(245, 76, 40);\r\n      }\r\n\r\n      .g-slider-scrolling {\r\n        background: rgb(255, 133, 36);\r\n      }\r\n\r\n      .g-slider-sliding {\r\n        background: rgb(31, 108, 185);\r\n      }\r\n\r\n      div, &:before {\r\n        display: none;\r\n        color: white;\r\n        font-family: monospace;\r\n        z-index: 12;\r\n        padding: 2px 6px;\r\n        border-radius: 3px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &[itemAutoSize='false'] {\r\n    ::ng-deep {\r\n      .g-slider-debug {\r\n        &:before {\r\n          content: var(--intersection-margin);\r\n          background: rgba(236, 236, 236, 0.84);\r\n          color: #363636;\r\n          display: block;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &[itemAutoSize='true'] {\r\n    ::ng-deep {\r\n      gallery-item {\r\n        &:before {\r\n          position: absolute;\r\n          margin: 10px;\r\n          content: var(--item-intersection-margin);\r\n          background: rgba(236, 236, 236, 0.84);\r\n          color: #363636;\r\n          display: block;\r\n          width: 270px;\r\n          font-family: monospace;\r\n          z-index: 12;\r\n          padding: 2px 6px;\r\n          border-radius: 3px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n",
-                    "styleUrl": "../styles/debug.scss"
-                }
-            ],
-            "stylesData": "",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "dir",
-                        "type": "Directionality",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 149,
-                "jsdoctags": [
-                    {
-                        "name": "el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "dir",
-                        "type": "Directionality",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "implements": [
-                "OnChanges"
-            ],
-            "accessors": {
-                "thumbPosition": {
-                    "name": "thumbPosition",
-                    "getSignature": {
-                        "name": "thumbPosition",
-                        "type": "",
-                        "returnType": "\"top\" | \"left\" | \"right\" | \"bottom\"",
-                        "line": 77,
-                        "rawdescription": "\nSet thumbnails position",
-                        "description": "<p>Set thumbnails position</p>\n"
-                    }
-                },
-                "orientation": {
-                    "name": "orientation",
-                    "getSignature": {
-                        "name": "orientation",
-                        "type": "",
-                        "returnType": "\"horizontal\" | \"vertical\"",
-                        "line": 82,
-                        "rawdescription": "\nSet sliding direction",
-                        "description": "<p>Set sliding direction</p>\n"
-                    }
-                },
-                "disableThumb": {
-                    "name": "disableThumb",
-                    "getSignature": {
-                        "name": "disableThumb",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 87,
-                        "rawdescription": "\nDisable thumbnails' clicks",
-                        "description": "<p>Disable thumbnails&#39; clicks</p>\n"
-                    }
-                },
-                "bulletDisabled": {
-                    "name": "bulletDisabled",
-                    "getSignature": {
-                        "name": "bulletDisabled",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 92,
-                        "rawdescription": "\nSet bullets' clicks",
-                        "description": "<p>Set bullets&#39; clicks</p>\n"
-                    }
-                },
-                "bulletPosition": {
-                    "name": "bulletPosition",
-                    "getSignature": {
-                        "name": "bulletPosition",
-                        "type": "",
-                        "returnType": "\"top\" | \"bottom\"",
-                        "line": 97,
-                        "rawdescription": "\nSet gallery bullets position",
-                        "description": "<p>Set gallery bullets position</p>\n"
-                    }
-                },
-                "imageSize": {
-                    "name": "imageSize",
-                    "getSignature": {
-                        "name": "imageSize",
-                        "type": "",
-                        "returnType": "\"cover\" | \"contain\"",
-                        "line": 102,
-                        "rawdescription": "\nSet gallery image size property",
-                        "description": "<p>Set gallery image size property</p>\n"
-                    }
-                },
-                "thumbImageSize": {
-                    "name": "thumbImageSize",
-                    "getSignature": {
-                        "name": "thumbImageSize",
-                        "type": "",
-                        "returnType": "\"contain\" | \"cover\"",
-                        "line": 107,
-                        "rawdescription": "\nSet gallery thumb image size property",
-                        "description": "<p>Set gallery thumb image size property</p>\n"
-                    }
-                },
-                "counterPosition": {
-                    "name": "counterPosition",
-                    "getSignature": {
-                        "name": "counterPosition",
-                        "type": "",
-                        "returnType": "\"top\" | \"bottom\"",
-                        "line": 112,
-                        "rawdescription": "\nSet gallery counter position",
-                        "description": "<p>Set gallery counter position</p>\n"
-                    }
-                },
-                "scrollDisabled": {
-                    "name": "scrollDisabled",
-                    "getSignature": {
-                        "name": "scrollDisabled",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 117,
-                        "rawdescription": "\nDisable sliding using sliding via touchpad, mousewheel and gestures",
-                        "description": "<p>Disable sliding using sliding via touchpad, mousewheel and gestures</p>\n"
-                    }
-                },
-                "thumbScrollDisabled": {
-                    "name": "thumbScrollDisabled",
-                    "getSignature": {
-                        "name": "thumbScrollDisabled",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 122,
-                        "rawdescription": "\nDisable thumb sliding using sliding via touchpad, mousewheel and gestures",
-                        "description": "<p>Disable thumb sliding using sliding via touchpad, mousewheel and gestures</p>\n"
-                    }
-                },
-                "itemAutosize": {
-                    "name": "itemAutosize",
-                    "getSignature": {
-                        "name": "itemAutosize",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 127,
-                        "rawdescription": "\nSet items autosize styles",
-                        "description": "<p>Set items autosize styles</p>\n"
-                    }
-                },
-                "autoHeight": {
-                    "name": "autoHeight",
-                    "getSignature": {
-                        "name": "autoHeight",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 132,
-                        "rawdescription": "\nSet gallery autoHeight styles",
-                        "description": "<p>Set gallery autoHeight styles</p>\n"
-                    }
-                },
-                "thumbAutosize": {
-                    "name": "thumbAutosize",
-                    "getSignature": {
-                        "name": "thumbAutosize",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 137,
-                        "rawdescription": "\nSet gallery thumb autosize styles",
-                        "description": "<p>Set gallery thumb autosize styles</p>\n"
-                    }
-                },
-                "direction": {
-                    "name": "direction",
-                    "getSignature": {
-                        "name": "direction",
-                        "type": "",
-                        "returnType": "Direction",
-                        "line": 142,
-                        "rawdescription": "\nSet direction",
-                        "description": "<p>Set direction</p>\n"
-                    }
-                },
-                "debug": {
-                    "name": "debug",
-                    "getSignature": {
-                        "name": "debug",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 147,
-                        "rawdescription": "\nSet debug style",
-                        "description": "<p>Set debug style</p>\n"
-                    }
-                }
-            }
-        },
-        {
-            "name": "GalleryCounterComponent",
-            "id": "component-GalleryCounterComponent-c248b3b0b6b8f0d3298ca31037cb1a504376fe2b67f55c2275da836b4d13b5540ae785d4fa76ddfce225a78c2490a8e8140bb2cd4138e8ebc19b17083481a5f7",
-            "file": "projects/ng-gallery/src/lib/components/gallery-counter.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-counter",
-            "styleUrls": [
-                "./gallery-counter.scss"
-            ],
-            "styles": [],
-            "template": "<div class=\"g-counter\">{{ (state.currIndex + 1) + ' / ' + state.items.length }}</div>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 14,
-                    "type": "GalleryState",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [],
-            "propertiesClass": [],
-            "methodsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\r\nimport { GalleryState } from '../models/gallery.model';\r\n\r\n@Component({\r\n  selector: 'gallery-counter',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./gallery-counter.scss'],\r\n  template: `\r\n    <div class=\"g-counter\">{{ (state.currIndex + 1) + ' / ' + state.items.length }}</div>\r\n  `,\r\n  standalone: true\r\n})\r\nexport class GalleryCounterComponent {\r\n  @Input() state: GalleryState;\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": [
-                {
-                    "data": ".g-counter {\r\n  font-weight: bold;\r\n  user-select: none;\r\n  opacity: 0.6;\r\n  transition: opacity linear 150ms;\r\n  z-index: 50;\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%) perspective(1px);\r\n  font-size: 12px;\r\n  padding: 4px 10px;\r\n  color: var(--g-font-color);\r\n  background-color: var(--g-overlay-color);\r\n  box-shadow: var(--g-box-shadow);\r\n\r\n  top: var(--counter-top);\r\n  bottom: var(--counter-bottom);\r\n  border-radius: var(--counter-border-radius);\r\n\r\n  &:hover {\r\n    opacity: 0.8;\r\n  }\r\n}\r\n",
-                    "styleUrl": "./gallery-counter.scss"
-                }
-            ],
-            "stylesData": ""
-        },
-        {
-            "name": "GalleryIframeComponent",
-            "id": "component-GalleryIframeComponent-f80fe77d8a6d367c9515bf9b4da61d8c7535dc721032b9dc75e5bd532552daf36798da47e8ddfa9c551a720e012b267c2553c4a2ca0aab949041ccb52847a902",
-            "file": "projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-iframe",
-            "styleUrls": [],
-            "styles": [],
-            "template": "<iframe *ngIf=\"autoplay; else default\"\n        #iframe\n        [attr.loading]=\"loadingAttr\"\n        allowfullscreen\n        allow\n        style=\"border:none\"\n        [src]=\"iframeSrc\">\n</iframe>\n<ng-template #default>\n  <iframe #iframe\n          [attr.loading]=\"loadingAttr\"\n          allowfullscreen\n          style=\"border:none\"\n          [src]=\"iframeSrc\">\n  </iframe>\n</ng-template>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "autoplay",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 52,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "loadingAttr",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 54,
-                    "type": "\"eager\" | \"lazy\"",
-                    "decorators": []
-                },
-                {
-                    "name": "pause",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 39,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "src",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 34,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [],
-            "propertiesClass": [
-                {
-                    "name": "iframe",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ElementRef",
-                    "optional": false,
-                    "description": "",
-                    "line": 56,
-                    "decorators": [
-                        {
-                            "name": "ViewChild",
-                            "stringifiedArguments": "'iframe'"
-                        }
-                    ],
-                    "modifierKind": [
-                        167
-                    ]
-                },
-                {
-                    "name": "iframeSrc",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "SafeResourceUrl",
-                    "optional": false,
-                    "description": "",
-                    "line": 31
-                },
-                {
-                    "name": "videoSrc",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 32
-                }
-            ],
-            "methodsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "NgIf"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import { Component, Input, ViewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { NgIf } from '@angular/common';\r\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\r\n\r\n@Component({\r\n  selector: 'gallery-iframe',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: `\r\n    <iframe *ngIf=\"autoplay; else default\"\r\n            #iframe\r\n            [attr.loading]=\"loadingAttr\"\r\n            allowfullscreen\r\n            allow\r\n            style=\"border:none\"\r\n            [src]=\"iframeSrc\">\r\n    </iframe>\r\n    <ng-template #default>\r\n      <iframe #iframe\r\n              [attr.loading]=\"loadingAttr\"\r\n              allowfullscreen\r\n              style=\"border:none\"\r\n              [src]=\"iframeSrc\">\r\n      </iframe>\r\n    </ng-template>\r\n  `,\r\n  standalone: true,\r\n  imports: [NgIf]\r\n})\r\nexport class GalleryIframeComponent {\r\n\r\n  iframeSrc: SafeResourceUrl;\r\n  videoSrc: string;\r\n\r\n  @Input('src') set src(src: string) {\r\n    this.videoSrc = src;\r\n    this.iframeSrc = this._sanitizer.bypassSecurityTrustResourceUrl(src);\r\n  }\r\n\r\n  @Input('pause') set pauseVideo(shouldPause: boolean) {\r\n    if (this.iframe?.nativeElement) {\r\n      if (shouldPause) {\r\n        const iframe: HTMLIFrameElement = this.iframe.nativeElement;\r\n        iframe.src = null;\r\n\r\n        if (!this.autoplay && this.videoSrc) {\r\n          this.iframeSrc = this._sanitizer.bypassSecurityTrustResourceUrl(this.videoSrc);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @Input() autoplay: boolean;\r\n\r\n  @Input() loadingAttr: 'eager' | 'lazy';\r\n\r\n  @ViewChild('iframe') iframe: ElementRef;\r\n\r\n  constructor(private _sanitizer: DomSanitizer) {\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": "",
-            "stylesData": "",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_sanitizer",
-                        "type": "DomSanitizer",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 56,
-                "jsdoctags": [
-                    {
-                        "name": "_sanitizer",
-                        "type": "DomSanitizer",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "accessors": {
-                "src": {
-                    "name": "src",
-                    "setSignature": {
-                        "name": "src",
-                        "type": "void",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "args": [
-                            {
-                                "name": "src",
-                                "type": "string",
-                                "deprecated": false,
-                                "deprecationMessage": ""
-                            }
-                        ],
-                        "returnType": "void",
-                        "line": 34,
-                        "jsdoctags": [
-                            {
-                                "name": "src",
-                                "type": "string",
-                                "deprecated": false,
-                                "deprecationMessage": "",
-                                "tagName": {
-                                    "text": "param"
-                                }
-                            }
-                        ]
-                    }
-                },
-                "pauseVideo": {
-                    "name": "pauseVideo",
-                    "setSignature": {
-                        "name": "pauseVideo",
-                        "type": "void",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "args": [
-                            {
-                                "name": "shouldPause",
-                                "type": "boolean",
-                                "deprecated": false,
-                                "deprecationMessage": ""
-                            }
-                        ],
-                        "returnType": "void",
-                        "line": 39,
-                        "jsdoctags": [
-                            {
-                                "name": "shouldPause",
-                                "type": "boolean",
-                                "deprecated": false,
-                                "deprecationMessage": "",
-                                "tagName": {
-                                    "text": "param"
-                                }
-                            }
-                        ]
-                    }
-                }
-            }
-        },
-        {
-            "name": "GalleryImageComponent",
-            "id": "component-GalleryImageComponent-2ecb40ba37998297cbb5c07d50509e1eb10d2408f3d8cf25b5736c7999f6701872985ee34f4f7483a0fd99bdfcf71149ac5b4d41b1ed2b2f467734f089840705",
-            "file": "projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-image",
-            "styleUrls": [
-                "./gallery-image.scss"
-            ],
-            "styles": [],
-            "template": "<ng-container [ngSwitch]=\"state\">\n\n  <ng-container *ngIf=\"isThumbnail; else main\">\n    <img [@fadeIn]=\"state\"\n         [src]=\"src\"\n         [attr.alt]=\"alt\"\n         [attr.loading]=\"loadingAttr\"\n         [style.visibility]=\"state === 'success' ? 'visible' : 'hidden'\"\n         class=\"g-image-item\"\n         (load)=\"state = 'success'\"\n         (error)=\"state = 'failed'; error.emit($event)\"/>\n  </ng-container>\n  <ng-template #main>\n    <img [galleryImage]=\"index\"\n         [@fadeIn]=\"state\"\n         [src]=\"src\"\n         [attr.alt]=\"alt\"\n         [attr.loading]=\"loadingAttr\"\n         [style.visibility]=\"state === 'success' ? 'visible' : 'hidden'\"\n         class=\"g-image-item\"\n         (load)=\"state = 'success'\"\n         (error)=\"state = 'failed'; error.emit($event)\"/>\n  </ng-template>\n\n  <div *ngSwitchCase=\"'failed'\"\n       class=\"g-image-error-message\">\n    <div *ngIf=\"errorTemplate; else defaultError\"\n         [innerHTML]=\"errorTemplate\"></div>\n    <ng-template #defaultError>\n      <ng-container *ngIf=\"isThumbnail; else isLarge\">\n        <h4>\n          <div class=\"gallery-thumb-error\" [innerHTML]=\"errorSvg\"></div>\n        </h4>\n      </ng-container>\n      <ng-template #isLarge>\n        <h2>\n          <div class=\"gallery-image-error\" [innerHTML]=\"errorSvg\"></div>\n        </h2>\n        <p>Unable to load the image!</p>\n      </ng-template>\n    </ng-template>\n  </div>\n\n  <ng-container *ngSwitchCase=\"'loading'\">\n    <div *ngIf=\"loaderTemplate; else defaultLoader\"\n         class=\"g-loading\"\n         [innerHTML]=\"loaderTemplate\">\n    </div>\n    <ng-template #defaultLoader>\n      <div *ngIf=\"isThumbnail\" class=\"g-thumb-loading\"></div>\n    </ng-template>\n  </ng-container>\n</ng-container>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "alt",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nImage alt",
-                    "description": "<p>Image alt</p>\n",
-                    "line": 101,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "errorIcon",
-                    "defaultValue": "imageFailedSvg",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 116,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "index",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 95,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "isThumbnail",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nIs thumbnail",
-                    "description": "<p>Is thumbnail</p>\n",
-                    "line": 93,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "loadingAttr",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nImage loading attribute",
-                    "description": "<p>Image loading attribute</p>\n",
-                    "line": 98,
-                    "type": "\"eager\" | \"lazy\"",
-                    "decorators": []
-                },
-                {
-                    "name": "loadingError",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nCustom error template",
-                    "description": "<p>Custom error template</p>\n",
-                    "line": 112,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "loadingIcon",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nCustom loader template",
-                    "description": "<p>Custom loader template</p>\n",
-                    "line": 107,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "src",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nImage source URL",
-                    "description": "<p>Image source URL</p>\n",
-                    "line": 104,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "error",
-                    "defaultValue": "new EventEmitter<ErrorEvent>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nStream that emits when an error occurs",
-                    "description": "<p>Stream that emits when an error occurs</p>\n",
-                    "line": 120,
-                    "type": "EventEmitter<ErrorEvent>"
-                }
-            ],
-            "propertiesClass": [
-                {
-                    "name": "errorSvg",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "SafeHtml",
-                    "optional": false,
-                    "description": "",
-                    "line": 117
-                },
-                {
-                    "name": "errorTemplate",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "SafeHtml",
-                    "optional": false,
-                    "description": "<p>Custom error safe template</p>\n",
-                    "line": 114,
-                    "rawdescription": "\nCustom error safe template"
-                },
-                {
-                    "name": "loaderTemplate",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "SafeHtml",
-                    "optional": false,
-                    "description": "<p>Custom loader safe template</p>\n",
-                    "line": 109,
-                    "rawdescription": "\nCustom loader safe template"
-                },
-                {
-                    "name": "state",
-                    "defaultValue": "'loading'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ItemState",
-                    "optional": false,
-                    "description": "",
-                    "line": 90
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngOnInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 129,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "name": "attr.imageState",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 122,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "NgSwitch"
-                },
-                {
-                    "name": "NgSwitchCase"
-                },
-                {
-                    "name": "NgIf"
-                },
-                {
-                    "name": "ImgRecognizer"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  HostBinding,\r\n  EventEmitter,\r\n  OnInit,\r\n  ChangeDetectionStrategy\r\n} from '@angular/core';\r\nimport { NgSwitch, NgSwitchCase, NgIf } from '@angular/common';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { animate, style, transition, trigger } from '@angular/animations';\r\nimport { imageFailedSvg } from './svg-assets';\r\nimport { ImgRecognizer } from '../../utils/img-recognizer';\r\nimport { ItemState } from './items.model';\r\n\r\n@Component({\r\n  selector: 'gallery-image',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./gallery-image.scss'],\r\n  animations: [\r\n    trigger('fadeIn', [\r\n      transition('* => success', [\r\n        style({ opacity: 0 }),\r\n        animate('300ms ease-in', style({ opacity: 1 }))\r\n      ])\r\n    ])\r\n  ],\r\n  template: `\r\n    <ng-container [ngSwitch]=\"state\">\r\n\r\n      <ng-container *ngIf=\"isThumbnail; else main\">\r\n        <img [@fadeIn]=\"state\"\r\n             [src]=\"src\"\r\n             [attr.alt]=\"alt\"\r\n             [attr.loading]=\"loadingAttr\"\r\n             [style.visibility]=\"state === 'success' ? 'visible' : 'hidden'\"\r\n             class=\"g-image-item\"\r\n             (load)=\"state = 'success'\"\r\n             (error)=\"state = 'failed'; error.emit($event)\"/>\r\n      </ng-container>\r\n      <ng-template #main>\r\n        <img [galleryImage]=\"index\"\r\n             [@fadeIn]=\"state\"\r\n             [src]=\"src\"\r\n             [attr.alt]=\"alt\"\r\n             [attr.loading]=\"loadingAttr\"\r\n             [style.visibility]=\"state === 'success' ? 'visible' : 'hidden'\"\r\n             class=\"g-image-item\"\r\n             (load)=\"state = 'success'\"\r\n             (error)=\"state = 'failed'; error.emit($event)\"/>\r\n      </ng-template>\r\n\r\n      <div *ngSwitchCase=\"'failed'\"\r\n           class=\"g-image-error-message\">\r\n        <div *ngIf=\"errorTemplate; else defaultError\"\r\n             [innerHTML]=\"errorTemplate\"></div>\r\n        <ng-template #defaultError>\r\n          <ng-container *ngIf=\"isThumbnail; else isLarge\">\r\n            <h4>\r\n              <div class=\"gallery-thumb-error\" [innerHTML]=\"errorSvg\"></div>\r\n            </h4>\r\n          </ng-container>\r\n          <ng-template #isLarge>\r\n            <h2>\r\n              <div class=\"gallery-image-error\" [innerHTML]=\"errorSvg\"></div>\r\n            </h2>\r\n            <p>Unable to load the image!</p>\r\n          </ng-template>\r\n        </ng-template>\r\n      </div>\r\n\r\n      <ng-container *ngSwitchCase=\"'loading'\">\r\n        <div *ngIf=\"loaderTemplate; else defaultLoader\"\r\n             class=\"g-loading\"\r\n             [innerHTML]=\"loaderTemplate\">\r\n        </div>\r\n        <ng-template #defaultLoader>\r\n          <div *ngIf=\"isThumbnail\" class=\"g-thumb-loading\"></div>\r\n        </ng-template>\r\n      </ng-container>\r\n    </ng-container>\r\n  `,\r\n  standalone: true,\r\n  imports: [NgSwitch, NgSwitchCase, NgIf, ImgRecognizer]\r\n})\r\n\r\nexport class GalleryImageComponent implements OnInit {\r\n\r\n  state: ItemState = 'loading';\r\n\r\n  /** Is thumbnail */\r\n  @Input() isThumbnail: boolean;\r\n\r\n  @Input() index: number;\r\n\r\n  /** Image loading attribute */\r\n  @Input() loadingAttr: 'eager' | 'lazy';\r\n\r\n  /** Image alt */\r\n  @Input() alt: string;\r\n\r\n  /** Image source URL */\r\n  @Input() src: string;\r\n\r\n  /** Custom loader template */\r\n  @Input() loadingIcon: string;\r\n  /** Custom loader safe template */\r\n  loaderTemplate: SafeHtml;\r\n\r\n  /** Custom error template */\r\n  @Input() loadingError: string;\r\n  /** Custom error safe template */\r\n  errorTemplate: SafeHtml;\r\n\r\n  @Input() errorIcon: string = imageFailedSvg;\r\n  errorSvg: SafeHtml;\r\n\r\n  /** Stream that emits when an error occurs */\r\n  @Output() error: EventEmitter<ErrorEvent> = new EventEmitter<ErrorEvent>();\r\n\r\n  @HostBinding('attr.imageState') get imageState(): string {\r\n    return this.state;\r\n  }\r\n\r\n  constructor(private _sanitizer: DomSanitizer) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    if (this.loadingIcon) {\r\n      this.loaderTemplate = this._sanitizer.bypassSecurityTrustHtml(this.loadingIcon);\r\n    }\r\n    if (this.loadingError) {\r\n      this.errorTemplate = this._sanitizer.bypassSecurityTrustHtml(this.loadingError);\r\n    }\r\n    if (this.errorIcon) {\r\n      this.errorSvg = this._sanitizer.bypassSecurityTrustHtml(this.errorIcon);\r\n    }\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": [
-                {
-                    "data": ":host {\r\n  display: flex;\r\n  width: 100%;\r\n  height: 100%;\r\n  max-height: 100%;\r\n  max-width: 100%;\r\n  transition: opacity 300ms cubic-bezier(0.5, 0, 0.5, 1);\r\n  opacity: var(--g-thumb-opacity);\r\n\r\n  &[imageState='success'] {\r\n    align-self: center;\r\n  }\r\n\r\n  ::ng-deep {\r\n    svg {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.gallery-image-error {\r\n  width: 100px;\r\n  height: 100px;\r\n}\r\n\r\n.gallery-thumb-error {\r\n  width: 40px;\r\n  height: 40px;\r\n}\r\n\r\nimg.g-image-item {\r\n  object-fit: var(--image-object-fit);\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n  max-height: 100%;\r\n  max-width: 100%;\r\n}\r\n\r\n.g-image-error-message {\r\n  position: absolute;\r\n  z-index: 10;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n}\r\n\r\nh2, h4 {\r\n  color: coral;\r\n  margin: 0;\r\n}\r\n\r\nh2 {\r\n  font-size: 3.5em;\r\n  margin-bottom: 0.3em;\r\n}\r\n\r\nh4 {\r\n  font-size: 1.6em;\r\n}\r\n\r\n.g-loading {\r\n  position: absolute;\r\n  transform: translate3d(-50%, -50%, 0);\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 80px;\r\n  height: 80px;\r\n}\r\n\r\n// Thumbnail loading\r\n\r\n$loading-color: #fff !default;\r\n$placeholder-ng: #262626 !default;\r\n\r\n.g-active-thumb {\r\n  .g-thumb-loading {\r\n    background-color: #464646;\r\n  }\r\n}\r\n\r\n.g-thumb-loading {\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: $placeholder-ng;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 50%;\r\n    z-index: 1;\r\n    width: 500%;\r\n    margin-left: -250%;\r\n    animation: phAnimation .8s linear infinite;\r\n    background: linear-gradient(to right, rgba($loading-color, 0) 46%, rgba($loading-color, .35) 50%, rgba($loading-color, 0) 54%) 50% 50%;\r\n  }\r\n}\r\n\r\n@keyframes phAnimation {\r\n  0% {\r\n    transform: translate3d(-30%, 0, 0);\r\n  }\r\n  100% {\r\n    transform: translate3d(30%, 0, 0);\r\n  }\r\n}\r\n",
-                    "styleUrl": "./gallery-image.scss"
-                }
-            ],
-            "stylesData": "",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_sanitizer",
-                        "type": "DomSanitizer",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 124,
-                "jsdoctags": [
-                    {
-                        "name": "_sanitizer",
-                        "type": "DomSanitizer",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "implements": [
-                "OnInit"
-            ],
-            "accessors": {
-                "imageState": {
-                    "name": "imageState",
-                    "getSignature": {
-                        "name": "imageState",
-                        "type": "string",
-                        "returnType": "string",
-                        "line": 122
-                    }
-                }
-            }
-        },
-        {
-            "name": "GalleryItemComponent",
-            "id": "component-GalleryItemComponent-658b2eb839084d173eb340b21ce8e09f3515d46388ee03d9a284ac032974bcf745aac1a4b30c49fb4bc4ba7764ec7dc22475b6432ecf70d2d669140c172fba24",
-            "file": "projects/ng-gallery/src/lib/components/gallery-item.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-item",
-            "styleUrls": [
-                "./gallery-item.scss"
-            ],
-            "styles": [],
-            "template": "<ng-container *ngIf=\"load\" [ngSwitch]=\"type\">\n  <ng-container *ngSwitchCase=\"Types.Image\">\n    <gallery-image [src]=\"imageData.src\"\n                   [alt]=\"imageData.alt\"\n                   [index]=\"index\"\n                   [loadingAttr]=\"config.loadingAttr\"\n                   [loadingIcon]=\"config.loadingIcon\"\n                   [loadingError]=\"config.loadingError\"\n                   (error)=\"error.emit($event)\"></gallery-image>\n\n    <div *ngIf=\"config.imageTemplate\" class=\"g-template g-item-template\">\n      <ng-container *ngTemplateOutlet=\"config.imageTemplate; context: imageContext\"></ng-container>\n    </div>\n  </ng-container>\n\n  <gallery-video *ngSwitchCase=\"Types.Video\"\n                 [src]=\"videoData.src\"\n                 [mute]=\"videoData.mute\"\n                 [poster]=\"videoData.poster\"\n                 [controls]=\"videoData.controls\"\n                 [controlsList]=\"videoData.controlsList\"\n                 [disablePictureInPicture]=\"videoData.disablePictureInPicture\"\n                 [play]=\"isAutoPlay\"\n                 [pause]=\"currIndex !== index\"\n                 (error)=\"error.emit($event)\"></gallery-video>\n\n  <gallery-iframe *ngSwitchCase=\"Types.Youtube\"\n                  [src]=\"youtubeSrc\"\n                  [autoplay]=\"isAutoPlay\"\n                  [loadingAttr]=\"config.loadingAttr\"\n                  [pause]=\"currIndex !== index\"></gallery-iframe>\n\n  <gallery-iframe *ngSwitchCase=\"Types.Iframe\"\n                  [src]=\"data.src\"\n                  [loadingAttr]=\"config.loadingAttr\"></gallery-iframe>\n\n  <ng-container *ngSwitchDefault>\n    <div *ngIf=\"config.itemTemplate\" class=\"g-template g-item-template\">\n      <ng-container *ngTemplateOutlet=\"config.itemTemplate; context: itemContext\"></ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nGallery config",
-                    "description": "<p>Gallery config</p>\n",
-                    "line": 84,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "count",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nThe number of total items",
-                    "description": "<p>The number of total items</p>\n",
-                    "line": 90,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "currIndex",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nGallery current index",
-                    "description": "<p>Gallery current index</p>\n",
-                    "line": 93,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "data",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nItem's data, this object contains the data required to display the content (e.g. src path)",
-                    "description": "<p>Item&#39;s data, this object contains the data required to display the content (e.g. src path)</p>\n",
-                    "line": 99,
-                    "type": "GalleryItemData",
-                    "decorators": []
-                },
-                {
-                    "name": "index",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nItem's index in the gallery",
-                    "description": "<p>Item&#39;s index in the gallery</p>\n",
-                    "line": 87,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "type",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nItem's type 'image', 'video', 'youtube', 'iframe'",
-                    "description": "<p>Item&#39;s type &#39;image&#39;, &#39;video&#39;, &#39;youtube&#39;, &#39;iframe&#39;</p>\n",
-                    "line": 96,
-                    "type": "GalleryItemType",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "error",
-                    "defaultValue": "new EventEmitter<ErrorEvent>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nStream that emits when an error occurs",
-                    "description": "<p>Stream that emits when an error occurs</p>\n",
-                    "line": 102,
-                    "type": "EventEmitter<ErrorEvent>"
-                }
-            ],
-            "propertiesClass": [
-                {
-                    "name": "isItemContainImage",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": false,
-                    "description": "<p>A flag that indicates if the item is type of image, it can be a custom template by the user,\nThe img recognizer directive will set it to true</p>\n",
-                    "line": 81,
-                    "rawdescription": "\nA flag that indicates if the item is type of image, it can be a custom template by the user,\nThe img recognizer directive will set it to true"
-                },
-                {
-                    "name": "state$",
-                    "defaultValue": "new BehaviorSubject<ItemState>('loading')",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "BehaviorSubject<ItemState>",
-                    "optional": false,
-                    "description": "<p>A stream that indicates that the height was emitted after the image is loaded, used only for gallery image types</p>\n",
-                    "line": 77,
-                    "rawdescription": "\nA stream that indicates that the height was emitted after the image is loaded, used only for gallery image types",
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "Types",
-                    "defaultValue": "GalleryItemTypes",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 74,
-                    "modifierKind": [
-                        146
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngAfterViewInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 188,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "name": "attr.galleryIndex",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 108,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "attr.itemState",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 112,
-                    "type": "ItemState",
-                    "decorators": []
-                },
-                {
-                    "name": "class.g-active-item",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 104,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "CommonModule",
-                    "type": "module"
-                },
-                {
-                    "name": "GalleryImageComponent",
-                    "type": "component"
-                },
-                {
-                    "name": "GalleryVideoComponent",
-                    "type": "component"
-                },
-                {
-                    "name": "GalleryIframeComponent",
-                    "type": "component"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import {\r\n  Component,\r\n  HostBinding,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ElementRef,\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { GalleryItemContext } from '../directives/gallery-item-def.directive';\r\nimport { GalleryIframeComponent } from './templates/gallery-iframe.component';\r\nimport { GalleryVideoComponent } from './templates/gallery-video.component';\r\nimport { GalleryImageComponent } from './templates/gallery-image.component';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { GalleryItemType, GalleryItemTypes, LoadingStrategy } from '../models/constants';\r\nimport { GalleryItemData, ImageItemData, ItemState, VideoItemData, YoutubeItemData } from './templates/items.model';\r\n\r\n@Component({\r\n  selector: 'gallery-item',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./gallery-item.scss'],\r\n  template: `\r\n    <ng-container *ngIf=\"load\" [ngSwitch]=\"type\">\r\n      <ng-container *ngSwitchCase=\"Types.Image\">\r\n        <gallery-image [src]=\"imageData.src\"\r\n                       [alt]=\"imageData.alt\"\r\n                       [index]=\"index\"\r\n                       [loadingAttr]=\"config.loadingAttr\"\r\n                       [loadingIcon]=\"config.loadingIcon\"\r\n                       [loadingError]=\"config.loadingError\"\r\n                       (error)=\"error.emit($event)\"></gallery-image>\r\n\r\n        <div *ngIf=\"config.imageTemplate\" class=\"g-template g-item-template\">\r\n          <ng-container *ngTemplateOutlet=\"config.imageTemplate; context: imageContext\"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <gallery-video *ngSwitchCase=\"Types.Video\"\r\n                     [src]=\"videoData.src\"\r\n                     [mute]=\"videoData.mute\"\r\n                     [poster]=\"videoData.poster\"\r\n                     [controls]=\"videoData.controls\"\r\n                     [controlsList]=\"videoData.controlsList\"\r\n                     [disablePictureInPicture]=\"videoData.disablePictureInPicture\"\r\n                     [play]=\"isAutoPlay\"\r\n                     [pause]=\"currIndex !== index\"\r\n                     (error)=\"error.emit($event)\"></gallery-video>\r\n\r\n      <gallery-iframe *ngSwitchCase=\"Types.Youtube\"\r\n                      [src]=\"youtubeSrc\"\r\n                      [autoplay]=\"isAutoPlay\"\r\n                      [loadingAttr]=\"config.loadingAttr\"\r\n                      [pause]=\"currIndex !== index\"></gallery-iframe>\r\n\r\n      <gallery-iframe *ngSwitchCase=\"Types.Iframe\"\r\n                      [src]=\"data.src\"\r\n                      [loadingAttr]=\"config.loadingAttr\"></gallery-iframe>\r\n\r\n      <ng-container *ngSwitchDefault>\r\n        <div *ngIf=\"config.itemTemplate\" class=\"g-template g-item-template\">\r\n          <ng-container *ngTemplateOutlet=\"config.itemTemplate; context: itemContext\"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n  `,\r\n  standalone: true,\r\n  imports: [CommonModule, GalleryImageComponent, GalleryVideoComponent, GalleryIframeComponent]\r\n})\r\nexport class GalleryItemComponent implements AfterViewInit {\r\n\r\n  readonly Types = GalleryItemTypes;\r\n\r\n  /** A stream that indicates that the height was emitted after the image is loaded, used only for gallery image types */\r\n  readonly state$: BehaviorSubject<ItemState> = new BehaviorSubject<ItemState>('loading');\r\n\r\n  /** A flag that indicates if the item is type of image, it can be a custom template by the user,\r\n   * The img recognizer directive will set it to true*/\r\n  isItemContainImage: boolean;\r\n\r\n  /** Gallery config */\r\n  @Input() config: GalleryConfig;\r\n\r\n  /** Item's index in the gallery */\r\n  @Input() index: number;\r\n\r\n  /** The number of total items */\r\n  @Input() count: number;\r\n\r\n  /** Gallery current index */\r\n  @Input() currIndex: number;\r\n\r\n  /** Item's type 'image', 'video', 'youtube', 'iframe' */\r\n  @Input() type: GalleryItemType;\r\n\r\n  /** Item's data, this object contains the data required to display the content (e.g. src path) */\r\n  @Input() data: GalleryItemData;\r\n\r\n  /** Stream that emits when an error occurs */\r\n  @Output() error: EventEmitter<ErrorEvent> = new EventEmitter<ErrorEvent>();\r\n\r\n  @HostBinding('class.g-active-item') get isActive(): boolean {\r\n    return this.index === this.currIndex;\r\n  }\r\n\r\n  @HostBinding('attr.galleryIndex') get isIndexAttr(): number {\r\n    return this.index;\r\n  }\r\n\r\n  @HostBinding('attr.itemState') get itemState(): ItemState {\r\n    return this.state$.value;\r\n  }\r\n\r\n  get imageContext(): GalleryItemContext<ImageItemData> {\r\n    return {\r\n      $implicit: this.imageData,\r\n      index: this.index,\r\n      type: this.type,\r\n      active: this.isActive,\r\n      count: this.count,\r\n      first: this.index === 0,\r\n      last: this.index === this.count - 1\r\n    };\r\n  }\r\n\r\n  get itemContext(): GalleryItemContext<GalleryItemData> {\r\n    return {\r\n      $implicit: this.data,\r\n      index: this.index,\r\n      type: this.type,\r\n      active: this.isActive,\r\n      count: this.count,\r\n      first: this.index === 0,\r\n      last: this.index === this.count - 1\r\n    };\r\n  }\r\n\r\n  get nativeElement(): HTMLElement {\r\n    return this.el.nativeElement;\r\n  }\r\n\r\n  get isAutoPlay(): boolean {\r\n    if (this.isActive) {\r\n      if (this.type === GalleryItemTypes.Video || this.type === GalleryItemTypes.Youtube) {\r\n        return this.videoData.autoplay;\r\n      }\r\n    }\r\n  }\r\n\r\n  get youtubeSrc(): string {\r\n    let autoplay: 1 | 0 = 0;\r\n    if (this.isActive && this.type === GalleryItemTypes.Youtube && (this.data as YoutubeItemData).autoplay) {\r\n      autoplay = 1;\r\n    }\r\n    const url: URL = new URL(this.data.src as string);\r\n    url.search = new URLSearchParams({\r\n      wmode: 'transparent',\r\n      ...(this.data as YoutubeItemData).params,\r\n      autoplay\r\n    }).toString();\r\n    return url.href;\r\n  }\r\n\r\n  get load(): boolean {\r\n    switch (this.config.loadingStrategy) {\r\n      case LoadingStrategy.Preload:\r\n        return true;\r\n      case LoadingStrategy.Lazy:\r\n        return this.currIndex === this.index;\r\n      default:\r\n        return this.currIndex === this.index || this.currIndex === this.index - 1 || this.currIndex === this.index + 1;\r\n    }\r\n  }\r\n\r\n  get imageData(): ImageItemData {\r\n    return this.data;\r\n  }\r\n\r\n  get videoData(): VideoItemData {\r\n    return this.data;\r\n  }\r\n\r\n  constructor(private el: ElementRef) {\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    // If item does not contain an image, then set the state to DONE\r\n    if (!this.isItemContainImage) {\r\n      this.state$.next('success');\r\n    }\r\n  }\r\n}\r\n\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": [
-                {
-                    "data": ":host {\r\n  cursor: var(--g-item-cursor);\r\n  height: var(--g-item-height);\r\n  width: var(--g-item-width);\r\n  max-height: var(--g-item-max-height);\r\n  max-width: var(--slider-width);\r\n  z-index: 10;\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 0 0 auto;\r\n  scroll-snap-align: center;\r\n\r\n  // Disable highlighting the elements on mouse move or click\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n\r\n  // In itemAutoSize is true, item size will be zero until it is loaded, fallback to the slider size\r\n  &[itemState='loading'] {\r\n    width: var(--slider-width);\r\n    height: var(--slider-height);\r\n  }\r\n\r\n  > * {\r\n    height: 100%;\r\n  }\r\n\r\n  ::ng-deep {\r\n    video, iframe {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n\r\ngallery-image {\r\n  width: var(--g-item-width);\r\n  height: var(--g-item-height);\r\n}\r\n\r\n.g-template {\r\n  position: absolute;\r\n  z-index: 10;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n}\r\n",
-                    "styleUrl": "./gallery-item.scss"
-                }
-            ],
-            "stylesData": "",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "el",
-                        "type": "ElementRef",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 183,
-                "jsdoctags": [
-                    {
-                        "name": "el",
-                        "type": "ElementRef",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "implements": [
-                "AfterViewInit"
-            ],
-            "accessors": {
-                "isActive": {
-                    "name": "isActive",
-                    "getSignature": {
-                        "name": "isActive",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 104
-                    }
-                },
-                "isIndexAttr": {
-                    "name": "isIndexAttr",
-                    "getSignature": {
-                        "name": "isIndexAttr",
-                        "type": "number",
-                        "returnType": "number",
-                        "line": 108
-                    }
-                },
-                "itemState": {
-                    "name": "itemState",
-                    "getSignature": {
-                        "name": "itemState",
-                        "type": "",
-                        "returnType": "ItemState",
-                        "line": 112
-                    }
-                },
-                "imageContext": {
-                    "name": "imageContext",
-                    "getSignature": {
-                        "name": "imageContext",
-                        "type": "",
-                        "returnType": "GalleryItemContext<ImageItemData>",
-                        "line": 116
-                    }
-                },
-                "itemContext": {
-                    "name": "itemContext",
-                    "getSignature": {
-                        "name": "itemContext",
-                        "type": "",
-                        "returnType": "GalleryItemContext<GalleryItemData>",
-                        "line": 128
-                    }
-                },
-                "nativeElement": {
-                    "name": "nativeElement",
-                    "getSignature": {
-                        "name": "nativeElement",
-                        "type": "",
-                        "returnType": "HTMLElement",
-                        "line": 140
-                    }
-                },
-                "isAutoPlay": {
-                    "name": "isAutoPlay",
-                    "getSignature": {
-                        "name": "isAutoPlay",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 144
-                    }
-                },
-                "youtubeSrc": {
-                    "name": "youtubeSrc",
-                    "getSignature": {
-                        "name": "youtubeSrc",
-                        "type": "string",
-                        "returnType": "string",
-                        "line": 152
-                    }
-                },
-                "load": {
-                    "name": "load",
-                    "getSignature": {
-                        "name": "load",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 166
-                    }
-                },
-                "imageData": {
-                    "name": "imageData",
-                    "getSignature": {
-                        "name": "imageData",
-                        "type": "",
-                        "returnType": "ImageItemData",
-                        "line": 177
-                    }
-                },
-                "videoData": {
-                    "name": "videoData",
-                    "getSignature": {
-                        "name": "videoData",
-                        "type": "",
-                        "returnType": "VideoItemData",
-                        "line": 181
-                    }
-                }
-            }
-        },
-        {
-            "name": "GalleryNavComponent",
-            "id": "component-GalleryNavComponent-46e7626ad70c440670b8f602a5fec6ba6bcd1a7d8e5c34268aecdd68c82e1d1e0b21e5b6d3d83feaf9c2e67cdfeb1770ab4458dcd2b918546f1c4d7bb5294360",
-            "file": "projects/ng-gallery/src/lib/components/gallery-nav.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-nav",
-            "styleUrls": [
-                "./gallery-nav.scss"
-            ],
-            "styles": [],
-            "template": "<i *ngIf=\"config.loop || state.hasPrev\"\n   class=\"g-nav-prev\"\n   aria-label=\"Previous\"\n   role=\"button\"\n   (click)=\"gallery.ref(this.id).prev(config.scrollBehavior)\"\n   [innerHtml]=\"navIcon\"></i>\n\n<i *ngIf=\"config.loop || state.hasNext\"\n   class=\"g-nav-next\"\n   aria-label=\"Next\"\n   role=\"button\"\n   (click)=\"gallery.ref(this.id).next(config.scrollBehavior)\"\n   [innerHtml]=\"navIcon\"></i>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 36,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "galleryId",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 34,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 35,
-                    "type": "GalleryState",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [],
-            "propertiesClass": [
-                {
-                    "name": "dir",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Directionality",
-                    "optional": false,
-                    "description": "",
-                    "line": 38,
-                    "modifierKind": [
-                        123
-                    ]
-                },
-                {
-                    "name": "gallery",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Gallery",
-                    "optional": false,
-                    "description": "",
-                    "line": 38,
-                    "modifierKind": [
-                        123
-                    ]
-                },
-                {
-                    "name": "navIcon",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "SafeHtml",
-                    "optional": false,
-                    "description": "",
-                    "line": 33
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "leftButton",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 49,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 41,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "rightButton",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 45,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "CommonModule",
-                    "type": "module"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import { Component, Input, OnInit, ChangeDetectionStrategy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { Directionality } from '@angular/cdk/bidi';\r\nimport { Gallery } from '../services/gallery.service';\r\nimport { GalleryState } from '../models/gallery.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\n\r\n@Component({\r\n  selector: 'gallery-nav',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./gallery-nav.scss'],\r\n  template: `\r\n    <i *ngIf=\"config.loop || state.hasPrev\"\r\n       class=\"g-nav-prev\"\r\n       aria-label=\"Previous\"\r\n       role=\"button\"\r\n       (click)=\"gallery.ref(this.id).prev(config.scrollBehavior)\"\r\n       [innerHtml]=\"navIcon\"></i>\r\n\r\n    <i *ngIf=\"config.loop || state.hasNext\"\r\n       class=\"g-nav-next\"\r\n       aria-label=\"Next\"\r\n       role=\"button\"\r\n       (click)=\"gallery.ref(this.id).next(config.scrollBehavior)\"\r\n       [innerHtml]=\"navIcon\"></i>\r\n  `,\r\n  standalone: true,\r\n  imports: [CommonModule]\r\n})\r\nexport class GalleryNavComponent implements OnInit {\r\n\r\n  navIcon: SafeHtml;\r\n  @Input('galleryId') id: string;\r\n  @Input() state: GalleryState;\r\n  @Input() config: GalleryConfig;\r\n\r\n  constructor(public gallery: Gallery, private _sanitizer: DomSanitizer, public dir: Directionality) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.navIcon = this._sanitizer.bypassSecurityTrustHtml(this.config.navIcon);\r\n  }\r\n\r\n  rightButton() {\r\n\r\n  }\r\n\r\n  leftButton(): void {\r\n\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": [
-                {
-                    "data": ".g-nav-next,\r\n.g-nav-prev {\r\n  position: absolute;\r\n  top: 50%;\r\n  display: flex;\r\n  padding: 16px 8px;\r\n  cursor: pointer;\r\n  z-index: 999;\r\n  opacity: 0.6;\r\n  transition: opacity linear 150ms, right linear 150ms, left linear 150ms;\r\n\r\n  &:hover {\r\n    opacity: 1;\r\n  }\r\n\r\n  ::ng-deep {\r\n    svg {\r\n      filter: var(--g-nav-drop-shadow);\r\n      width: 28px;\r\n      height: 28px;\r\n      fill: #fff;\r\n    }\r\n  }\r\n}\r\n\r\n.g-nav-next {\r\n  left: var(--nav-next-left);\r\n  right: var(--nav-next-right);\r\n  transform: var(--nav-next-transform);\r\n\r\n  &:hover {\r\n    left: var(--nav-next-hover-left);\r\n    right: var(--nav-next-hover-right);\r\n  }\r\n}\r\n\r\n.g-nav-prev {\r\n  left: var(--nav-prev-left);\r\n  right: var(--nav-prev-right);\r\n  transform: var(--nav-prev-transform);\r\n\r\n  &:hover {\r\n    left: var(--nav-prev-hover-left);\r\n    right: var(--nav-prev-hover-right);\r\n  }\r\n}\r\n",
-                    "styleUrl": "./gallery-nav.scss"
-                }
-            ],
-            "stylesData": "",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "_sanitizer",
-                        "type": "DomSanitizer",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "dir",
-                        "type": "Directionality",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 36,
-                "jsdoctags": [
-                    {
-                        "name": "gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "_sanitizer",
-                        "type": "DomSanitizer",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "dir",
-                        "type": "Directionality",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "implements": [
-                "OnInit"
-            ]
-        },
-        {
-            "name": "GallerySliderComponent",
-            "id": "component-GallerySliderComponent-8c5299b832f327bb20359ed9075c3ec50aa6d90b2a6dc31208ee1747da2edc10ae1f3542d9d4b43fefd90bb4361807e128b9f30704b3507f4fc014135c17251a",
-            "file": "projects/ng-gallery/src/lib/components/gallery-slider.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-slider",
-            "styleUrls": [
-                "./gallery-slider.scss"
-            ],
-            "styles": [],
-            "template": "<div #slider\n     class=\"g-slider\"\n     [attr.centralised]=\"config.itemAutosize\"\n     [smoothScroll]=\"position$ | async\"\n     [smoothScrollInterruptOnMousemove]=\"!config.disableMouseScroll\"\n     sliderIntersectionObserver\n     [sliderIntersectionObserverDisabled]=\"isScrolling || isSliding || isResizing\"\n     [hammerSliding]=\"!config.disableMouseScroll\"\n     [adapter]=\"adapter\"\n     [items]=\"items$ | async\"\n     [config]=\"config\"\n     [state]=\"state\"\n     [galleryId]=\"galleryId\"\n     (isScrollingChange)=\"isScrolling = $event\"\n     (isSlidingChange)=\"isSliding = $event\"\n     (activeIndexChange)=\"onActiveIndexChange($event)\"\n     (isResizingChange)=\"isResizing = $event\"\n     sliderResizeObserver>\n  <div class=\"g-slider-content\">\n    <gallery-item *ngFor=\"let item of state.items; trackBy: trackByFn index as i\"\n                  [attr.galleryId]=\"galleryId\"\n                  [type]=\"item.type\"\n                  [config]=\"config\"\n                  [data]=\"item.data\"\n                  [currIndex]=\"state.currIndex\"\n                  [index]=\"i\"\n                  [count]=\"state.items.length\"\n                  itemIntersectionObserver\n                  [itemIntersectionObserverDisabled]=\"isScrolling || isSliding || isResizing\"\n                  [adapter]=\"adapter\"\n                  (activeIndexChange)=\"onActiveIndexChange($event)\"\n                  (click)=\"itemClick.emit(i)\"\n                  (error)=\"error.emit({ itemIndex: i, error: $event })\"/>\n  </div>\n\n  <div *ngIf=\"config.debug\" class=\"g-slider-debug\">\n    <div class=\"g-slider-resizing\">RESIZING</div>\n    <div class=\"g-slider-scrolling\">SCROLLING</div>\n    <div class=\"g-slider-sliding\">SLIDING</div>\n  </div>\n</div>\n<ng-content></ng-content>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nGallery config",
-                    "description": "<p>Gallery config</p>\n",
-                    "line": 104,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "galleryId",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nGallery ID",
-                    "description": "<p>Gallery ID</p>\n",
-                    "line": 98,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nGallery state",
-                    "description": "<p>Gallery state</p>\n",
-                    "line": 101,
-                    "type": "GalleryState",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "error",
-                    "defaultValue": "new EventEmitter<GalleryError>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nStream that emits when an error occurs",
-                    "description": "<p>Stream that emits when an error occurs</p>\n",
-                    "line": 110,
-                    "type": "EventEmitter<GalleryError>"
-                },
-                {
-                    "name": "itemClick",
-                    "defaultValue": "new EventEmitter<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nStream that emits when item is clicked",
-                    "description": "<p>Stream that emits when item is clicked</p>\n",
-                    "line": 107,
-                    "type": "EventEmitter<number>"
-                }
-            ],
-            "propertiesClass": [
-                {
-                    "name": "adapter",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "SliderAdapter",
-                    "optional": false,
-                    "description": "<p>Slider adapter</p>\n",
-                    "line": 86,
-                    "rawdescription": "\nSlider adapter"
-                },
-                {
-                    "name": "isResizing",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": false,
-                    "description": "",
-                    "line": 95
-                },
-                {
-                    "name": "isScrolling",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": false,
-                    "description": "",
-                    "line": 91
-                },
-                {
-                    "name": "isSliding",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "optional": false,
-                    "description": "",
-                    "line": 93
-                },
-                {
-                    "name": "items",
-                    "defaultValue": "new QueryList<GalleryItemComponent>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "QueryList<GalleryItemComponent>",
-                    "optional": false,
-                    "description": "",
-                    "line": 115,
-                    "decorators": [
-                        {
-                            "name": "ViewChildren",
-                            "stringifiedArguments": "GalleryItemComponent"
-                        }
-                    ],
-                    "modifierKind": [
-                        167
-                    ]
-                },
-                {
-                    "name": "items$",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Observable<GalleryItemComponent[]>",
-                    "optional": false,
-                    "description": "<p>Stream that emits the item components once they&#39;re initialized</p>\n",
-                    "line": 89,
-                    "rawdescription": "\nStream that emits the item components once they're initialized"
-                },
-                {
-                    "name": "position$",
-                    "defaultValue": "new Subject<SmoothScrollOptions>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subject<SmoothScrollOptions>",
-                    "optional": false,
-                    "description": "<p>Stream that emits the slider position</p>\n",
-                    "line": 83,
-                    "rawdescription": "\nStream that emits the slider position",
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "sliderEl",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ElementRef<HTMLElement>",
-                    "optional": false,
-                    "description": "<p>Slider ElementRef</p>\n",
-                    "line": 113,
-                    "rawdescription": "\nSlider ElementRef",
-                    "decorators": [
-                        {
-                            "name": "ViewChild",
-                            "stringifiedArguments": "'slider', {static: true}"
-                        }
-                    ],
-                    "modifierKind": [
-                        167
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngAfterViewInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 154,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnChanges",
-                    "args": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 124,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "onActiveIndexChange",
-                    "args": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 167,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "scrollToIndex",
-                    "args": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 176,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "modifierKind": [
-                        121
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "trackByFn",
-                    "args": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "item",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "any",
-                    "typeParameters": [],
-                    "line": 163,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "item",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "CommonModule",
-                    "type": "module"
-                },
-                {
-                    "name": "GalleryItemComponent",
-                    "type": "component"
-                },
-                {
-                    "name": "SmoothScroll"
-                },
-                {
-                    "name": "HammerSliding"
-                },
-                {
-                    "name": "SliderIntersectionObserver"
-                },
-                {
-                    "name": "ItemIntersectionObserver"
-                },
-                {
-                    "name": "SliderResizeObserver"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  ViewChild,\r\n  ViewChildren,\r\n  EventEmitter,\r\n  AfterViewInit,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ElementRef,\r\n  QueryList,\r\n  ChangeDetectionStrategy\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Observable, Subject, map, startWith } from 'rxjs';\r\nimport { Gallery } from '../services/gallery.service';\r\nimport { GalleryState, GalleryError } from '../models/gallery.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { Orientation } from '../models/constants';\r\nimport { SliderAdapter, HorizontalAdapter, VerticalAdapter } from './adapters';\r\nimport { SmoothScroll, SmoothScrollOptions } from '../smooth-scroll';\r\nimport { HammerSliding } from '../gestures/hammer-sliding.directive';\r\nimport { SliderIntersectionObserver } from '../observers/slider-intersection-observer.directive';\r\nimport { ItemIntersectionObserver } from '../observers/item-intersection-observer.directive';\r\nimport { GalleryItemComponent } from './gallery-item.component';\r\nimport { SliderResizeObserver } from '../observers/slider-resize-observer.directive';\r\n\r\n@Component({\r\n  selector: 'gallery-slider',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./gallery-slider.scss'],\r\n  template: `\r\n    <div #slider\r\n         class=\"g-slider\"\r\n         [attr.centralised]=\"config.itemAutosize\"\r\n         [smoothScroll]=\"position$ | async\"\r\n         [smoothScrollInterruptOnMousemove]=\"!config.disableMouseScroll\"\r\n         sliderIntersectionObserver\r\n         [sliderIntersectionObserverDisabled]=\"isScrolling || isSliding || isResizing\"\r\n         [hammerSliding]=\"!config.disableMouseScroll\"\r\n         [adapter]=\"adapter\"\r\n         [items]=\"items$ | async\"\r\n         [config]=\"config\"\r\n         [state]=\"state\"\r\n         [galleryId]=\"galleryId\"\r\n         (isScrollingChange)=\"isScrolling = $event\"\r\n         (isSlidingChange)=\"isSliding = $event\"\r\n         (activeIndexChange)=\"onActiveIndexChange($event)\"\r\n         (isResizingChange)=\"isResizing = $event\"\r\n         sliderResizeObserver>\r\n      <div class=\"g-slider-content\">\r\n        <gallery-item *ngFor=\"let item of state.items; trackBy: trackByFn index as i\"\r\n                      [attr.galleryId]=\"galleryId\"\r\n                      [type]=\"item.type\"\r\n                      [config]=\"config\"\r\n                      [data]=\"item.data\"\r\n                      [currIndex]=\"state.currIndex\"\r\n                      [index]=\"i\"\r\n                      [count]=\"state.items.length\"\r\n                      itemIntersectionObserver\r\n                      [itemIntersectionObserverDisabled]=\"isScrolling || isSliding || isResizing\"\r\n                      [adapter]=\"adapter\"\r\n                      (activeIndexChange)=\"onActiveIndexChange($event)\"\r\n                      (click)=\"itemClick.emit(i)\"\r\n                      (error)=\"error.emit({ itemIndex: i, error: $event })\"/>\r\n      </div>\r\n\r\n      <div *ngIf=\"config.debug\" class=\"g-slider-debug\">\r\n        <div class=\"g-slider-resizing\">RESIZING</div>\r\n        <div class=\"g-slider-scrolling\">SCROLLING</div>\r\n        <div class=\"g-slider-sliding\">SLIDING</div>\r\n      </div>\r\n    </div>\r\n    <ng-content></ng-content>\r\n  `,\r\n  standalone: true,\r\n  imports: [CommonModule, GalleryItemComponent, SmoothScroll, HammerSliding, SliderIntersectionObserver, ItemIntersectionObserver, SliderResizeObserver]\r\n})\r\nexport class GallerySliderComponent implements AfterViewInit, OnChanges {\r\n\r\n  /** Stream that emits the slider position */\r\n  readonly position$: Subject<SmoothScrollOptions> = new Subject<SmoothScrollOptions>();\r\n\r\n  /** Slider adapter */\r\n  adapter: SliderAdapter;\r\n\r\n  /** Stream that emits the item components once they're initialized */\r\n  items$: Observable<GalleryItemComponent[]>;\r\n\r\n  isScrolling: boolean;\r\n\r\n  isSliding: boolean;\r\n\r\n  isResizing: boolean;\r\n\r\n  /** Gallery ID */\r\n  @Input() galleryId: string;\r\n\r\n  /** Gallery state */\r\n  @Input() state: GalleryState;\r\n\r\n  /** Gallery config */\r\n  @Input() config: GalleryConfig;\r\n\r\n  /** Stream that emits when item is clicked */\r\n  @Output() itemClick: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n  /** Stream that emits when an error occurs */\r\n  @Output() error: EventEmitter<GalleryError> = new EventEmitter<GalleryError>();\r\n\r\n  /** Slider ElementRef */\r\n  @ViewChild('slider', { static: true }) sliderEl: ElementRef<HTMLElement>;\r\n\r\n  @ViewChildren(GalleryItemComponent) items: QueryList<GalleryItemComponent> = new QueryList<GalleryItemComponent>();\r\n\r\n  get slider(): HTMLElement {\r\n    return this.sliderEl.nativeElement;\r\n  }\r\n\r\n  constructor(private _gallery: Gallery) {\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes.config) {\r\n      if (changes.config.currentValue?.orientation !== changes.config.previousValue?.orientation) {\r\n        switch (this.config.orientation) {\r\n          case Orientation.Horizontal:\r\n            this.adapter = new HorizontalAdapter(this.slider, this.config);\r\n            break;\r\n          case Orientation.Vertical:\r\n            this.adapter = new VerticalAdapter(this.slider, this.config);\r\n            break;\r\n        }\r\n      }\r\n      if (!changes.config.firstChange) {\r\n        // Keep the correct sliding position when direction changes\r\n        requestAnimationFrame(() => {\r\n          this.scrollToIndex(this.state.currIndex, 'auto');\r\n        });\r\n      }\r\n    }\r\n\r\n    // Scroll to current index\r\n    if (changes.state) {\r\n      if (changes.state.currentValue?.currIndex !== changes.state.previousValue?.currIndex) {\r\n        requestAnimationFrame(() => {\r\n          this.scrollToIndex(this.state.currIndex, changes.state.firstChange ? 'auto' : this.state.behavior);\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.items.notifyOnChanges();\r\n    this.items$ = this.items.changes.pipe(\r\n      // In some cases, items is not notified at first, need to force start the stream\r\n      startWith(null),\r\n      map(() => this.items.toArray())\r\n    );\r\n  }\r\n\r\n  trackByFn(index: number, item: any) {\r\n    return item.type;\r\n  }\r\n\r\n  onActiveIndexChange(index: number): void {\r\n    if (index === -1) {\r\n      // Reset active index position\r\n      this.scrollToIndex(this.state.currIndex, 'smooth');\r\n    } else {\r\n      this._gallery.ref(this.galleryId).set(index, 'smooth');\r\n    }\r\n  }\r\n\r\n  private scrollToIndex(index: number, behavior: ScrollBehavior): void {\r\n    const el: HTMLElement = this.items.get(index)?.nativeElement;\r\n    if (el) {\r\n      const pos: SmoothScrollOptions = this.adapter.getScrollToValue(el, behavior || this.config.scrollBehavior);\r\n      this.position$.next(pos);\r\n    }\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": [
-                {
-                    "data": ":host {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  order: 1;\r\n  flex: 1;\r\n}\r\n\r\n.g-slider {\r\n  display: flex;\r\n  align-items: center;\r\n  transition: var(--g-height-transition);\r\n  min-height: 100%;\r\n  min-width: 100%;\r\n  max-height: 100%;\r\n  max-width: 100%;\r\n  height: var(--slider-height, 100%);\r\n  width: var(--slider-width, 100%);\r\n\r\n  overflow: var(--slider-overflow);\r\n  scroll-snap-type: var(--slider-scroll-snap-type);\r\n  flex-direction: var(--slider-flex-direction);\r\n\r\n  scrollbar-width: none;\r\n\r\n  &::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  &.g-sliding, &.g-scrolling {\r\n    // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse\r\n    .g-slider-content {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  &[centralised=\"true\"] {\r\n    &:before, &:after {\r\n      content: '';\r\n    }\r\n\r\n    &:before {\r\n      flex: 0 0 var(--slider-centralize-start-size);\r\n    }\r\n\r\n    &:after {\r\n      flex: 0 0 var(--slider-centralize-end-size);\r\n    }\r\n  }\r\n}\r\n\r\n.g-slider-content {\r\n  flex: 0 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1px;\r\n  width: var(--slider-content-width, unset);\r\n  height: var(--slider-content-height, unset);\r\n  flex-direction: var(--slider-flex-direction);\r\n}\r\n",
-                    "styleUrl": "./gallery-slider.scss"
-                }
-            ],
-            "stylesData": "",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "_gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 119,
-                "jsdoctags": [
-                    {
-                        "name": "_gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "implements": [
-                "AfterViewInit",
-                "OnChanges"
-            ],
-            "accessors": {
-                "slider": {
-                    "name": "slider",
-                    "getSignature": {
-                        "name": "slider",
-                        "type": "",
-                        "returnType": "HTMLElement",
-                        "line": 117
-                    }
-                }
-            }
-        },
-        {
-            "name": "GalleryThumbComponent",
-            "id": "component-GalleryThumbComponent-319cc5375529a354d03dd248985279976b8f789f3f0ac96bd512add0afb24bbc9369c7922a86b7d84ec489068c9e7143c3d0ca5668ce2a70f90d12d9868f6436",
-            "file": "projects/ng-gallery/src/lib/components/gallery-thumb.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-thumb",
-            "styleUrls": [
-                "./gallery-thumb.scss"
-            ],
-            "styles": [],
-            "template": "<gallery-image [src]=\"data.thumb\"\n               [alt]=\"data.alt + '-thumbnail'\"\n               [isThumbnail]=\"true\"\n               [loadingIcon]=\"config.thumbLoadingIcon\"\n               [loadingError]=\"config.thumbLoadingError\"\n               (error)=\"error.emit($event)\"></gallery-image>\n\n<div *ngIf=\"config.thumbTemplate\" class=\"g-template g-thumb-template\">\n  <ng-container *ngTemplateOutlet=\"config.thumbTemplate; context: imageContext\"></ng-container>\n</div>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 38,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "count",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nThe number of total items",
-                    "description": "<p>The number of total items</p>\n",
-                    "line": 44,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "currIndex",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nGallery current index",
-                    "description": "<p>Gallery current index</p>\n",
-                    "line": 47,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "data",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nItem's data, this object contains the data required to display the content (e.g. src path)",
-                    "description": "<p>Item&#39;s data, this object contains the data required to display the content (e.g. src path)</p>\n",
-                    "line": 53,
-                    "type": "ImageItemData",
-                    "decorators": []
-                },
-                {
-                    "name": "index",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nItem's index in the gallery",
-                    "description": "<p>Item&#39;s index in the gallery</p>\n",
-                    "line": 41,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "type",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nItem's type 'image', 'video', 'youtube', 'iframe'",
-                    "description": "<p>Item&#39;s type &#39;image&#39;, &#39;video&#39;, &#39;youtube&#39;, &#39;iframe&#39;</p>\n",
-                    "line": 50,
-                    "type": "GalleryItemType",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "error",
-                    "defaultValue": "new EventEmitter<ErrorEvent>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 55,
-                    "type": "EventEmitter<ErrorEvent>"
-                }
-            ],
-            "propertiesClass": [],
-            "methodsClass": [],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "name": "attr.galleryIndex",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 61,
-                    "type": "number",
-                    "decorators": []
-                },
-                {
-                    "name": "class.g-active-thumb",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 57,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "CommonModule",
-                    "type": "module"
-                },
-                {
-                    "name": "GalleryImageComponent",
-                    "type": "component"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  HostBinding,\r\n  EventEmitter,\r\n  ElementRef,\r\n  ChangeDetectionStrategy\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { GalleryItemContext } from '../directives/gallery-item-def.directive';\r\nimport { GalleryImageComponent } from './templates/gallery-image.component';\r\nimport { ImageItemData } from './templates/items.model';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { GalleryItemType } from '../models/constants';\r\n\r\n@Component({\r\n  selector: 'gallery-thumb',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./gallery-thumb.scss'],\r\n  template: `\r\n    <gallery-image [src]=\"data.thumb\"\r\n                   [alt]=\"data.alt + '-thumbnail'\"\r\n                   [isThumbnail]=\"true\"\r\n                   [loadingIcon]=\"config.thumbLoadingIcon\"\r\n                   [loadingError]=\"config.thumbLoadingError\"\r\n                   (error)=\"error.emit($event)\"></gallery-image>\r\n\r\n    <div *ngIf=\"config.thumbTemplate\" class=\"g-template g-thumb-template\">\r\n      <ng-container *ngTemplateOutlet=\"config.thumbTemplate; context: imageContext\"></ng-container>\r\n    </div>\r\n  `,\r\n  standalone: true,\r\n  imports: [CommonModule, GalleryImageComponent]\r\n})\r\nexport class GalleryThumbComponent {\r\n\r\n  @Input() config: GalleryConfig;\r\n\r\n  /** Item's index in the gallery */\r\n  @Input() index: number;\r\n\r\n  /** The number of total items */\r\n  @Input() count: number;\r\n\r\n  /** Gallery current index */\r\n  @Input() currIndex: number;\r\n\r\n  /** Item's type 'image', 'video', 'youtube', 'iframe' */\r\n  @Input() type: GalleryItemType;\r\n\r\n  /** Item's data, this object contains the data required to display the content (e.g. src path) */\r\n  @Input() data: ImageItemData;\r\n\r\n  @Output() error: EventEmitter<ErrorEvent> = new EventEmitter<ErrorEvent>();\r\n\r\n  @HostBinding('class.g-active-thumb') get isActive() {\r\n    return this.index === this.currIndex;\r\n  }\r\n\r\n  @HostBinding('attr.galleryIndex') get isIndexAttr(): number {\r\n    return this.index;\r\n  }\r\n\r\n  get imageContext(): GalleryItemContext<ImageItemData> {\r\n    return {\r\n      $implicit: this.data,\r\n      index: this.index,\r\n      type: this.type,\r\n      active: this.isActive,\r\n      count: this.count,\r\n      first: this.index === 0,\r\n      last: this.index === this.count - 1\r\n    }\r\n  }\r\n\r\n  get nativeElement(): HTMLElement {\r\n    return this.el.nativeElement;\r\n  }\r\n\r\n  constructor(private el: ElementRef<HTMLElement>) {\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": [
-                {
-                    "data": ":host {\r\n  cursor: var(--g-thumb-cursor);\r\n  height: var(--g-thumb-height);\r\n  width: var(--g-thumb-width);\r\n  max-height: var(--g-thumb-height);\r\n  max-width: var(--g-thumb-width);\r\n  align-self: center;\r\n  background: black;\r\n  position: relative;\r\n  display: flex;\r\n  overflow: hidden;\r\n  flex-direction: column;\r\n  flex: 0 0 auto;\r\n  scroll-snap-align: center;\r\n  // Disable highlighting the elements on mouse move or click\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n\r\n  --g-thumb-opacity: 0.5;\r\n\r\n  &.g-active-thumb {\r\n    --g-thumb-opacity: 1;\r\n  }\r\n}\r\n\r\n.g-template {\r\n  position: absolute;\r\n  z-index: 10;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n}\r\n",
-                    "styleUrl": "./gallery-thumb.scss"
-                }
-            ],
-            "stylesData": "",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 79,
-                "jsdoctags": [
-                    {
-                        "name": "el",
-                        "type": "ElementRef<HTMLElement>",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "accessors": {
-                "isActive": {
-                    "name": "isActive",
-                    "getSignature": {
-                        "name": "isActive",
-                        "type": "",
-                        "returnType": "",
-                        "line": 57
-                    }
-                },
-                "isIndexAttr": {
-                    "name": "isIndexAttr",
-                    "getSignature": {
-                        "name": "isIndexAttr",
-                        "type": "number",
-                        "returnType": "number",
-                        "line": 61
-                    }
-                },
-                "imageContext": {
-                    "name": "imageContext",
-                    "getSignature": {
-                        "name": "imageContext",
-                        "type": "",
-                        "returnType": "GalleryItemContext<ImageItemData>",
-                        "line": 65
-                    }
-                },
-                "nativeElement": {
-                    "name": "nativeElement",
-                    "getSignature": {
-                        "name": "nativeElement",
-                        "type": "",
-                        "returnType": "HTMLElement",
-                        "line": 77
-                    }
-                }
-            }
-        },
-        {
-            "name": "GalleryThumbsComponent",
-            "id": "component-GalleryThumbsComponent-de19f00cdfd53eb5cbb332ead8da65e2cafd15883a14cfea3cbf114e4219ce6927795a87f8565ae004edbd11823b07479c9871236e2a1cd241dfd6a1bea65647",
-            "file": "projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-thumbs",
-            "styleUrls": [
-                "./gallery-thumbs.scss"
-            ],
-            "styles": [],
-            "template": "<div #slider\n     class=\"g-slider\"\n     [smoothScroll]=\"position$ | async\"\n     [smoothScrollInterruptOnMousemove]=\"!config.disableThumbMouseScroll\"\n     [attr.centralised]=\"config.thumbCentralized || adapter.isContentLessThanContainer\"\n     [hammerSliding]=\"!config.disableThumbMouseScroll\"\n     [galleryId]=\"galleryId\"\n     [items]=\"items$ | async\"\n     [state]=\"state\"\n     [config]=\"config\"\n     [adapter]=\"adapter\"\n     (thumbResizeObserver)=\"scrollToIndex(state.currIndex, 'auto')\"\n     (activeIndexChange)=\"onActiveIndexChange($event)\">\n  <div class=\"g-slider-content\">\n    <gallery-thumb *ngFor=\"let item of state.items; trackBy: trackByFn; index as i\"\n                   [attr.galleryId]=\"galleryId\"\n                   [type]=\"item.type\"\n                   [config]=\"config\"\n                   [data]=\"item.data\"\n                   [currIndex]=\"state.currIndex\"\n                   [index]=\"i\"\n                   [count]=\"state.items.length\"\n                   (click)=\"config.disableThumbs ? null : thumbClick.emit(i)\"\n                   (error)=\"error.emit({ itemIndex: i, error: $event })\"/>\n  </div>\n</div>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "config",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nGallery config",
-                    "description": "<p>Gallery config</p>\n",
-                    "line": 79,
-                    "type": "GalleryConfig",
-                    "decorators": []
-                },
-                {
-                    "name": "galleryId",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nGallery ID",
-                    "description": "<p>Gallery ID</p>\n",
-                    "line": 73,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "state",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nGallery state",
-                    "description": "<p>Gallery state</p>\n",
-                    "line": 76,
-                    "type": "GalleryState",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "error",
-                    "defaultValue": "new EventEmitter<GalleryError>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nStream that emits when an error occurs",
-                    "description": "<p>Stream that emits when an error occurs</p>\n",
-                    "line": 85,
-                    "type": "EventEmitter<GalleryError>"
-                },
-                {
-                    "name": "thumbClick",
-                    "defaultValue": "new EventEmitter<number>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nStream that emits when thumb is clicked",
-                    "description": "<p>Stream that emits when thumb is clicked</p>\n",
-                    "line": 82,
-                    "type": "EventEmitter<number>"
-                }
-            ],
-            "propertiesClass": [
-                {
-                    "name": "adapter",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "SliderAdapter",
-                    "optional": false,
-                    "description": "<p>Slider adapter</p>\n",
-                    "line": 67,
-                    "rawdescription": "\nSlider adapter"
-                },
-                {
-                    "name": "items",
-                    "defaultValue": "new QueryList<GalleryThumbComponent>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "QueryList<GalleryThumbComponent>",
-                    "optional": false,
-                    "description": "",
-                    "line": 90,
-                    "decorators": [
-                        {
-                            "name": "ViewChildren",
-                            "stringifiedArguments": "GalleryThumbComponent"
-                        }
-                    ],
-                    "modifierKind": [
-                        167
-                    ]
-                },
-                {
-                    "name": "items$",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Observable<GalleryThumbComponent[]>",
-                    "optional": false,
-                    "description": "<p>Stream that emits the thumb components once they&#39;re initialized</p>\n",
-                    "line": 70,
-                    "rawdescription": "\nStream that emits the thumb components once they're initialized"
-                },
-                {
-                    "name": "position$",
-                    "defaultValue": "new Subject<SmoothScrollOptions>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Subject<SmoothScrollOptions>",
-                    "optional": false,
-                    "description": "<p>Stream that emits the slider position</p>\n",
-                    "line": 64,
-                    "rawdescription": "\nStream that emits the slider position",
-                    "modifierKind": [
-                        146
-                    ]
-                },
-                {
-                    "name": "sliderEl",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ElementRef",
-                    "optional": false,
-                    "description": "<p>Slider ElementRef</p>\n",
-                    "line": 88,
-                    "rawdescription": "\nSlider ElementRef",
-                    "decorators": [
-                        {
-                            "name": "ViewChild",
-                            "stringifiedArguments": "'slider', {static: true}"
-                        }
-                    ],
-                    "modifierKind": [
-                        167
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngAfterViewInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 130,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnChanges",
-                    "args": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 96,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "changes",
-                            "type": "SimpleChanges",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "onActiveIndexChange",
-                    "args": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 143,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "scrollToIndex",
-                    "args": [
-                        {
-                            "name": "value",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 152,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "value",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "behavior",
-                            "type": "ScrollBehavior",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "trackByFn",
-                    "args": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "item",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "any",
-                    "typeParameters": [],
-                    "line": 139,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "jsdoctags": [
-                        {
-                            "name": "index",
-                            "type": "number",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "item",
-                            "type": "any",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "CommonModule",
-                    "type": "module"
-                },
-                {
-                    "name": "GalleryThumbComponent",
-                    "type": "component"
-                },
-                {
-                    "name": "SmoothScroll"
-                },
-                {
-                    "name": "HammerSliding"
-                },
-                {
-                    "name": "ThumbResizeObserver"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  ViewChild,\r\n  ViewChildren,\r\n  EventEmitter,\r\n  AfterViewInit,\r\n  OnChanges,\r\n  QueryList,\r\n  SimpleChanges,\r\n  ElementRef,\r\n  ChangeDetectionStrategy\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Observable, Subject, map, startWith } from 'rxjs';\r\nimport { GalleryConfig } from '../models/config.model';\r\nimport { GalleryState, GalleryError } from '../models/gallery.model';\r\nimport { ThumbnailsPosition } from '../models/constants';\r\nimport { VerticalAdapter, HorizontalAdapter, SliderAdapter } from './adapters';\r\nimport { SmoothScroll, SmoothScrollOptions } from '../smooth-scroll';\r\nimport { GalleryThumbComponent } from './gallery-thumb.component';\r\nimport { HammerSliding } from '../gestures/hammer-sliding.directive';\r\nimport { ThumbResizeObserver } from '../observers/thumb-resize-observer.directive';\r\n\r\n@Component({\r\n  selector: 'gallery-thumbs',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./gallery-thumbs.scss'],\r\n  template: `\r\n    <div #slider\r\n         class=\"g-slider\"\r\n         [smoothScroll]=\"position$ | async\"\r\n         [smoothScrollInterruptOnMousemove]=\"!config.disableThumbMouseScroll\"\r\n         [attr.centralised]=\"config.thumbCentralized || adapter.isContentLessThanContainer\"\r\n         [hammerSliding]=\"!config.disableThumbMouseScroll\"\r\n         [galleryId]=\"galleryId\"\r\n         [items]=\"items$ | async\"\r\n         [state]=\"state\"\r\n         [config]=\"config\"\r\n         [adapter]=\"adapter\"\r\n         (thumbResizeObserver)=\"scrollToIndex(state.currIndex, 'auto')\"\r\n         (activeIndexChange)=\"onActiveIndexChange($event)\">\r\n      <div class=\"g-slider-content\">\r\n        <gallery-thumb *ngFor=\"let item of state.items; trackBy: trackByFn; index as i\"\r\n                       [attr.galleryId]=\"galleryId\"\r\n                       [type]=\"item.type\"\r\n                       [config]=\"config\"\r\n                       [data]=\"item.data\"\r\n                       [currIndex]=\"state.currIndex\"\r\n                       [index]=\"i\"\r\n                       [count]=\"state.items.length\"\r\n                       (click)=\"config.disableThumbs ? null : thumbClick.emit(i)\"\r\n                       (error)=\"error.emit({ itemIndex: i, error: $event })\"/>\r\n      </div>\r\n    </div>\r\n  `,\r\n  standalone: true,\r\n  imports: [CommonModule, GalleryThumbComponent, SmoothScroll, HammerSliding, ThumbResizeObserver]\r\n})\r\nexport class GalleryThumbsComponent implements AfterViewInit, OnChanges {\r\n\r\n  /** Stream that emits the slider position */\r\n  readonly position$: Subject<SmoothScrollOptions> = new Subject<SmoothScrollOptions>();\r\n\r\n  /** Slider adapter */\r\n  adapter: SliderAdapter;\r\n\r\n  /** Stream that emits the thumb components once they're initialized */\r\n  items$: Observable<GalleryThumbComponent[]>;\r\n\r\n  /** Gallery ID */\r\n  @Input() galleryId: string;\r\n\r\n  /** Gallery state */\r\n  @Input() state: GalleryState;\r\n\r\n  /** Gallery config */\r\n  @Input() config: GalleryConfig;\r\n\r\n  /** Stream that emits when thumb is clicked */\r\n  @Output() thumbClick: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n  /** Stream that emits when an error occurs */\r\n  @Output() error: EventEmitter<GalleryError> = new EventEmitter<GalleryError>();\r\n\r\n  /** Slider ElementRef */\r\n  @ViewChild('slider', { static: true }) sliderEl: ElementRef;\r\n\r\n  @ViewChildren(GalleryThumbComponent) items: QueryList<GalleryThumbComponent> = new QueryList<GalleryThumbComponent>();\r\n\r\n  get slider(): HTMLElement {\r\n    return this.sliderEl.nativeElement;\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes.config) {\r\n      // Sets sliding direction\r\n      if (changes.config.currentValue?.thumbPosition !== changes.config.previousValue?.thumbPosition) {\r\n        switch (this.config.thumbPosition) {\r\n          case ThumbnailsPosition.Right:\r\n          case ThumbnailsPosition.Left:\r\n            this.adapter = new VerticalAdapter(this.slider, this.config);\r\n            break;\r\n          case ThumbnailsPosition.Top:\r\n          case ThumbnailsPosition.Bottom:\r\n            this.adapter = new HorizontalAdapter(this.slider, this.config);\r\n            break;\r\n        }\r\n\r\n        if (!changes.config.firstChange) {\r\n          // Keep the correct sliding position when direction changes\r\n          requestAnimationFrame(() => {\r\n            this.scrollToIndex(this.state.currIndex, 'auto');\r\n          });\r\n        }\r\n      }\r\n    }\r\n\r\n    if (changes.state && (changes.state.firstChange || !this.config.detachThumbs)) {\r\n      if (changes.state.currentValue?.currIndex !== changes.state.previousValue?.currIndex) {\r\n        // Scroll slide to item when current index changes.\r\n        requestAnimationFrame(() => {\r\n          this.scrollToIndex(this.state.currIndex, changes.state?.firstChange ? 'auto' : 'smooth');\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.items.notifyOnChanges();\r\n    this.items$ = this.items.changes.pipe(\r\n      // In some cases, items is not notified at first, need to force start the stream\r\n      startWith(null),\r\n      map(() => this.items.toArray())\r\n    );\r\n  }\r\n\r\n  trackByFn(index: number, item: any) {\r\n    return item.type;\r\n  }\r\n\r\n  onActiveIndexChange(index: number): void {\r\n    if (index === -1) {\r\n      // Reset active index position\r\n      this.scrollToIndex(this.state.currIndex, 'smooth');\r\n    } else {\r\n      this.scrollToIndex(index, 'smooth');\r\n    }\r\n  }\r\n\r\n  scrollToIndex(value: number, behavior: ScrollBehavior): void {\r\n    const el: HTMLElement = this.items.get(value)?.nativeElement;\r\n    if (el) {\r\n      const pos: SmoothScrollOptions = this.adapter.getScrollToValue(el, behavior);\r\n      this.position$.next(pos);\r\n    }\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": [
-                {
-                    "data": ":host {\r\n  max-height: 100%;\r\n  max-width: 100%;\r\n  display: block;\r\n  z-index: 100;\r\n}\r\n\r\n.g-slider {\r\n  display: flex;\r\n  align-items: center;\r\n  transition: var(--g-height-transition);\r\n  max-height: 100%;\r\n  min-width: 100%;\r\n  height: var(--thumb-slider-height);\r\n  width: var(--thumb-slider-width);\r\n\r\n  top: var(--thumb-slider-top);\r\n  left: var(--thumb-slider-left);\r\n  overflow: var(--thumb-slider-overflow);\r\n  scroll-snap-type: var(--slider-scroll-snap-type);\r\n  flex-direction: var(--thumb-slider-flex-direction);\r\n\r\n  scrollbar-width: none;\r\n\r\n  &::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse\r\n  &.g-sliding {\r\n    // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse\r\n    .g-slider-content {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  &[centralised=\"true\"] {\r\n    &:before, &:after {\r\n      content: '';\r\n    }\r\n\r\n    &:before {\r\n      flex: 0 0 var(--thumb-centralize-start-size);\r\n    }\r\n\r\n    &:after {\r\n      flex: 0 0 var(--thumb-centralize-end-size);\r\n    }\r\n  }\r\n}\r\n\r\n.g-slider-content {\r\n  flex: 0 0 auto;\r\n  display: flex;\r\n  flex-direction: var(--thumb-slider-flex-direction);\r\n  align-items: center;\r\n  gap: 1px;\r\n}\r\n",
-                    "styleUrl": "./gallery-thumbs.scss"
-                }
-            ],
-            "stylesData": "",
-            "implements": [
-                "AfterViewInit",
-                "OnChanges"
-            ],
-            "accessors": {
-                "slider": {
-                    "name": "slider",
-                    "getSignature": {
-                        "name": "slider",
-                        "type": "",
-                        "returnType": "HTMLElement",
-                        "line": 92
-                    }
-                }
-            }
-        },
-        {
-            "name": "GalleryVideoComponent",
-            "id": "component-GalleryVideoComponent-8373f3076bce537ab094b2f99b71fead7a20a6fa2e14f19abf4fa0edfd03f4d2d2465bbe8caf0ae8429a916cd68da813b72cc2466caf5d0b8d718d54c16c1475",
-            "file": "projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "gallery-video",
-            "styleUrls": [],
-            "styles": [],
-            "template": "<video #video\n       [attr.mute]=\"mute\"\n       [attr.controlsList]=\"controlsList\"\n       [attr.disablePictureInPicture]=\"disablePictureInPicture\"\n       [disableRemotePlayback]=\"disableRemotePlayback\"\n       [controls]=\"controls\"\n       [loop]=\"loop\"\n       [poster]=\"poster\"\n       (error)=\"error.emit($event)\">\n  <ng-container *ngFor=\"let src of videoSources\">\n    <source *ngIf=\"src?.type; else noType\" [src]=\"src?.url\" [type]=\"src.type\"/>\n    <ng-template #noType>\n      <source [src]=\"src?.url\"/>\n    </ng-template>\n  </ng-container>\n</video>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "controls",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 36,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "controlsList",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 37,
-                    "type": "\"nodownload\" | \"nofullscreen\" | \"noremoteplayback\"",
-                    "decorators": []
-                },
-                {
-                    "name": "disablePictureInPicture",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 39,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "disableRemotePlayback",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 38,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "loop",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 35,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "mute",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 34,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "pause",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 41,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "play",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 50,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "name": "poster",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 33,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "name": "src",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 32,
-                    "type": "string | literal type[]",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [
-                {
-                    "name": "error",
-                    "defaultValue": "new EventEmitter<ErrorEvent>()",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nStream that emits when an error occurs",
-                    "description": "<p>Stream that emits when an error occurs</p>\n",
-                    "line": 60,
-                    "type": "EventEmitter"
-                }
-            ],
-            "propertiesClass": [
-                {
-                    "name": "video",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "ElementRef",
-                    "optional": false,
-                    "description": "",
-                    "line": 62,
-                    "decorators": [
-                        {
-                            "name": "ViewChild",
-                            "stringifiedArguments": "'video', {static: true}"
-                        }
-                    ],
-                    "modifierKind": [
-                        167
-                    ]
-                },
-                {
-                    "name": "videoSources",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "literal type[]",
-                    "optional": false,
-                    "description": "",
-                    "line": 30
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngOnInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 64,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "NgFor"
-                },
-                {
-                    "name": "NgIf"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import { Component, Input, Output, EventEmitter, OnInit, ViewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { NgFor, NgIf } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'gallery-video',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: `\r\n    <video #video\r\n           [attr.mute]=\"mute\"\r\n           [attr.controlsList]=\"controlsList\"\r\n           [attr.disablePictureInPicture]=\"disablePictureInPicture\"\r\n           [disableRemotePlayback]=\"disableRemotePlayback\"\r\n           [controls]=\"controls\"\r\n           [loop]=\"loop\"\r\n           [poster]=\"poster\"\r\n           (error)=\"error.emit($event)\">\r\n      <ng-container *ngFor=\"let src of videoSources\">\r\n        <source *ngIf=\"src?.type; else noType\" [src]=\"src?.url\" [type]=\"src.type\"/>\r\n        <ng-template #noType>\r\n          <source [src]=\"src?.url\"/>\r\n        </ng-template>\r\n      </ng-container>\r\n    </video>\r\n  `,\r\n  standalone: true,\r\n  imports: [NgFor, NgIf]\r\n})\r\nexport class GalleryVideoComponent implements OnInit {\r\n\r\n  videoSources: { url: string, type?: string }[];\r\n\r\n  @Input() src: string | { url: string, type?: string }[];\r\n  @Input() poster: string;\r\n  @Input() mute: boolean;\r\n  @Input() loop: boolean;\r\n  @Input() controls: boolean;\r\n  @Input() controlsList: 'nodownload' | 'nofullscreen' | 'noremoteplayback';\r\n  @Input() disableRemotePlayback: boolean;\r\n  @Input() disablePictureInPicture: boolean;\r\n\r\n  @Input('pause') set pauseVideo(shouldPause: boolean) {\r\n    if (this.video.nativeElement) {\r\n      const video: HTMLVideoElement = this.video.nativeElement;\r\n      if (shouldPause && !video.paused) {\r\n        video.pause();\r\n      }\r\n    }\r\n  }\r\n\r\n  @Input('play') set playVideo(shouldPlay: boolean) {\r\n    if (this.video.nativeElement) {\r\n      const video: HTMLVideoElement = this.video.nativeElement;\r\n      if (shouldPlay) {\r\n        video.play();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Stream that emits when an error occurs */\r\n  @Output() error = new EventEmitter<ErrorEvent>();\r\n\r\n  @ViewChild('video', { static: true }) video: ElementRef;\r\n\r\n  ngOnInit() {\r\n    if (this.src instanceof Array) {\r\n      // If video has multiple sources\r\n      this.videoSources = [...this.src];\r\n    } else {\r\n      this.videoSources = [{ url: this.src }];\r\n    }\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": "",
-            "stylesData": "",
-            "implements": [
-                "OnInit"
-            ],
-            "accessors": {
-                "pauseVideo": {
-                    "name": "pauseVideo",
-                    "setSignature": {
-                        "name": "pauseVideo",
-                        "type": "void",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "args": [
-                            {
-                                "name": "shouldPause",
-                                "type": "boolean",
-                                "deprecated": false,
-                                "deprecationMessage": ""
-                            }
-                        ],
-                        "returnType": "void",
-                        "line": 41,
-                        "jsdoctags": [
-                            {
-                                "name": "shouldPause",
-                                "type": "boolean",
-                                "deprecated": false,
-                                "deprecationMessage": "",
-                                "tagName": {
-                                    "text": "param"
-                                }
-                            }
-                        ]
-                    }
-                },
-                "playVideo": {
-                    "name": "playVideo",
-                    "setSignature": {
-                        "name": "playVideo",
-                        "type": "void",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "args": [
-                            {
-                                "name": "shouldPlay",
-                                "type": "boolean",
-                                "deprecated": false,
-                                "deprecationMessage": ""
-                            }
-                        ],
-                        "returnType": "void",
-                        "line": 50,
-                        "jsdoctags": [
-                            {
-                                "name": "shouldPlay",
-                                "type": "boolean",
-                                "deprecated": false,
-                                "deprecationMessage": "",
-                                "tagName": {
-                                    "text": "param"
-                                }
-                            }
-                        ]
-                    }
-                }
-            }
-        },
-        {
-            "name": "LightboxExampleComponent",
-            "id": "component-LightboxExampleComponent-be406b9330227251e0d998f2d72189e3754f9e897029bddef8bf4ff2fa3efde370dc6248ccca9152a1768d358fda481c7b7a5427015371160f96d042bba32940",
-            "file": "projects/ng-gallery/src/stories/lightbox/lightbox-example.ts",
-            "changeDetection": "ChangeDetectionStrategy.OnPush",
-            "encapsulation": [],
-            "entryComponents": [],
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "lightbox-example",
-            "styleUrls": [],
-            "styles": [
-                "\n    .container {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 3px;\n      margin: 0 auto;\n      padding: 20px;\n      max-width: 768px;\n    }\n    img {\n      height: 90px;\n      width: 125px;\n      object-fit: cover;\n    }\n  "
-            ],
-            "template": "<div class=\"container\">\n  <img *ngFor=\"let item of items; index as i\"\n     class=\"grid-image\"\n     [src]=\"item.data.thumb\"\n     [lightbox]=\"i\"\n     [gallery]=\"galleryId\"/>\n</div>\n",
-            "templateUrl": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "items",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "line": 42,
-                    "type": "GalleryItem[]",
-                    "decorators": []
-                }
-            ],
-            "outputsClass": [],
-            "propertiesClass": [
-                {
-                    "name": "gallery",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Gallery",
-                    "optional": false,
-                    "description": "",
-                    "line": 44,
-                    "modifierKind": [
-                        123
-                    ]
-                },
-                {
-                    "name": "galleryId",
-                    "defaultValue": "'lightbox'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "optional": false,
-                    "description": "",
-                    "line": 38
-                },
-                {
-                    "name": "galleryRef",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryRef",
-                    "optional": false,
-                    "description": "",
-                    "line": 40
-                },
-                {
-                    "name": "lightbox",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Lightbox",
-                    "optional": false,
-                    "description": "",
-                    "line": 44,
-                    "modifierKind": [
-                        123
-                    ]
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngOnDestroy",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 57,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                },
-                {
-                    "name": "ngOnInit",
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 47,
-                    "deprecated": false,
-                    "deprecationMessage": ""
-                }
-            ],
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": true,
-            "imports": [
-                {
-                    "name": "CommonModule",
-                    "type": "module"
-                },
-                {
-                    "name": "LightboxModule",
-                    "type": "module"
-                }
-            ],
-            "description": "",
-            "rawdescription": "\n",
-            "type": "component",
-            "sourceCode": "import { Component, Input, OnDestroy, OnInit, ChangeDetectionStrategy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Gallery, GalleryItem, GalleryRef } from 'ng-gallery';\r\nimport { Lightbox, LightboxModule } from 'ng-gallery/lightbox';\r\n\r\n@Component({\r\n  selector: 'lightbox-example',\r\n  template: `\r\n    <div class=\"container\">\r\n      <img *ngFor=\"let item of items; index as i\"\r\n         class=\"grid-image\"\r\n         [src]=\"item.data.thumb\"\r\n         [lightbox]=\"i\"\r\n         [gallery]=\"galleryId\"/>\r\n    </div>\r\n  `,\r\n  styles: [`\r\n    .container {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 3px;\r\n      margin: 0 auto;\r\n      padding: 20px;\r\n      max-width: 768px;\r\n    }\r\n    img {\r\n      height: 90px;\r\n      width: 125px;\r\n      object-fit: cover;\r\n    }\r\n  `],\r\n  imports: [CommonModule, LightboxModule],\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class LightboxExampleComponent implements OnInit, OnDestroy {\r\n\r\n  galleryId: string = 'lightbox';\r\n\r\n  galleryRef: GalleryRef;\r\n\r\n  @Input() items: GalleryItem[];\r\n\r\n  constructor(public gallery: Gallery, public lightbox: Lightbox) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.galleryRef = this.gallery.ref('lightbox', {\r\n      thumbPosition: 'top',\r\n      imageSize: 'cover',\r\n      autoHeight: false\r\n    });\r\n\r\n    this.galleryRef.load(this.items);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.galleryRef.destroy();\r\n  }\r\n}\r\n",
-            "assetsDirs": [],
-            "styleUrlsData": "",
-            "stylesData": "\n    .container {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 3px;\n      margin: 0 auto;\n      padding: 20px;\n      max-width: 768px;\n    }\n    img {\n      height: 90px;\n      width: 125px;\n      object-fit: cover;\n    }\n  \n",
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [
-                    {
-                        "name": "gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "lightbox",
-                        "type": "Lightbox",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "line": 42,
-                "jsdoctags": [
-                    {
-                        "name": "gallery",
-                        "type": "Gallery",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "lightbox",
-                        "type": "Lightbox",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            "implements": [
-                "OnInit",
-                "OnDestroy"
-            ]
-        }
-    ],
-    "modules": [
-        {
-            "name": "GalleryModule",
-            "id": "module-GalleryModule-90f9d1f7efe4d47d235a2518dd69bdc5f50065fdc02b9aa3ebc79e364b001092de31ebe30487e7678eb04ad320c7ad562149c0fa066e2545945bf214e26ec8ed",
-            "description": "",
-            "deprecationMessage": "",
-            "deprecated": false,
-            "file": "projects/ng-gallery/src/lib/gallery.module.ts",
-            "methods": [],
-            "sourceCode": "import { NgModule } from '@angular/core';\r\nimport { GalleryComponent } from './components/gallery.component';\r\nimport { GalleryImageDef } from './directives/gallery-image-def.directive';\r\nimport { GalleryThumbDef } from './directives/gallery-thumb-def.directive';\r\nimport { GalleryItemDef } from './directives/gallery-item-def.directive';\r\nimport { GalleryBoxDef } from './directives/gallery-box-def.directive';\r\n\r\n@NgModule({\r\n  imports: [\r\n    GalleryComponent,\r\n    GalleryItemDef,\r\n    GalleryImageDef,\r\n    GalleryThumbDef,\r\n    GalleryBoxDef\r\n  ],\r\n  exports: [\r\n    GalleryComponent,\r\n    GalleryItemDef,\r\n    GalleryImageDef,\r\n    GalleryThumbDef,\r\n    GalleryBoxDef\r\n  ]\r\n})\r\nexport class GalleryModule {\r\n}\r\n",
-            "children": [
-                {
-                    "type": "providers",
-                    "elements": []
-                },
-                {
-                    "type": "declarations",
-                    "elements": []
-                },
-                {
-                    "type": "imports",
-                    "elements": [
-                        {
-                            "name": "GalleryBoxDef"
-                        },
-                        {
-                            "name": "GalleryComponent"
-                        },
-                        {
-                            "name": "GalleryImageDef"
-                        },
-                        {
-                            "name": "GalleryItemDef"
-                        },
-                        {
-                            "name": "GalleryThumbDef"
-                        }
-                    ]
-                },
-                {
-                    "type": "exports",
-                    "elements": [
-                        {
-                            "name": "GalleryBoxDef"
-                        },
-                        {
-                            "name": "GalleryComponent"
-                        },
-                        {
-                            "name": "GalleryImageDef"
-                        },
-                        {
-                            "name": "GalleryItemDef"
-                        },
-                        {
-                            "name": "GalleryThumbDef"
-                        }
-                    ]
-                },
-                {
-                    "type": "bootstrap",
-                    "elements": []
-                },
-                {
-                    "type": "classes",
-                    "elements": []
-                }
-            ]
-        }
-    ],
-    "miscellaneous": {
-        "variables": [
-            {
-                "name": "API_KEY",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "string",
-                "defaultValue": "'560162-704dd2880c027f22c62ab7941'"
-            },
-            {
-                "name": "AutoHeightExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" autoHeight />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('tigers') })],\n}"
-            },
-            {
-                "name": "AutoplayExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" autoplay />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('airplane') })],\n}"
-            },
-            {
-                "name": "BoxTemplateExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  render: (args: CustomTemplateComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <gallery [items]=\"items\">\n        <div *galleryBoxDef=\"let state; config\" class=\"my-box\">\n          <div>This is fixed overlay template</div>\n          <img src=\"https://user-images.githubusercontent.com/8130692/36171173-ad0da54c-1112-11e8-85bf-843c5f70efdc.png\">\n        </div>\n      </gallery>\n    `,\n    styles: [\n      `\n      .my-box {\n        width: 200px;\n        height: 50px;\n        color: white;\n      }\n      img {\n        position: absolute;\n        z-index: 999;\n        width: 40px;\n        height: 40px;\n        top: 20px;\n        left: 20px;\n      }\n    `,\n    ],\n  }),\n  loaders: [async () => ({ items: await getHDImages('sea') })],\n}"
-            },
-            {
-                "name": "BulletExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" bullets />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('football') })],\n}"
-            },
-            {
-                "name": "CounterExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" counter />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('basketball') })],\n}"
-            },
-            {
-                "name": "defaultConfig",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/utils/gallery.default.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "GalleryConfig",
-                "defaultValue": "{\r\n  nav: true,\r\n  loop: false,\r\n  bullets: false,\r\n  thumbs: false,\r\n  debug: false,\r\n  bulletSize: 6,\r\n  counter: false,\r\n  autoplay: false,\r\n  thumbWidth: 120,\r\n  thumbHeight: 90,\r\n  disableBullets: false,\r\n  disableThumbs: false,\r\n  disableScroll: false,\r\n  disableThumbScroll: false,\r\n  disableMouseScroll: false,\r\n  disableThumbMouseScroll: false,\r\n  autoplayInterval: 3000,\r\n  scrollDuration: 468,\r\n  scrollEase: {\r\n    x1: 0.42,\r\n    y1: 0,\r\n    x2: 0.58,\r\n    y2: 1\r\n  },\r\n  thumbCentralized: false,\r\n  thumbAutosize: false,\r\n  itemAutosize: false,\r\n  autoHeight: false,\r\n  scrollBehavior: 'smooth',\r\n  resizeDebounceTime: 0,\r\n  loadingAttr: LoadingAttr.Lazy,\r\n  imageSize: ImageSize.Contain,\r\n  thumbImageSize: ImageSize.Cover,\r\n  bulletPosition: BulletsPosition.Bottom,\r\n  counterPosition: CounterPosition.Top,\r\n  thumbPosition: ThumbnailsPosition.Bottom,\r\n  loadingStrategy: LoadingStrategy.Preload,\r\n  orientation: Orientation.Horizontal,\r\n  navIcon: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 256C0 397.4 114.6 512 256 512s256-114.6 256-256S397.4 0 256 0S0 114.6 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z\"/></svg>`,\r\n  // navIcon: `<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"512px\" height=\"512px\" enable-background=\"new 0 0 240.823 240.823\" version=\"1.1\" viewBox=\"0 0 240.823 240.823\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m183.19 111.82l-108.3-108.26c-4.752-4.74-12.451-4.74-17.215 0-4.752 4.74-4.752 12.439 0 17.179l99.707 99.671-99.695 99.671c-4.752 4.74-4.752 12.439 0 17.191 4.752 4.74 12.463 4.74 17.215 0l108.3-108.26c4.68-4.691 4.68-12.511-0.012-17.19z\"></svg>`,\r\n  loadingIcon: `<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg stroke=\"#fff\" viewBox=\"0 0 44 44\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" stroke-width=\"2\"><circle cx=\"22\" cy=\"22\" r=\"1\"><animate attributeName=\"r\" begin=\"0s\" calcMode=\"spline\" dur=\"1.8s\" keySplines=\"0.165, 0.84, 0.44, 1\" keyTimes=\"0; 1\" repeatCount=\"indefinite\" values=\"1; 20\"/><animate attributeName=\"stroke-opacity\" begin=\"0s\" calcMode=\"spline\" dur=\"1.8s\" keySplines=\"0.3, 0.61, 0.355, 1\" keyTimes=\"0; 1\" repeatCount=\"indefinite\" values=\"1; 0\"/></circle><circle cx=\"22\" cy=\"22\" r=\"1\"><animate attributeName=\"r\" begin=\"-0.9s\" calcMode=\"spline\" dur=\"1.8s\" keySplines=\"0.165, 0.84, 0.44, 1\" keyTimes=\"0; 1\" repeatCount=\"indefinite\" values=\"1; 20\"/><animate attributeName=\"stroke-opacity\" begin=\"-0.9s\" calcMode=\"spline\" dur=\"1.8s\" keySplines=\"0.3, 0.61, 0.355, 1\" keyTimes=\"0; 1\" repeatCount=\"indefinite\" values=\"1; 0\"/></circle></g></svg>`\r\n}"
-            },
-            {
-                "name": "defaultState",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/utils/gallery.default.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "GalleryState",
-                "defaultValue": "{\r\n  action: GalleryAction.INITIALIZED,\r\n  isPlaying: false,\r\n  hasNext: false,\r\n  hasPrev: false,\r\n  currIndex: 0,\r\n  items: []\r\n}",
-                "rawdescription": "Initial state",
-                "description": "<p>Initial state</p>\n"
-            },
-            {
-                "name": "DIRECTION_DOWN",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "number",
-                "defaultValue": "16"
-            },
-            {
-                "name": "DIRECTION_LEFT",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "number",
-                "defaultValue": "2",
-                "rawdescription": "A clone of HammerJs constants",
-                "description": "<p>A clone of HammerJs constants</p>\n"
-            },
-            {
-                "name": "DIRECTION_RIGHT",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "number",
-                "defaultValue": "4"
-            },
-            {
-                "name": "DIRECTION_UP",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "number",
-                "defaultValue": "8"
-            },
-            {
-                "name": "filterActions",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/services/gallery-ref.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "",
-                "defaultValue": "(actions: string[]) => {\r\n  return filter((state: GalleryState) => actions.indexOf(state.action) > -1);\r\n}"
-            },
-            {
-                "name": "float32ArraySupported",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "",
-                "defaultValue": "typeof Float32Array === 'function'"
-            },
-            {
-                "name": "GallerizeExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  render: (args: LightboxExampleComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <div class=\"container\" gallerize>\n        <img *ngFor=\"let item of items\"\n             [src]=\"item.data.thumb\"\n             [attr.imageSrc]=\"item.data.src\">\n      </div>\n    `,\n    styles: [\n      `\n      .container {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 3px;\n        margin: 0 auto;\n        padding: 20px;\n        max-width: 768px;\n      }\n      img {\n        height: 90px;\n        width: 125px;\n        object-fit: cover;\n      }\n    `,\n    ],\n  }),\n  loaders: [async () => ({ items: await getHDImages('ship') })],\n}"
-            },
-            {
-                "name": "GallerizeGalleryExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  render: (args: LightboxExampleComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <gallery [items]=\"items\" gallerize />\n    `,\n  }),\n  loaders: [async () => ({ items: await getHDImages('ship') })],\n}"
-            },
-            {
-                "name": "GALLERY_CONFIG",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "InjectionToken<GalleryConfig>",
-                "defaultValue": "new InjectionToken<GalleryConfig>('GALLERY_CONFIG')"
-            },
-            {
-                "name": "Hammer",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "any"
-            },
-            {
-                "name": "Hammer",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "any"
-            },
-            {
-                "name": "imageFailedSvg",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/components/templates/svg-assets.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "",
-                "defaultValue": "`<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg width=\"100\" height=\"100\" version=\"1.1\" viewBox=\"0 0 256 256\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g transform=\"translate(1.4066 1.4066) scale(2.81)\">\r\n\\t<path d=\"m74.453 48.627c-5.538 0-11.075-2.107-15.291-6.324-6.11-6.11-7.768-14.99-5.024-22.629h-48.08c-3.346 1e-3 -6.058 2.713-6.058 6.059v16.322l23.834 20.315c2.278 1.942 5.573 2.119 8.047 0.434l14.382-9.801c2.33-1.588 5.408-1.531 7.677 0.141l27.15 20.001v-25.574c-2.156 0.692-4.394 1.056-6.637 1.056z\" fill=\"#c1e5f4\" stroke-linecap=\"round\"/>\r\n <circle cx=\"27.942\" cy=\"37.942\" r=\"6.072\" fill=\"#fff0a9\"/>\r\n <path d=\"m85.446 16.02c-6.061-6.061-15.922-6.061-21.983 0s-6.061 15.923 0 21.984c3.031 3.031 7.011 4.546 10.992 4.546 3.98 0 7.962-1.515 10.992-4.545 2.936-2.937 4.553-6.841 4.553-10.993s-1.617-8.056-4.554-10.992zm-3.555 3.555c1.987 1.986 3.081 4.627 3.081 7.436 0 1.95-0.538 3.813-1.525 5.438l-14.428-14.428c4.043-2.442 9.384-1.934 12.872 1.554zm-14.873 14.874c-3.486-3.487-3.997-8.829-1.554-12.873l14.426 14.427c-4.043 2.443-9.385 1.932-12.872-1.554z\" fill=\"#e29393\" stroke-linecap=\"round\"/>\r\n <path d=\"m0 40.043v32.425c0 3.346 2.712 6.058 6.058 6.058h68.974c3.346 0 6.058-2.712 6.058-6.058v-1.335l-27.15-20.001c-2.27-1.672-5.348-1.729-7.677-0.141l-14.383 9.801c-2.473 1.686-5.769 1.508-8.047-0.434l-23.833-20.315z\" fill=\"#96ea9c\" stroke-linecap=\"round\"/>\r\n</g>\r\n</svg>\r\n`"
-            },
-            {
-                "name": "ImageSizeExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" imageSize=\"cover\" />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('tigers') })],\n}"
-            },
-            {
-                "name": "ImageTemplateExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  render: (args: CustomTemplateComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <gallery [items]=\"items\">\n        <div *galleryImageDef=\"let item\" class=\"my-image-overlay\">\n          {{ item?.alt }}\n        </div>\n      </gallery>\n    `,\n  }),\n  loaders: [async () => ({ items: await getHDImages('sea') })],\n}"
-            },
-            {
-                "name": "ItemAutosizeExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" itemAutosize loadingStrategy=\"preload\" loadingAttr=\"eager\" />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('ship') })],\n}"
-            },
-            {
-                "name": "ItemTemplateExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  render: (args: CustomTemplateComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <gallery [items]=\"items\">\n        <div *galleryItemDef=\"let item\" class=\"my-item-template\">\n          <img [src]=\"item?.src\">\n        </div>\n      </gallery>\n    `,\n    styles: [\n      `\n      img {\n        object-fit: cover;\n        border: 10px white solid;\n        width: 400px;\n        height: 400px;\n      }\n    `,\n    ],\n  }),\n  loaders: [\n    async () => ({ items: await getHDImagesForCustomTemplate('sand') }),\n  ],\n}"
-            },
-            {
-                "name": "kSampleStepSize",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "",
-                "defaultValue": "1.0 / (kSplineTableSize - 1.0)"
-            },
-            {
-                "name": "kSplineTableSize",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "number",
-                "defaultValue": "11"
-            },
-            {
-                "name": "Lab",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: {\n      ...args,\n      items,\n    },\n    template: `\n      <gallery [items]=\"items\"\n               [orientation]=\"orientation\"\n               [scrollBehavior]=\"scrollBehavior\"\n               [scrollDuration]=\"scrollDuration\"\n               [disableScroll]=\"disableScroll\"\n               [disableMouseScroll]=\"disableMouseScroll\"\n               [autoHeight]=\"autoHeight\"\n               [itemAutosize]=\"itemAutosize\"\n               [thumbs]=\"thumbs\"\n               [thumbImageSize]=\"thumbImageSize\"\n               [thumbPosition]=\"thumbPosition\"\n               [thumbCentralized]=\"thumbCentralized\"\n               [thumbWidth]=\"thumbWidth\"\n               [thumbHeight]=\"thumbHeight\"\n               [disableThumbs]=\"disableThumbs\"\n               [detachThumbs]=\"detachThumbs\"\n               [thumbAutosize]=\"thumbAutosize\"\n               [disableThumbScroll]=\"disableThumbScroll\"\n               [disableThumbMouseScroll]=\"disableThumbMouseScroll\"\n               [bullets]=\"bullets\"\n               [bulletPosition]=\"bulletPosition\"\n               [bulletSize]=\"bulletSize\"\n               [disableBullets]=\"disableBullets\"\n               [resizeDebounceTime]=\"resizeDebounceTime\"\n               [nav]=\"nav\"\n               [loop]=\"loop\"\n               [debug]=\"debug\"\n               [counter]=\"counter\"\n               [counterPosition]=\"counterPosition\"\n               [autoplay]=\"autoplay\"\n               [autoplayInterval]=\"autoplayInterval\"\n               [imageSize]=\"imageSize\"\n               [loadingAttr]=\"loadingAttr\"\n               [loadingStrategy]=\"loadingStrategy\"/>\n    `,\n  }),\n  loaders: [\n    async () => ({\n      items: await getHDImages('jet fighter'),\n    }),\n  ],\n}",
-                "rawdescription": "First Example for gallery",
-                "description": "<p>First Example for gallery</p>\n"
-            },
-            {
-                "name": "LightboxExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: {\n    docs: {\n      source: {\n        code: `\n          <div class=\"container\">\n            <img *ngFor=\"let item of items; index as i\"\n               class=\"grid-image\"\n               [src]=\"item.data.thumb\"\n               [lightbox]=\"i\"\n               [gallery]=\"galleryId\"/>\n          </div>\n        `,\n      },\n    },\n  },\n  render: (args: LightboxExampleComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n  }),\n  loaders: [async () => ({ items: await getHDImages('ship') })],\n}"
-            },
-            {
-                "name": "meta",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Meta<GalleryComponent>",
-                "defaultValue": "{\n  title: 'Documentations/Gallery',\n  component: GalleryComponent,\n  tags: ['autodocs'],\n  render: (args: GalleryComponent) => ({\n    props: {\n      ...args,\n    },\n  }),\n  decorators: [\n    applicationConfig({\n      providers: [provideAnimations()],\n    }),\n  ],\n  args: {\n    id: 'root',\n    scrollBehavior: 'smooth',\n    imageSize: ImageSize.Contain,\n    thumbImageSize: ImageSize.Cover,\n    bulletPosition: BulletsPosition.Bottom,\n    counterPosition: CounterPosition.Top,\n    orientation: Orientation.Horizontal,\n    loadingAttr: LoadingAttr.Lazy,\n    loadingStrategy: LoadingStrategy.Default,\n    thumbPosition: ThumbnailsPosition.Bottom,\n    scrollEase: {\n      x1: 0.42,\n      y1: 0,\n      x2: 0.58,\n      y2: 1,\n    },\n    bulletSize: 6,\n    thumbWidth: 120,\n    thumbHeight: 90,\n    autoplayInterval: 3000,\n    scrollDuration: 468,\n    resizeDebounceTime: 0,\n    nav: true,\n    bullets: true,\n    disableBullets: false,\n    loop: true,\n    debug: false,\n    thumbs: true,\n    counter: true,\n    autoplay: false,\n    autoHeight: false,\n    itemAutosize: false,\n    disableThumbs: false,\n    detachThumbs: false,\n    thumbAutosize: false,\n    disableScroll: false,\n    thumbCentralized: false,\n    disableThumbScroll: false,\n    disableMouseScroll: false,\n    disableThumbMouseScroll: false,\n  },\n  // Disables the long useless control description\n  argTypes: {\n    scrollBehavior: {\n      control: 'radio',\n      options: ['smooth', 'auto'],\n      table: {\n        defaultValue: { summary: 'smooth' },\n      },\n    },\n    imageSize: {\n      table: {\n        defaultValue: { summary: 'contain' },\n      },\n    },\n    thumbImageSize: {\n      table: {\n        defaultValue: { summary: 'cover' },\n      },\n    },\n    bulletPosition: {\n      table: {\n        defaultValue: { summary: 'bottom' },\n      },\n    },\n    counterPosition: {\n      table: {\n        defaultValue: { summary: 'top' },\n      },\n    },\n    orientation: {\n      table: {\n        defaultValue: { summary: 'horizontal' },\n      },\n    },\n    loadingAttr: {\n      table: {\n        defaultValue: { summary: 'lazy' },\n      },\n    },\n    loadingStrategy: {\n      table: {\n        defaultValue: { summary: 'default' },\n      },\n    },\n    thumbPosition: {\n      table: {\n        defaultValue: { summary: 'bottom' },\n      },\n    },\n    thumbCentralized: {\n      table: {\n        defaultValue: { summary: 'default' },\n      },\n    },\n    scrollEase: {\n      table: {\n        defaultValue: { summary: '{ x1: 0.42, y1: 0, x2: 0.58, y2: 1 }' },\n      },\n    },\n    nav: {\n      table: {\n        defaultValue: { summary: 'true' },\n      },\n    },\n    thumbs: {\n      table: {\n        defaultValue: { summary: 'true' },\n      },\n    },\n    loop: {\n      table: {\n        defaultValue: { summary: 'true' },\n      },\n    },\n    counter: {\n      table: {\n        defaultValue: { summary: 'true' },\n      },\n    },\n    bulletSize: {\n      table: {\n        defaultValue: { summary: '6' },\n      },\n    },\n    thumbWidth: {\n      table: {\n        defaultValue: { summary: '120' },\n      },\n    },\n    thumbHeight: {\n      table: {\n        defaultValue: { summary: '90' },\n      },\n    },\n    autoplayInterval: {\n      table: {\n        defaultValue: { summary: '3000' },\n      },\n    },\n    scrollDuration: {\n      table: {\n        defaultValue: { summary: '468' },\n      },\n    },\n    resizeDebounceTime: {\n      table: {\n        defaultValue: { summary: '0' },\n      },\n    },\n    error: {\n      control: false,\n    },\n    indexChange: {\n      control: false,\n    },\n    itemsChange: {\n      control: false,\n    },\n    itemClick: {\n      control: false,\n    },\n    thumbClick: {\n      control: false,\n    },\n    playingChange: {\n      control: false,\n    },\n    galleryRef: {\n      control: false,\n    },\n    load: {\n      control: false,\n    },\n    add: {\n      control: false,\n    },\n    addImage: {\n      control: false,\n    },\n    addVideo: {\n      control: false,\n    },\n    addIframe: {\n      control: false,\n    },\n    addYoutube: {\n      control: false,\n    },\n    remove: {\n      control: false,\n    },\n    next: {\n      control: false,\n    },\n    prev: {\n      control: false,\n    },\n    set: {\n      control: false,\n    },\n    reset: {\n      control: false,\n    },\n    play: {\n      control: false,\n    },\n    stop: {\n      control: false,\n    },\n  },\n}"
-            },
-            {
-                "name": "meta",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Meta<CustomTemplateComponent>",
-                "defaultValue": "{\n  title: 'Documentations/CustomTemplates',\n  component: CustomTemplateComponent,\n  // tags: ['autodocs'],\n  render: (args: CustomTemplateComponent) => ({\n    props: {\n      ...args,\n    },\n  }),\n  decorators: [\n    moduleMetadata({\n      imports: [GalleryModule],\n    }),\n    applicationConfig({\n      providers: [provideAnimations()],\n    }),\n  ],\n}"
-            },
-            {
-                "name": "meta",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Meta<LightboxExampleComponent>",
-                "defaultValue": "{\n  title: 'Documentations/Lightbox',\n  component: LightboxExampleComponent,\n  decorators: [\n    moduleMetadata({\n      imports: [LightboxModule],\n    }),\n    applicationConfig({\n      providers: [provideAnimations()],\n    }),\n  ],\n}"
-            },
-            {
-                "name": "NavExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\"/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('lions') })],\n}"
-            },
-            {
-                "name": "NavWithLoopExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" loop/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('tigers') })],\n}"
-            },
-            {
-                "name": "NEWTON_ITERATIONS",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "number",
-                "defaultValue": "4",
-                "rawdescription": "https://github.com/gre/bezier-easing\r\nBezierEasing - use bezier curve for transition easing function\r\nby Gaëtan Renaudeau 2014 - 2015 – MIT License",
-                "description": "<p><a href=\"https://github.com/gre/bezier-easing\">https://github.com/gre/bezier-easing</a>\nBezierEasing - use bezier curve for transition easing function\nby Gaëtan Renaudeau 2014 - 2015 – MIT License</p>\n"
-            },
-            {
-                "name": "NEWTON_MIN_SLOPE",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "number",
-                "defaultValue": "0.001"
-            },
-            {
-                "name": "preview",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/.storybook/preview.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Preview",
-                "defaultValue": "{\r\n  parameters: {\r\n    layout: 'fullscreen',\r\n    actions: { argTypesRegex: \"^on[A-Z].*\" },\r\n    controls: {\r\n      matchers: {\r\n        color: /(background|color)$/i,\r\n        date: /Date$/i,\r\n      }\r\n    }\r\n  },\r\n}"
-            },
-            {
-                "name": "SliderBehaviorExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" scrollBehavior=\"auto\"/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('chips') })],\n}"
-            },
-            {
-                "name": "SliderDirectionExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" orientation=\"vertical\" />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('tigers') })],\n}"
-            },
-            {
-                "name": "SliderExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\"/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('chips') })],\n}"
-            },
-            {
-                "name": "SUBDIVISION_MAX_ITERATIONS",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "number",
-                "defaultValue": "10"
-            },
-            {
-                "name": "SUBDIVISION_PRECISION",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "number",
-                "defaultValue": "0.0000001"
-            },
-            {
-                "name": "ThumbAutosizeExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" thumbs thumbAutosize/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('roads') })],\n}"
-            },
-            {
-                "name": "ThumbDetachedExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" thumbs detachThumbs/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('flowers') })],\n}"
-            },
-            {
-                "name": "ThumbPositionExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" thumbs thumbPosition=\"bottom\"/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('street') })],\n}"
-            },
-            {
-                "name": "ThumbTemplateExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  render: (args: CustomTemplateComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <gallery [items]=\"items\" thumbs>\n        <div *galleryThumbDef=\"let thumb\" class=\"my-thumb-overlay\">\n          {{ thumb?.alt }}\n        </div>\n      </gallery>\n    `,\n  }),\n  loaders: [async () => ({ items: await getHDImages('sea') })],\n}"
-            },
-            {
-                "name": "ThumbViewExample",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "Story",
-                "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" thumbs thumbCentralized/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('landscape') })],\n}"
-            }
-        ],
-        "functions": [
-            {
-                "name": "A",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "aA1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "aA2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "jsdoctags": [
-                    {
-                        "name": "aA1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "aA2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "B",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "aA1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "aA2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "jsdoctags": [
-                    {
-                        "name": "aA1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "aA2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "bezier",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "mX1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "mY1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "mX2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "mY2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "jsdoctags": [
-                    {
-                        "name": "mX1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "mY1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "mX2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "mY2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "binarySubdivide",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "aX",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "aA",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "aB",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "mX1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "mX2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "jsdoctags": [
-                    {
-                        "name": "aX",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "aA",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "aB",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "mX1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "mX2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "C",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "aA1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "jsdoctags": [
-                    {
-                        "name": "aA1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "calcBezier",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "aT",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "aA1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "aA2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "jsdoctags": [
-                    {
-                        "name": "aT",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "aA1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "aA2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "createIntersectionObserver",
-                "file": "projects/ng-gallery/src/lib/observers/active-item-observer.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "root",
-                        "type": "HTMLElement",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "elements",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "rootMargin",
-                        "type": "string",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "returnType": "Observable<IntersectionObserverEntry>",
-                "jsdoctags": [
-                    {
-                        "name": "root",
-                        "type": "HTMLElement",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "elements",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "rootMargin",
-                        "type": "string",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "getHDImages",
-                "file": "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "key",
-                        "type": "string",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "returnType": "Promise<GalleryItem[]>",
-                "jsdoctags": [
-                    {
-                        "name": "key",
-                        "type": "string",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "getHDImagesForCustomTemplate",
-                "file": "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "key",
-                        "type": "string",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "returnType": "Promise<GalleryItem[]>",
-                "jsdoctags": [
-                    {
-                        "name": "key",
-                        "type": "string",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "getSlope",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "aT",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "aA1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "aA2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "jsdoctags": [
-                    {
-                        "name": "aT",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "aA1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "aA2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "LinearEasing",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "x",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "jsdoctags": [
-                    {
-                        "name": "x",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "newtonRaphsonIterate",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "aX",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "aGuessT",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "mX1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "mX2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    }
-                ],
-                "jsdoctags": [
-                    {
-                        "name": "aX",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "aGuessT",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "mX1",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "mX2",
-                        "type": "",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            },
-            {
-                "name": "resizeObservable",
-                "file": "projects/ng-gallery/src/lib/utils/resize-observer.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "args": [
-                    {
-                        "name": "el",
-                        "type": "HTMLElement",
-                        "deprecated": false,
-                        "deprecationMessage": ""
-                    },
-                    {
-                        "name": "setter",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "optional": true
-                    }
-                ],
-                "returnType": "Observable<ResizeObserverEntry>",
-                "jsdoctags": [
-                    {
-                        "name": "el",
-                        "type": "HTMLElement",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "tagName": {
-                            "text": "param"
-                        }
-                    },
-                    {
-                        "name": "setter",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "optional": true,
-                        "tagName": {
-                            "text": "param"
-                        }
-                    }
-                ]
-            }
-        ],
-        "typealiases": [
-            {
-                "name": "GalleryConfig",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "",
-                "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 190
-            },
-            {
-                "name": "GalleryItemData",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "ImageItemData | VideoItemData | IframeItemData | YoutubeItemData",
-                "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 189
-            },
-            {
-                "name": "GalleryItemModel",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "literal type",
-                "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 184
-            },
-            {
-                "name": "GalleryItemType",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "GalleryItemTypes | string",
-                "file": "projects/ng-gallery/src/lib/models/constants.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 189
-            },
-            {
-                "name": "HorizontalPosition",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "\"top\" | \"bottom\"",
-                "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 189
-            },
-            {
-                "name": "IframeItemData",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "",
-                "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 190
-            },
-            {
-                "name": "ImageItemData",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "",
-                "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 190
-            },
-            {
-                "name": "ImageSize",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "\"contain\" | \"cover\"",
-                "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 189
-            },
-            {
-                "name": "ItemState",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "\"success\" | \"loading\" | \"failed\"",
-                "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 189
-            },
-            {
-                "name": "LoadingAttr",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "\"eager\" | \"lazy\"",
-                "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 189
-            },
-            {
-                "name": "LoadingStrategy",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "\"preload\" | \"lazy\" | \"default\"",
-                "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 189
-            },
-            {
-                "name": "Orientation",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "\"horizontal\" | \"vertical\"",
-                "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 189
-            },
-            {
-                "name": "SmoothScrollOptions",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 190
-            },
-            {
-                "name": "SmoothScrollToOptions",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "",
-                "file": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 190
-            },
-            {
-                "name": "Story",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "StoryObj<GalleryComponent>",
-                "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 180
-            },
-            {
-                "name": "Story",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "StoryObj<CustomTemplateComponent>",
-                "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 180
-            },
-            {
-                "name": "Story",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "StoryObj<LightboxExampleComponent>",
-                "file": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 180
-            },
-            {
-                "name": "ThumbsPosition",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "\"top\" | \"left\" | \"right\" | \"bottom\"",
-                "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 189
-            },
-            {
-                "name": "VideoItemData",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "",
-                "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 190
-            },
-            {
-                "name": "YoutubeItemData",
-                "ctype": "miscellaneous",
-                "subtype": "typealias",
-                "rawtype": "",
-                "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "kind": 190
-            }
-        ],
-        "enumerations": [
-            {
-                "name": "BulletsPosition",
-                "childs": [
-                    {
-                        "name": "Top",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "top"
-                    },
-                    {
-                        "name": "Bottom",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "bottom"
-                    }
-                ],
-                "ctype": "miscellaneous",
-                "subtype": "enum",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "file": "projects/ng-gallery/src/lib/models/constants.ts"
-            },
-            {
-                "name": "CounterPosition",
-                "childs": [
-                    {
-                        "name": "Top",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "top"
-                    },
-                    {
-                        "name": "Bottom",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "bottom"
-                    }
-                ],
-                "ctype": "miscellaneous",
-                "subtype": "enum",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "file": "projects/ng-gallery/src/lib/models/constants.ts"
-            },
-            {
-                "name": "GalleryAction",
-                "childs": [
-                    {
-                        "name": "INITIALIZED",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "initialized"
-                    },
-                    {
-                        "name": "ITEMS_CHANGED",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "itemsChanged"
-                    },
-                    {
-                        "name": "INDEX_CHANGED",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "indexChanged"
-                    },
-                    {
-                        "name": "PLAY",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "play"
-                    },
-                    {
-                        "name": "STOP",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "stop"
-                    }
-                ],
-                "ctype": "miscellaneous",
-                "subtype": "enum",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "file": "projects/ng-gallery/src/lib/models/constants.ts"
-            },
-            {
-                "name": "GalleryItemTypes",
-                "childs": [
-                    {
-                        "name": "Image",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "image"
-                    },
-                    {
-                        "name": "Video",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "video"
-                    },
-                    {
-                        "name": "Youtube",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "youtube"
-                    },
-                    {
-                        "name": "Iframe",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "iframe"
-                    }
-                ],
-                "ctype": "miscellaneous",
-                "subtype": "enum",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "file": "projects/ng-gallery/src/lib/models/constants.ts"
-            },
-            {
-                "name": "ImageSize",
-                "childs": [
-                    {
-                        "name": "Cover",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "cover"
-                    },
-                    {
-                        "name": "Contain",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "contain"
-                    }
-                ],
-                "ctype": "miscellaneous",
-                "subtype": "enum",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "file": "projects/ng-gallery/src/lib/models/constants.ts"
-            },
-            {
-                "name": "LoadingAttr",
-                "childs": [
-                    {
-                        "name": "Eager",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "eager"
-                    },
-                    {
-                        "name": "Lazy",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "lazy"
-                    }
-                ],
-                "ctype": "miscellaneous",
-                "subtype": "enum",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "file": "projects/ng-gallery/src/lib/models/constants.ts"
-            },
-            {
-                "name": "LoadingStrategy",
-                "childs": [
-                    {
-                        "name": "Preload",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "preload"
-                    },
-                    {
-                        "name": "Lazy",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "lazy"
-                    },
-                    {
-                        "name": "Default",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "default"
-                    }
-                ],
-                "ctype": "miscellaneous",
-                "subtype": "enum",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "file": "projects/ng-gallery/src/lib/models/constants.ts"
-            },
-            {
-                "name": "Orientation",
-                "childs": [
-                    {
-                        "name": "Horizontal",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "horizontal"
-                    },
-                    {
-                        "name": "Vertical",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "vertical"
-                    }
-                ],
-                "ctype": "miscellaneous",
-                "subtype": "enum",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "file": "projects/ng-gallery/src/lib/models/constants.ts"
-            },
-            {
-                "name": "ThumbnailsPosition",
-                "childs": [
-                    {
-                        "name": "Top",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "top"
-                    },
-                    {
-                        "name": "Left",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "left"
-                    },
-                    {
-                        "name": "Right",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "right"
-                    },
-                    {
-                        "name": "Bottom",
-                        "deprecated": false,
-                        "deprecationMessage": "",
-                        "value": "bottom"
-                    }
-                ],
-                "ctype": "miscellaneous",
-                "subtype": "enum",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "",
-                "file": "projects/ng-gallery/src/lib/models/constants.ts"
-            }
-        ],
-        "groupedVariables": {
-            "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts": [
-                {
-                    "name": "API_KEY",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "defaultValue": "'560162-704dd2880c027f22c62ab7941'"
-                }
-            ],
-            "projects/ng-gallery/src/stories/basic/Gallery.stories.ts": [
-                {
-                    "name": "AutoHeightExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" autoHeight />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('tigers') })],\n}"
-                },
-                {
-                    "name": "AutoplayExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" autoplay />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('airplane') })],\n}"
-                },
-                {
-                    "name": "BulletExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" bullets />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('football') })],\n}"
-                },
-                {
-                    "name": "CounterExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" counter />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('basketball') })],\n}"
-                },
-                {
-                    "name": "ImageSizeExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" imageSize=\"cover\" />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('tigers') })],\n}"
-                },
-                {
-                    "name": "ItemAutosizeExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" itemAutosize loadingStrategy=\"preload\" loadingAttr=\"eager\" />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('ship') })],\n}"
-                },
-                {
-                    "name": "Lab",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: {\n      ...args,\n      items,\n    },\n    template: `\n      <gallery [items]=\"items\"\n               [orientation]=\"orientation\"\n               [scrollBehavior]=\"scrollBehavior\"\n               [scrollDuration]=\"scrollDuration\"\n               [disableScroll]=\"disableScroll\"\n               [disableMouseScroll]=\"disableMouseScroll\"\n               [autoHeight]=\"autoHeight\"\n               [itemAutosize]=\"itemAutosize\"\n               [thumbs]=\"thumbs\"\n               [thumbImageSize]=\"thumbImageSize\"\n               [thumbPosition]=\"thumbPosition\"\n               [thumbCentralized]=\"thumbCentralized\"\n               [thumbWidth]=\"thumbWidth\"\n               [thumbHeight]=\"thumbHeight\"\n               [disableThumbs]=\"disableThumbs\"\n               [detachThumbs]=\"detachThumbs\"\n               [thumbAutosize]=\"thumbAutosize\"\n               [disableThumbScroll]=\"disableThumbScroll\"\n               [disableThumbMouseScroll]=\"disableThumbMouseScroll\"\n               [bullets]=\"bullets\"\n               [bulletPosition]=\"bulletPosition\"\n               [bulletSize]=\"bulletSize\"\n               [disableBullets]=\"disableBullets\"\n               [resizeDebounceTime]=\"resizeDebounceTime\"\n               [nav]=\"nav\"\n               [loop]=\"loop\"\n               [debug]=\"debug\"\n               [counter]=\"counter\"\n               [counterPosition]=\"counterPosition\"\n               [autoplay]=\"autoplay\"\n               [autoplayInterval]=\"autoplayInterval\"\n               [imageSize]=\"imageSize\"\n               [loadingAttr]=\"loadingAttr\"\n               [loadingStrategy]=\"loadingStrategy\"/>\n    `,\n  }),\n  loaders: [\n    async () => ({\n      items: await getHDImages('jet fighter'),\n    }),\n  ],\n}",
-                    "rawdescription": "First Example for gallery",
-                    "description": "<p>First Example for gallery</p>\n"
-                },
-                {
-                    "name": "meta",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Meta<GalleryComponent>",
-                    "defaultValue": "{\n  title: 'Documentations/Gallery',\n  component: GalleryComponent,\n  tags: ['autodocs'],\n  render: (args: GalleryComponent) => ({\n    props: {\n      ...args,\n    },\n  }),\n  decorators: [\n    applicationConfig({\n      providers: [provideAnimations()],\n    }),\n  ],\n  args: {\n    id: 'root',\n    scrollBehavior: 'smooth',\n    imageSize: ImageSize.Contain,\n    thumbImageSize: ImageSize.Cover,\n    bulletPosition: BulletsPosition.Bottom,\n    counterPosition: CounterPosition.Top,\n    orientation: Orientation.Horizontal,\n    loadingAttr: LoadingAttr.Lazy,\n    loadingStrategy: LoadingStrategy.Default,\n    thumbPosition: ThumbnailsPosition.Bottom,\n    scrollEase: {\n      x1: 0.42,\n      y1: 0,\n      x2: 0.58,\n      y2: 1,\n    },\n    bulletSize: 6,\n    thumbWidth: 120,\n    thumbHeight: 90,\n    autoplayInterval: 3000,\n    scrollDuration: 468,\n    resizeDebounceTime: 0,\n    nav: true,\n    bullets: true,\n    disableBullets: false,\n    loop: true,\n    debug: false,\n    thumbs: true,\n    counter: true,\n    autoplay: false,\n    autoHeight: false,\n    itemAutosize: false,\n    disableThumbs: false,\n    detachThumbs: false,\n    thumbAutosize: false,\n    disableScroll: false,\n    thumbCentralized: false,\n    disableThumbScroll: false,\n    disableMouseScroll: false,\n    disableThumbMouseScroll: false,\n  },\n  // Disables the long useless control description\n  argTypes: {\n    scrollBehavior: {\n      control: 'radio',\n      options: ['smooth', 'auto'],\n      table: {\n        defaultValue: { summary: 'smooth' },\n      },\n    },\n    imageSize: {\n      table: {\n        defaultValue: { summary: 'contain' },\n      },\n    },\n    thumbImageSize: {\n      table: {\n        defaultValue: { summary: 'cover' },\n      },\n    },\n    bulletPosition: {\n      table: {\n        defaultValue: { summary: 'bottom' },\n      },\n    },\n    counterPosition: {\n      table: {\n        defaultValue: { summary: 'top' },\n      },\n    },\n    orientation: {\n      table: {\n        defaultValue: { summary: 'horizontal' },\n      },\n    },\n    loadingAttr: {\n      table: {\n        defaultValue: { summary: 'lazy' },\n      },\n    },\n    loadingStrategy: {\n      table: {\n        defaultValue: { summary: 'default' },\n      },\n    },\n    thumbPosition: {\n      table: {\n        defaultValue: { summary: 'bottom' },\n      },\n    },\n    thumbCentralized: {\n      table: {\n        defaultValue: { summary: 'default' },\n      },\n    },\n    scrollEase: {\n      table: {\n        defaultValue: { summary: '{ x1: 0.42, y1: 0, x2: 0.58, y2: 1 }' },\n      },\n    },\n    nav: {\n      table: {\n        defaultValue: { summary: 'true' },\n      },\n    },\n    thumbs: {\n      table: {\n        defaultValue: { summary: 'true' },\n      },\n    },\n    loop: {\n      table: {\n        defaultValue: { summary: 'true' },\n      },\n    },\n    counter: {\n      table: {\n        defaultValue: { summary: 'true' },\n      },\n    },\n    bulletSize: {\n      table: {\n        defaultValue: { summary: '6' },\n      },\n    },\n    thumbWidth: {\n      table: {\n        defaultValue: { summary: '120' },\n      },\n    },\n    thumbHeight: {\n      table: {\n        defaultValue: { summary: '90' },\n      },\n    },\n    autoplayInterval: {\n      table: {\n        defaultValue: { summary: '3000' },\n      },\n    },\n    scrollDuration: {\n      table: {\n        defaultValue: { summary: '468' },\n      },\n    },\n    resizeDebounceTime: {\n      table: {\n        defaultValue: { summary: '0' },\n      },\n    },\n    error: {\n      control: false,\n    },\n    indexChange: {\n      control: false,\n    },\n    itemsChange: {\n      control: false,\n    },\n    itemClick: {\n      control: false,\n    },\n    thumbClick: {\n      control: false,\n    },\n    playingChange: {\n      control: false,\n    },\n    galleryRef: {\n      control: false,\n    },\n    load: {\n      control: false,\n    },\n    add: {\n      control: false,\n    },\n    addImage: {\n      control: false,\n    },\n    addVideo: {\n      control: false,\n    },\n    addIframe: {\n      control: false,\n    },\n    addYoutube: {\n      control: false,\n    },\n    remove: {\n      control: false,\n    },\n    next: {\n      control: false,\n    },\n    prev: {\n      control: false,\n    },\n    set: {\n      control: false,\n    },\n    reset: {\n      control: false,\n    },\n    play: {\n      control: false,\n    },\n    stop: {\n      control: false,\n    },\n  },\n}"
-                },
-                {
-                    "name": "NavExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\"/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('lions') })],\n}"
-                },
-                {
-                    "name": "NavWithLoopExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" loop/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('tigers') })],\n}"
-                },
-                {
-                    "name": "SliderBehaviorExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" scrollBehavior=\"auto\"/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('chips') })],\n}"
-                },
-                {
-                    "name": "SliderDirectionExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" orientation=\"vertical\" />`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('tigers') })],\n}"
-                },
-                {
-                    "name": "SliderExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\"/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('chips') })],\n}"
-                },
-                {
-                    "name": "ThumbAutosizeExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" thumbs thumbAutosize/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('roads') })],\n}"
-                },
-                {
-                    "name": "ThumbDetachedExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" thumbs detachThumbs/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('flowers') })],\n}"
-                },
-                {
-                    "name": "ThumbPositionExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" thumbs thumbPosition=\"bottom\"/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('street') })],\n}"
-                },
-                {
-                    "name": "ThumbViewExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: { controls: { exclude: /.*/g } },\n  render: (args: GalleryComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `<gallery [items]=\"items\" thumbs thumbCentralized/>`,\n  }),\n  loaders: [async () => ({ items: await getHDImages('landscape') })],\n}"
-                }
-            ],
-            "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts": [
-                {
-                    "name": "BoxTemplateExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  render: (args: CustomTemplateComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <gallery [items]=\"items\">\n        <div *galleryBoxDef=\"let state; config\" class=\"my-box\">\n          <div>This is fixed overlay template</div>\n          <img src=\"https://user-images.githubusercontent.com/8130692/36171173-ad0da54c-1112-11e8-85bf-843c5f70efdc.png\">\n        </div>\n      </gallery>\n    `,\n    styles: [\n      `\n      .my-box {\n        width: 200px;\n        height: 50px;\n        color: white;\n      }\n      img {\n        position: absolute;\n        z-index: 999;\n        width: 40px;\n        height: 40px;\n        top: 20px;\n        left: 20px;\n      }\n    `,\n    ],\n  }),\n  loaders: [async () => ({ items: await getHDImages('sea') })],\n}"
-                },
-                {
-                    "name": "ImageTemplateExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  render: (args: CustomTemplateComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <gallery [items]=\"items\">\n        <div *galleryImageDef=\"let item\" class=\"my-image-overlay\">\n          {{ item?.alt }}\n        </div>\n      </gallery>\n    `,\n  }),\n  loaders: [async () => ({ items: await getHDImages('sea') })],\n}"
-                },
-                {
-                    "name": "ItemTemplateExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  render: (args: CustomTemplateComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <gallery [items]=\"items\">\n        <div *galleryItemDef=\"let item\" class=\"my-item-template\">\n          <img [src]=\"item?.src\">\n        </div>\n      </gallery>\n    `,\n    styles: [\n      `\n      img {\n        object-fit: cover;\n        border: 10px white solid;\n        width: 400px;\n        height: 400px;\n      }\n    `,\n    ],\n  }),\n  loaders: [\n    async () => ({ items: await getHDImagesForCustomTemplate('sand') }),\n  ],\n}"
-                },
-                {
-                    "name": "meta",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Meta<CustomTemplateComponent>",
-                    "defaultValue": "{\n  title: 'Documentations/CustomTemplates',\n  component: CustomTemplateComponent,\n  // tags: ['autodocs'],\n  render: (args: CustomTemplateComponent) => ({\n    props: {\n      ...args,\n    },\n  }),\n  decorators: [\n    moduleMetadata({\n      imports: [GalleryModule],\n    }),\n    applicationConfig({\n      providers: [provideAnimations()],\n    }),\n  ],\n}"
-                },
-                {
-                    "name": "ThumbTemplateExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  render: (args: CustomTemplateComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <gallery [items]=\"items\" thumbs>\n        <div *galleryThumbDef=\"let thumb\" class=\"my-thumb-overlay\">\n          {{ thumb?.alt }}\n        </div>\n      </gallery>\n    `,\n  }),\n  loaders: [async () => ({ items: await getHDImages('sea') })],\n}"
-                }
-            ],
-            "projects/ng-gallery/src/lib/utils/gallery.default.ts": [
-                {
-                    "name": "defaultConfig",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/utils/gallery.default.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryConfig",
-                    "defaultValue": "{\r\n  nav: true,\r\n  loop: false,\r\n  bullets: false,\r\n  thumbs: false,\r\n  debug: false,\r\n  bulletSize: 6,\r\n  counter: false,\r\n  autoplay: false,\r\n  thumbWidth: 120,\r\n  thumbHeight: 90,\r\n  disableBullets: false,\r\n  disableThumbs: false,\r\n  disableScroll: false,\r\n  disableThumbScroll: false,\r\n  disableMouseScroll: false,\r\n  disableThumbMouseScroll: false,\r\n  autoplayInterval: 3000,\r\n  scrollDuration: 468,\r\n  scrollEase: {\r\n    x1: 0.42,\r\n    y1: 0,\r\n    x2: 0.58,\r\n    y2: 1\r\n  },\r\n  thumbCentralized: false,\r\n  thumbAutosize: false,\r\n  itemAutosize: false,\r\n  autoHeight: false,\r\n  scrollBehavior: 'smooth',\r\n  resizeDebounceTime: 0,\r\n  loadingAttr: LoadingAttr.Lazy,\r\n  imageSize: ImageSize.Contain,\r\n  thumbImageSize: ImageSize.Cover,\r\n  bulletPosition: BulletsPosition.Bottom,\r\n  counterPosition: CounterPosition.Top,\r\n  thumbPosition: ThumbnailsPosition.Bottom,\r\n  loadingStrategy: LoadingStrategy.Preload,\r\n  orientation: Orientation.Horizontal,\r\n  navIcon: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 256C0 397.4 114.6 512 256 512s256-114.6 256-256S397.4 0 256 0S0 114.6 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z\"/></svg>`,\r\n  // navIcon: `<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"512px\" height=\"512px\" enable-background=\"new 0 0 240.823 240.823\" version=\"1.1\" viewBox=\"0 0 240.823 240.823\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m183.19 111.82l-108.3-108.26c-4.752-4.74-12.451-4.74-17.215 0-4.752 4.74-4.752 12.439 0 17.179l99.707 99.671-99.695 99.671c-4.752 4.74-4.752 12.439 0 17.191 4.752 4.74 12.463 4.74 17.215 0l108.3-108.26c4.68-4.691 4.68-12.511-0.012-17.19z\"></svg>`,\r\n  loadingIcon: `<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg stroke=\"#fff\" viewBox=\"0 0 44 44\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" stroke-width=\"2\"><circle cx=\"22\" cy=\"22\" r=\"1\"><animate attributeName=\"r\" begin=\"0s\" calcMode=\"spline\" dur=\"1.8s\" keySplines=\"0.165, 0.84, 0.44, 1\" keyTimes=\"0; 1\" repeatCount=\"indefinite\" values=\"1; 20\"/><animate attributeName=\"stroke-opacity\" begin=\"0s\" calcMode=\"spline\" dur=\"1.8s\" keySplines=\"0.3, 0.61, 0.355, 1\" keyTimes=\"0; 1\" repeatCount=\"indefinite\" values=\"1; 0\"/></circle><circle cx=\"22\" cy=\"22\" r=\"1\"><animate attributeName=\"r\" begin=\"-0.9s\" calcMode=\"spline\" dur=\"1.8s\" keySplines=\"0.165, 0.84, 0.44, 1\" keyTimes=\"0; 1\" repeatCount=\"indefinite\" values=\"1; 20\"/><animate attributeName=\"stroke-opacity\" begin=\"-0.9s\" calcMode=\"spline\" dur=\"1.8s\" keySplines=\"0.3, 0.61, 0.355, 1\" keyTimes=\"0; 1\" repeatCount=\"indefinite\" values=\"1; 0\"/></circle></g></svg>`\r\n}"
-                },
-                {
-                    "name": "defaultState",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/utils/gallery.default.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "GalleryState",
-                    "defaultValue": "{\r\n  action: GalleryAction.INITIALIZED,\r\n  isPlaying: false,\r\n  hasNext: false,\r\n  hasPrev: false,\r\n  currIndex: 0,\r\n  items: []\r\n}",
-                    "rawdescription": "Initial state",
-                    "description": "<p>Initial state</p>\n"
-                }
-            ],
-            "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts": [
-                {
-                    "name": "DIRECTION_DOWN",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "defaultValue": "16"
-                },
-                {
-                    "name": "DIRECTION_LEFT",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "defaultValue": "2",
-                    "rawdescription": "A clone of HammerJs constants",
-                    "description": "<p>A clone of HammerJs constants</p>\n"
-                },
-                {
-                    "name": "DIRECTION_RIGHT",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "defaultValue": "4"
-                },
-                {
-                    "name": "DIRECTION_UP",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "defaultValue": "8"
-                }
-            ],
-            "projects/ng-gallery/src/lib/services/gallery-ref.ts": [
-                {
-                    "name": "filterActions",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/services/gallery-ref.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "(actions: string[]) => {\r\n  return filter((state: GalleryState) => actions.indexOf(state.action) > -1);\r\n}"
-                }
-            ],
-            "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts": [
-                {
-                    "name": "float32ArraySupported",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "typeof Float32Array === 'function'"
-                },
-                {
-                    "name": "kSampleStepSize",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "1.0 / (kSplineTableSize - 1.0)"
-                },
-                {
-                    "name": "kSplineTableSize",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "defaultValue": "11"
-                },
-                {
-                    "name": "NEWTON_ITERATIONS",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "defaultValue": "4",
-                    "rawdescription": "https://github.com/gre/bezier-easing\r\nBezierEasing - use bezier curve for transition easing function\r\nby Gaëtan Renaudeau 2014 - 2015 – MIT License",
-                    "description": "<p><a href=\"https://github.com/gre/bezier-easing\">https://github.com/gre/bezier-easing</a>\nBezierEasing - use bezier curve for transition easing function\nby Gaëtan Renaudeau 2014 - 2015 – MIT License</p>\n"
-                },
-                {
-                    "name": "NEWTON_MIN_SLOPE",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "defaultValue": "0.001"
-                },
-                {
-                    "name": "SUBDIVISION_MAX_ITERATIONS",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "defaultValue": "10"
-                },
-                {
-                    "name": "SUBDIVISION_PRECISION",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "number",
-                    "defaultValue": "0.0000001"
-                }
-            ],
-            "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts": [
-                {
-                    "name": "GallerizeExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  render: (args: LightboxExampleComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <div class=\"container\" gallerize>\n        <img *ngFor=\"let item of items\"\n             [src]=\"item.data.thumb\"\n             [attr.imageSrc]=\"item.data.src\">\n      </div>\n    `,\n    styles: [\n      `\n      .container {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 3px;\n        margin: 0 auto;\n        padding: 20px;\n        max-width: 768px;\n      }\n      img {\n        height: 90px;\n        width: 125px;\n        object-fit: cover;\n      }\n    `,\n    ],\n  }),\n  loaders: [async () => ({ items: await getHDImages('ship') })],\n}"
-                },
-                {
-                    "name": "GallerizeGalleryExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  render: (args: LightboxExampleComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n    template: `\n      <gallery [items]=\"items\" gallerize />\n    `,\n  }),\n  loaders: [async () => ({ items: await getHDImages('ship') })],\n}"
-                },
-                {
-                    "name": "LightboxExample",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Story",
-                    "defaultValue": "{\n  parameters: {\n    docs: {\n      source: {\n        code: `\n          <div class=\"container\">\n            <img *ngFor=\"let item of items; index as i\"\n               class=\"grid-image\"\n               [src]=\"item.data.thumb\"\n               [lightbox]=\"i\"\n               [gallery]=\"galleryId\"/>\n          </div>\n        `,\n      },\n    },\n  },\n  render: (args: LightboxExampleComponent, { loaded: { items } }) => ({\n    props: { ...args, items },\n  }),\n  loaders: [async () => ({ items: await getHDImages('ship') })],\n}"
-                },
-                {
-                    "name": "meta",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Meta<LightboxExampleComponent>",
-                    "defaultValue": "{\n  title: 'Documentations/Lightbox',\n  component: LightboxExampleComponent,\n  decorators: [\n    moduleMetadata({\n      imports: [LightboxModule],\n    }),\n    applicationConfig({\n      providers: [provideAnimations()],\n    }),\n  ],\n}"
-                }
-            ],
-            "projects/ng-gallery/src/lib/models/config.model.ts": [
-                {
-                    "name": "GALLERY_CONFIG",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "InjectionToken<GalleryConfig>",
-                    "defaultValue": "new InjectionToken<GalleryConfig>('GALLERY_CONFIG')"
-                }
-            ],
-            "projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts": [
-                {
-                    "name": "Hammer",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "any"
-                }
-            ],
-            "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts": [
-                {
-                    "name": "Hammer",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "any"
-                }
-            ],
-            "projects/ng-gallery/src/lib/components/templates/svg-assets.ts": [
-                {
-                    "name": "imageFailedSvg",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/src/lib/components/templates/svg-assets.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "`<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg width=\"100\" height=\"100\" version=\"1.1\" viewBox=\"0 0 256 256\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g transform=\"translate(1.4066 1.4066) scale(2.81)\">\r\n\\t<path d=\"m74.453 48.627c-5.538 0-11.075-2.107-15.291-6.324-6.11-6.11-7.768-14.99-5.024-22.629h-48.08c-3.346 1e-3 -6.058 2.713-6.058 6.059v16.322l23.834 20.315c2.278 1.942 5.573 2.119 8.047 0.434l14.382-9.801c2.33-1.588 5.408-1.531 7.677 0.141l27.15 20.001v-25.574c-2.156 0.692-4.394 1.056-6.637 1.056z\" fill=\"#c1e5f4\" stroke-linecap=\"round\"/>\r\n <circle cx=\"27.942\" cy=\"37.942\" r=\"6.072\" fill=\"#fff0a9\"/>\r\n <path d=\"m85.446 16.02c-6.061-6.061-15.922-6.061-21.983 0s-6.061 15.923 0 21.984c3.031 3.031 7.011 4.546 10.992 4.546 3.98 0 7.962-1.515 10.992-4.545 2.936-2.937 4.553-6.841 4.553-10.993s-1.617-8.056-4.554-10.992zm-3.555 3.555c1.987 1.986 3.081 4.627 3.081 7.436 0 1.95-0.538 3.813-1.525 5.438l-14.428-14.428c4.043-2.442 9.384-1.934 12.872 1.554zm-14.873 14.874c-3.486-3.487-3.997-8.829-1.554-12.873l14.426 14.427c-4.043 2.443-9.385 1.932-12.872-1.554z\" fill=\"#e29393\" stroke-linecap=\"round\"/>\r\n <path d=\"m0 40.043v32.425c0 3.346 2.712 6.058 6.058 6.058h68.974c3.346 0 6.058-2.712 6.058-6.058v-1.335l-27.15-20.001c-2.27-1.672-5.348-1.729-7.677-0.141l-14.383 9.801c-2.473 1.686-5.769 1.508-8.047-0.434l-23.833-20.315z\" fill=\"#96ea9c\" stroke-linecap=\"round\"/>\r\n</g>\r\n</svg>\r\n`"
-                }
-            ],
-            "projects/ng-gallery/.storybook/preview.ts": [
-                {
-                    "name": "preview",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "projects/ng-gallery/.storybook/preview.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "Preview",
-                    "defaultValue": "{\r\n  parameters: {\r\n    layout: 'fullscreen',\r\n    actions: { argTypesRegex: \"^on[A-Z].*\" },\r\n    controls: {\r\n      matchers: {\r\n        color: /(background|color)$/i,\r\n        date: /Date$/i,\r\n      }\r\n    }\r\n  },\r\n}"
-                }
-            ]
-        },
-        "groupedFunctions": {
-            "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts": [
-                {
-                    "name": "A",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "aA1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "aA2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "aA1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "aA2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "B",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "aA1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "aA2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "aA1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "aA2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "bezier",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "mX1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "mY1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "mX2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "mY2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "mX1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "mY1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "mX2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "mY2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "binarySubdivide",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "aX",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "aA",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "aB",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "mX1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "mX2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "aX",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "aA",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "aB",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "mX1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "mX2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "C",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "aA1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "aA1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "calcBezier",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "aT",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "aA1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "aA2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "aT",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "aA1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "aA2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getSlope",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "aT",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "aA1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "aA2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "aT",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "aA1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "aA2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "LinearEasing",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "x",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "x",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "newtonRaphsonIterate",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "aX",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "aGuessT",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "mX1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "mX2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "jsdoctags": [
-                        {
-                            "name": "aX",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "aGuessT",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "mX1",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "mX2",
-                            "type": "",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "projects/ng-gallery/src/lib/observers/active-item-observer.ts": [
-                {
-                    "name": "createIntersectionObserver",
-                    "file": "projects/ng-gallery/src/lib/observers/active-item-observer.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "root",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "elements",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "rootMargin",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "returnType": "Observable<IntersectionObserverEntry>",
-                    "jsdoctags": [
-                        {
-                            "name": "root",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "elements",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "rootMargin",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts": [
-                {
-                    "name": "getHDImages",
-                    "file": "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "key",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "returnType": "Promise<GalleryItem[]>",
-                    "jsdoctags": [
-                        {
-                            "name": "key",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "name": "getHDImagesForCustomTemplate",
-                    "file": "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "key",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "returnType": "Promise<GalleryItem[]>",
-                    "jsdoctags": [
-                        {
-                            "name": "key",
-                            "type": "string",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "projects/ng-gallery/src/lib/utils/resize-observer.ts": [
-                {
-                    "name": "resizeObservable",
-                    "file": "projects/ng-gallery/src/lib/utils/resize-observer.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "args": [
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        },
-                        {
-                            "name": "setter",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true
-                        }
-                    ],
-                    "returnType": "Observable<ResizeObserverEntry>",
-                    "jsdoctags": [
-                        {
-                            "name": "el",
-                            "type": "HTMLElement",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        },
-                        {
-                            "name": "setter",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "optional": true,
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ]
-                }
-            ]
-        },
-        "groupedEnumerations": {
-            "projects/ng-gallery/src/lib/models/constants.ts": [
-                {
-                    "name": "BulletsPosition",
-                    "childs": [
-                        {
-                            "name": "Top",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "top"
-                        },
-                        {
-                            "name": "Bottom",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "bottom"
-                        }
-                    ],
-                    "ctype": "miscellaneous",
-                    "subtype": "enum",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "file": "projects/ng-gallery/src/lib/models/constants.ts"
-                },
-                {
-                    "name": "CounterPosition",
-                    "childs": [
-                        {
-                            "name": "Top",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "top"
-                        },
-                        {
-                            "name": "Bottom",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "bottom"
-                        }
-                    ],
-                    "ctype": "miscellaneous",
-                    "subtype": "enum",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "file": "projects/ng-gallery/src/lib/models/constants.ts"
-                },
-                {
-                    "name": "GalleryAction",
-                    "childs": [
-                        {
-                            "name": "INITIALIZED",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "initialized"
-                        },
-                        {
-                            "name": "ITEMS_CHANGED",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "itemsChanged"
-                        },
-                        {
-                            "name": "INDEX_CHANGED",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "indexChanged"
-                        },
-                        {
-                            "name": "PLAY",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "play"
-                        },
-                        {
-                            "name": "STOP",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "stop"
-                        }
-                    ],
-                    "ctype": "miscellaneous",
-                    "subtype": "enum",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "file": "projects/ng-gallery/src/lib/models/constants.ts"
-                },
-                {
-                    "name": "GalleryItemTypes",
-                    "childs": [
-                        {
-                            "name": "Image",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "image"
-                        },
-                        {
-                            "name": "Video",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "video"
-                        },
-                        {
-                            "name": "Youtube",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "youtube"
-                        },
-                        {
-                            "name": "Iframe",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "iframe"
-                        }
-                    ],
-                    "ctype": "miscellaneous",
-                    "subtype": "enum",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "file": "projects/ng-gallery/src/lib/models/constants.ts"
-                },
-                {
-                    "name": "ImageSize",
-                    "childs": [
-                        {
-                            "name": "Cover",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "cover"
-                        },
-                        {
-                            "name": "Contain",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "contain"
-                        }
-                    ],
-                    "ctype": "miscellaneous",
-                    "subtype": "enum",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "file": "projects/ng-gallery/src/lib/models/constants.ts"
-                },
-                {
-                    "name": "LoadingAttr",
-                    "childs": [
-                        {
-                            "name": "Eager",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "eager"
-                        },
-                        {
-                            "name": "Lazy",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "lazy"
-                        }
-                    ],
-                    "ctype": "miscellaneous",
-                    "subtype": "enum",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "file": "projects/ng-gallery/src/lib/models/constants.ts"
-                },
-                {
-                    "name": "LoadingStrategy",
-                    "childs": [
-                        {
-                            "name": "Preload",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "preload"
-                        },
-                        {
-                            "name": "Lazy",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "lazy"
-                        },
-                        {
-                            "name": "Default",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "default"
-                        }
-                    ],
-                    "ctype": "miscellaneous",
-                    "subtype": "enum",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "file": "projects/ng-gallery/src/lib/models/constants.ts"
-                },
-                {
-                    "name": "Orientation",
-                    "childs": [
-                        {
-                            "name": "Horizontal",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "horizontal"
-                        },
-                        {
-                            "name": "Vertical",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "vertical"
-                        }
-                    ],
-                    "ctype": "miscellaneous",
-                    "subtype": "enum",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "file": "projects/ng-gallery/src/lib/models/constants.ts"
-                },
-                {
-                    "name": "ThumbnailsPosition",
-                    "childs": [
-                        {
-                            "name": "Top",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "top"
-                        },
-                        {
-                            "name": "Left",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "left"
-                        },
-                        {
-                            "name": "Right",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "right"
-                        },
-                        {
-                            "name": "Bottom",
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "value": "bottom"
-                        }
-                    ],
-                    "ctype": "miscellaneous",
-                    "subtype": "enum",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "file": "projects/ng-gallery/src/lib/models/constants.ts"
-                }
-            ]
-        },
-        "groupedTypeAliases": {
-            "projects/ng-gallery/src/lib/models/config.model.ts": [
-                {
-                    "name": "GalleryConfig",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "",
-                    "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 190
-                },
-                {
-                    "name": "HorizontalPosition",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "\"top\" | \"bottom\"",
-                    "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 189
-                },
-                {
-                    "name": "ImageSize",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "\"contain\" | \"cover\"",
-                    "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 189
-                },
-                {
-                    "name": "LoadingAttr",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "\"eager\" | \"lazy\"",
-                    "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 189
-                },
-                {
-                    "name": "LoadingStrategy",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "\"preload\" | \"lazy\" | \"default\"",
-                    "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 189
-                },
-                {
-                    "name": "Orientation",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "\"horizontal\" | \"vertical\"",
-                    "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 189
-                },
-                {
-                    "name": "ThumbsPosition",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "\"top\" | \"left\" | \"right\" | \"bottom\"",
-                    "file": "projects/ng-gallery/src/lib/models/config.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 189
-                }
-            ],
-            "projects/ng-gallery/src/lib/components/templates/items.model.ts": [
-                {
-                    "name": "GalleryItemData",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "ImageItemData | VideoItemData | IframeItemData | YoutubeItemData",
-                    "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 189
-                },
-                {
-                    "name": "GalleryItemModel",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "literal type",
-                    "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 184
-                },
-                {
-                    "name": "IframeItemData",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "",
-                    "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 190
-                },
-                {
-                    "name": "ImageItemData",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "",
-                    "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 190
-                },
-                {
-                    "name": "ItemState",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "\"success\" | \"loading\" | \"failed\"",
-                    "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 189
-                },
-                {
-                    "name": "VideoItemData",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "",
-                    "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 190
-                },
-                {
-                    "name": "YoutubeItemData",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "",
-                    "file": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 190
-                }
-            ],
-            "projects/ng-gallery/src/lib/models/constants.ts": [
-                {
-                    "name": "GalleryItemType",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "GalleryItemTypes | string",
-                    "file": "projects/ng-gallery/src/lib/models/constants.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 189
-                }
-            ],
-            "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts": [
-                {
-                    "name": "SmoothScrollOptions",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 190
-                },
-                {
-                    "name": "SmoothScrollToOptions",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "",
-                    "file": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 190
-                }
-            ],
-            "projects/ng-gallery/src/stories/basic/Gallery.stories.ts": [
-                {
-                    "name": "Story",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "StoryObj<GalleryComponent>",
-                    "file": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 180
-                }
-            ],
-            "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts": [
-                {
-                    "name": "Story",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "StoryObj<CustomTemplateComponent>",
-                    "file": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 180
-                }
-            ],
-            "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts": [
-                {
-                    "name": "Story",
-                    "ctype": "miscellaneous",
-                    "subtype": "typealias",
-                    "rawtype": "StoryObj<LightboxExampleComponent>",
-                    "file": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "",
-                    "kind": 180
-                }
-            ]
-        }
-    },
-    "routes": [],
-    "coverage": {
-        "count": 9,
-        "status": "low",
-        "files": [
-            {
-                "filePath": "projects/ng-gallery/.storybook/preview.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "preview",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "AutoplayDirective",
-                "coveragePercent": 0,
-                "coverageCount": "0/11",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/adapters/base-adapter.ts",
-                "type": "class",
-                "linktype": "classe",
-                "name": "SliderAdapter",
-                "coveragePercent": 0,
-                "coverageCount": "0/10",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                "type": "class",
-                "linktype": "classe",
-                "name": "HorizontalAdapter",
-                "coveragePercent": 0,
-                "coverageCount": "0/13",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                "type": "class",
-                "linktype": "classe",
-                "name": "VerticalAdapter",
-                "coveragePercent": 0,
-                "coverageCount": "0/13",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "DIRECTION_DOWN",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "DIRECTION_LEFT",
-                "coveragePercent": 100,
-                "coverageCount": "1/1",
-                "status": "very-good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "DIRECTION_RIGHT",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/adapters/main-adapters.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "DIRECTION_UP",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/gallery-bullets.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryBulletsComponent",
-                "coveragePercent": 0,
-                "coverageCount": "0/6",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/gallery-core.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryCoreComponent",
-                "coveragePercent": 62,
-                "coverageCount": "15/24",
-                "status": "good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/gallery-counter.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryCounterComponent",
-                "coveragePercent": 0,
-                "coverageCount": "0/2",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/gallery-item.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryItemComponent",
-                "coveragePercent": 56,
-                "coverageCount": "9/16",
-                "status": "good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/gallery-nav.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryNavComponent",
-                "coveragePercent": 0,
-                "coverageCount": "0/11",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/gallery-slider.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GallerySliderComponent",
-                "coveragePercent": 45,
-                "coverageCount": "9/20",
-                "status": "medium"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/gallery-thumb.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryThumbComponent",
-                "coveragePercent": 45,
-                "coverageCount": "5/11",
-                "status": "medium"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryThumbsComponent",
-                "coveragePercent": 56,
-                "coverageCount": "9/16",
-                "status": "good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/gallery.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryComponent",
-                "coveragePercent": 98,
-                "coverageCount": "57/58",
-                "status": "very-good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryIframeComponent",
-                "coveragePercent": 0,
-                "coverageCount": "0/9",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryImageComponent",
-                "coveragePercent": 52,
-                "coverageCount": "9/17",
-                "status": "good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "GalleryVideoComponent",
-                "coveragePercent": 6,
-                "coverageCount": "1/15",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "type": "class",
-                "linktype": "classe",
-                "name": "IframeItem",
-                "coveragePercent": 0,
-                "coverageCount": "0/4",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "type": "class",
-                "linktype": "classe",
-                "name": "ImageItem",
-                "coveragePercent": 0,
-                "coverageCount": "0/4",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "type": "class",
-                "linktype": "classe",
-                "name": "VideoItem",
-                "coveragePercent": 0,
-                "coverageCount": "0/4",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/templates/items.model.ts",
-                "type": "class",
-                "linktype": "classe",
-                "name": "YoutubeItem",
-                "coveragePercent": 0,
-                "coverageCount": "0/4",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/components/templates/svg-assets.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "imageFailedSvg",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "GalleryBoxDef",
-                "coveragePercent": 0,
-                "coverageCount": "0/4",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "GalleryStateContext",
-                "coveragePercent": 0,
-                "coverageCount": "0/3",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "GalleryImageDef",
-                "coveragePercent": 0,
-                "coverageCount": "0/4",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "GalleryItemDef",
-                "coveragePercent": 0,
-                "coverageCount": "0/4",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "GalleryItemContext",
-                "coveragePercent": 87,
-                "coverageCount": "7/8",
-                "status": "very-good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "GalleryThumbDef",
-                "coveragePercent": 0,
-                "coverageCount": "0/4",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "HammerSliding",
-                "coveragePercent": 5,
-                "coverageCount": "1/17",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "Hammer",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "BulletsConfig",
-                "coveragePercent": 0,
-                "coverageCount": "0/5",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "CounterConfig",
-                "coveragePercent": 0,
-                "coverageCount": "0/3",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "NavConfig",
-                "coveragePercent": 0,
-                "coverageCount": "0/3",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "PlayerConfig",
-                "coveragePercent": 0,
-                "coverageCount": "0/3",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "SliderConfig",
-                "coveragePercent": 0,
-                "coverageCount": "0/17",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "ThumbConfig",
-                "coveragePercent": 0,
-                "coverageCount": "0/15",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/config.model.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "GALLERY_CONFIG",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/gallery.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "GalleryError",
-                "coveragePercent": 0,
-                "coverageCount": "0/3",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/gallery.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "GalleryItem",
-                "coveragePercent": 0,
-                "coverageCount": "0/3",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/gallery.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "GalleryState",
-                "coveragePercent": 0,
-                "coverageCount": "0/8",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/slider.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "SliderState",
-                "coveragePercent": 0,
-                "coverageCount": "0/3",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/models/slider.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "WorkerState",
-                "coveragePercent": 0,
-                "coverageCount": "0/3",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/observers/active-item-observer.ts",
-                "type": "class",
-                "linktype": "classe",
-                "name": "ActiveItemObserver",
-                "coveragePercent": 0,
-                "coverageCount": "0/2",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/observers/active-item-observer.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "createIntersectionObserver",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "ItemIntersectionObserver",
-                "coveragePercent": 0,
-                "coverageCount": "0/12",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "SliderIntersectionObserver",
-                "coveragePercent": 0,
-                "coverageCount": "0/13",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "SliderResizeObserver",
-                "coveragePercent": 0,
-                "coverageCount": "0/21",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "ThumbResizeObserver",
-                "coveragePercent": 0,
-                "coverageCount": "0/10",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/services/gallery-ref.ts",
-                "type": "class",
-                "linktype": "classe",
-                "name": "GalleryRef",
-                "coveragePercent": 92,
-                "coverageCount": "23/25",
-                "status": "very-good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/services/gallery-ref.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "filterActions",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/services/gallery.service.ts",
-                "type": "injectable",
-                "linktype": "injectable",
-                "name": "Gallery",
-                "coveragePercent": 77,
-                "coverageCount": "7/9",
-                "status": "very-good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "A",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "B",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "bezier",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "binarySubdivide",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "C",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "calcBezier",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "getSlope",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "LinearEasing",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "newtonRaphsonIterate",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "float32ArraySupported",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "kSampleStepSize",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "kSplineTableSize",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "NEWTON_ITERATIONS",
-                "coveragePercent": 100,
-                "coverageCount": "1/1",
-                "status": "very-good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "NEWTON_MIN_SLOPE",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "SUBDIVISION_MAX_ITERATIONS",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/bezier-easing.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "SUBDIVISION_PRECISION",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "SmoothScroll",
-                "coveragePercent": 27,
-                "coverageCount": "6/22",
-                "status": "medium"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "Hammer",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "BezierEasingOptions",
-                "coveragePercent": 0,
-                "coverageCount": "0/5",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "SmoothScrollStep",
-                "coveragePercent": 0,
-                "coverageCount": "0/11",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/utils/gallery.default.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "defaultConfig",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/utils/gallery.default.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "defaultState",
-                "coveragePercent": 100,
-                "coverageCount": "1/1",
-                "status": "very-good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/utils/img-manager.ts",
-                "type": "injectable",
-                "linktype": "injectable",
-                "name": "ImgManager",
-                "coveragePercent": 0,
-                "coverageCount": "0/6",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/utils/img-manager.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "ImageRegistry",
-                "coveragePercent": 0,
-                "coverageCount": "0/3",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/utils/img-recognizer.ts",
-                "type": "directive",
-                "linktype": "directive",
-                "name": "ImgRecognizer",
-                "coveragePercent": 0,
-                "coverageCount": "0/9",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/lib/utils/resize-observer.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "resizeObservable",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "AutoHeightExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "AutoplayExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "BulletExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "CounterExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "ImageSizeExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "ItemAutosizeExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "Lab",
-                "coveragePercent": 100,
-                "coverageCount": "1/1",
-                "status": "very-good"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "meta",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "NavExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "NavWithLoopExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "SliderBehaviorExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "SliderDirectionExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "SliderExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "ThumbAutosizeExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "ThumbDetachedExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "ThumbPositionExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/basic/Gallery.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "ThumbViewExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "BoxTemplateExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "ImageTemplateExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "ItemTemplateExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "meta",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/custom-templates/CustomTemplates.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "ThumbTemplateExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/custom-templates/custom-template.component.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "CustomTemplateComponent",
-                "coveragePercent": 50,
-                "coverageCount": "1/2",
-                "status": "medium"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "GallerizeExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "GallerizeGalleryExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "LightboxExample",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/lightbox/Lightbox.stories.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "meta",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/lightbox/lightbox-example.ts",
-                "type": "component",
-                "linktype": "component",
-                "name": "LightboxExampleComponent",
-                "coveragePercent": 0,
-                "coverageCount": "0/9",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/pixabay/pixabay.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "Hit",
-                "coveragePercent": 0,
-                "coverageCount": "0/22",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/pixabay/pixabay.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "Hit2",
-                "coveragePercent": 0,
-                "coverageCount": "0/18",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/pixabay/pixabay.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "PixabayHDModel",
-                "coveragePercent": 0,
-                "coverageCount": "0/4",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/pixabay/pixabay.model.ts",
-                "type": "interface",
-                "linktype": "interface",
-                "name": "PixabayModel",
-                "coveragePercent": 0,
-                "coverageCount": "0/4",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "getHDImages",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts",
-                "type": "function",
-                "linktype": "miscellaneous",
-                "linksubtype": "function",
-                "name": "getHDImagesForCustomTemplate",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            },
-            {
-                "filePath": "projects/ng-gallery/src/stories/pixabay/pixabay.service.ts",
-                "type": "variable",
-                "linktype": "miscellaneous",
-                "linksubtype": "variable",
-                "name": "API_KEY",
-                "coveragePercent": 0,
-                "coverageCount": "0/1",
-                "status": "low"
-            }
-        ]
-    }
-}
\ No newline at end of file
diff --git a/projects/ng-gallery/karma.conf.js b/projects/ng-gallery/karma.conf.js
index f2d7fdd8..8cbeba3e 100644
--- a/projects/ng-gallery/karma.conf.js
+++ b/projects/ng-gallery/karma.conf.js
@@ -9,24 +9,39 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
+      require('karma-coverage'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
-    coverageIstanbulReporter: {
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
       dir: require('path').join(__dirname, '../../coverage/ng-gallery'),
-      reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' },
+        { type: 'cobertura' },
+        { type: 'lcov' }
+      ]
     },
     reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
+    browsers: ["MyChromeWithoutSearchSelect"],
+    customLaunchers: {
+      MyChromeWithoutSearchSelect: {
+        base: "Chrome",
+        flags: ["-disable-search-engine-choice-screen"],
+      },
+    },
     restartOnFileChange: true
   });
 };
diff --git a/projects/ng-gallery/lightbox/src/gallerize.directive.ts b/projects/ng-gallery/lightbox/src/gallerize.directive.ts
index 9ccec6dd..20ef6d74 100644
--- a/projects/ng-gallery/lightbox/src/gallerize.directive.ts
+++ b/projects/ng-gallery/lightbox/src/gallerize.directive.ts
@@ -11,7 +11,7 @@ import {
   ElementRef,
 } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
-import { Gallery, GalleryRef, ImageItem, GalleryComponent, GalleryState, GalleryItem } from 'ng-gallery';
+import { Gallery, GalleryRef, ImageItem, GalleryComponent, GalleryItem } from 'ng-gallery';
 import { Subject, Subscription, from, tap, map, switchMap, finalize, debounceTime, EMPTY } from 'rxjs';
 
 import { Lightbox } from './lightbox.service';
@@ -104,7 +104,7 @@ export class GallerizeDirective implements OnInit, OnDestroy {
   private galleryMode(galleryRef: GalleryRef): void {
     // Clone its items to the new gallery instance
     this._itemClick$ = this._galleryCmp.galleryRef.itemClick.subscribe((i: number) => this._lightbox.open(i, this._galleryId));
-    this._itemChange$ = this._galleryCmp.galleryRef.itemsChanged.subscribe((state: GalleryState) => galleryRef.load(state.items));
+    this._itemChange$ = this._galleryCmp.galleryRef.itemsChanged.subscribe(() => galleryRef.load(this._galleryCmp.galleryRef.items()));
   }
 
   /** Detector mode: means `gallerize` directive is used on a normal HTMLElement
diff --git a/projects/ng-gallery/lightbox/src/lightbox.component.scss b/projects/ng-gallery/lightbox/src/lightbox.component.scss
index 236f079d..43e7c517 100644
--- a/projects/ng-gallery/lightbox/src/lightbox.component.scss
+++ b/projects/ng-gallery/lightbox/src/lightbox.component.scss
@@ -38,9 +38,9 @@
       overflow: hidden;
       margin: 0;
 
-      gallery-core {
-        height: 100% !important;
-      }
+      //gallery-core {
+      //  height: 100% !important;
+      //}
     }
   }
 
diff --git a/projects/ng-gallery/lightbox/src/lightbox.component.ts b/projects/ng-gallery/lightbox/src/lightbox.component.ts
index 707ef44c..622399b3 100644
--- a/projects/ng-gallery/lightbox/src/lightbox.component.ts
+++ b/projects/ng-gallery/lightbox/src/lightbox.component.ts
@@ -14,7 +14,7 @@ import { lightboxAnimation } from './lightbox.animation';
   styleUrls: ['./lightbox.component.scss'],
   template: `
     <i class="g-btn-close" aria-label="Close" [innerHTML]="closeIcon" (click)="overlayRef.detach()"></i>
-    <gallery [id]="id" [destroyRef]="false" [skipInitConfig]="true"></gallery>
+    <gallery [id]="id" [skipInitConfig]="true"></gallery>
   `,
   host: {
     'tabindex': '-1',
diff --git a/projects/ng-gallery/lightbox/src/lightbox.model.ts b/projects/ng-gallery/lightbox/src/lightbox.model.ts
index e7de4472..02c6b16a 100644
--- a/projects/ng-gallery/lightbox/src/lightbox.model.ts
+++ b/projects/ng-gallery/lightbox/src/lightbox.model.ts
@@ -1,6 +1,10 @@
-import { InjectionToken } from '@angular/core';
+import { InjectionToken, Provider } from '@angular/core';
+import { defaultConfig } from './lightbox.default';
 
-export const LIGHTBOX_CONFIG = new InjectionToken<LightboxConfig>('LIGHTBOX_CONFIG');
+export const LIGHTBOX_CONFIG: InjectionToken<LightboxConfig> = new InjectionToken<LightboxConfig>('LIGHTBOX_CONFIG', {
+  providedIn: 'root',
+  factory: () => defaultConfig
+});
 
 export interface LightboxConfig {
   backdropClass?: string | string[];
@@ -15,3 +19,10 @@ export interface LightboxConfig {
   startAnimationTime?: number;
   exitAnimationTime?: number;
 }
+
+export function provideLightboxOptions(options: LightboxConfig): Provider {
+  return {
+    provide: LIGHTBOX_CONFIG,
+    useValue: { ...defaultConfig, ...options }
+  }
+}
diff --git a/projects/ng-gallery/lightbox/src/lightbox.service.ts b/projects/ng-gallery/lightbox/src/lightbox.service.ts
index b51122ca..414fcc0f 100644
--- a/projects/ng-gallery/lightbox/src/lightbox.service.ts
+++ b/projects/ng-gallery/lightbox/src/lightbox.service.ts
@@ -1,4 +1,4 @@
-import { ComponentRef, Inject, Injectable, Optional } from '@angular/core';
+import { ComponentRef, inject, Injectable } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { Overlay, OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
@@ -7,7 +7,6 @@ import { Gallery } from 'ng-gallery';
 import { Subject } from 'rxjs';
 
 import { LightboxConfig, LIGHTBOX_CONFIG } from './lightbox.model';
-import { defaultConfig } from './lightbox.default';
 import { LightboxComponent } from './lightbox.component';
 
 @Injectable({
@@ -18,18 +17,20 @@ export class Lightbox {
   /** Gallery overlay ref */
   private _overlayRef: OverlayRef;
 
+  private _gallery: Gallery = inject(Gallery);
+
+  private _overlay: Overlay = inject(Overlay);
+
+  private _sanitizer: DomSanitizer = inject(DomSanitizer);
+
   /** Global config */
-  private _config: LightboxConfig;
+  private _config: LightboxConfig = inject(LIGHTBOX_CONFIG);
 
   /** Stream that emits when lightbox is opened */
-  opened = new Subject<string>();
+  opened: Subject<string> = new Subject<string>();
 
   /** Stream that emits when lightbox is closed */
-  closed = new Subject<string>();
-
-  constructor(@Optional() @Inject(LIGHTBOX_CONFIG) config: LightboxConfig, private _gallery: Gallery, private _overlay: Overlay, private _sanitizer: DomSanitizer) {
-    this._config = config ? { ...defaultConfig, ...config } : defaultConfig;
-  }
+  closed: Subject<string> = new Subject<string>();
 
   /**
    * Set Lightbox Config
diff --git a/projects/ng-gallery/src/lib/auto-height/auto-height.ts b/projects/ng-gallery/src/lib/auto-height/auto-height.ts
new file mode 100644
index 00000000..7a3d482b
--- /dev/null
+++ b/projects/ng-gallery/src/lib/auto-height/auto-height.ts
@@ -0,0 +1,100 @@
+import {
+  Directive,
+  effect,
+  inject,
+  signal,
+  untracked,
+  WritableSignal,
+  EffectCleanupRegisterFn
+} from '@angular/core';
+import {
+  Observable,
+  Subscription,
+  of,
+  filter,
+  fromEvent,
+  switchMap,
+  tap,
+  take,
+  debounceTime,
+  animationFrameScheduler
+} from 'rxjs';
+import { ImgManager } from '../utils/img-manager';
+import { GalleryRef } from '../services/gallery-ref';
+import { GalleryComponent } from '../components/gallery.component';
+import { ResizeSensor } from '../services/resize-sensor';
+
+/**
+ * Auto height feature prerequisites:
+ * - autosize should be set to 'false'
+ * - if thumbnails exist, it should not be aligned to the right or left
+ */
+
+@Directive({
+  standalone: true,
+  selector: 'gallery[autoHeight]',
+  host: {
+    '[attr.autoHeight]': 'true',
+    '[class.g-resizing]': 'isResizing()',
+    '[style.--slider-auto-height.px]': 'height()',
+  }
+})
+export class AutoHeight {
+
+  private readonly gallery: GalleryComponent = inject(GalleryComponent);
+
+  private readonly manager: ImgManager = inject(ImgManager);
+
+  readonly isResizing: WritableSignal<boolean> = signal(false);
+
+  readonly height: WritableSignal<number> = signal(0);
+
+  constructor() {
+    let sub$: Subscription;
+
+    let afterHeightChanged$: Observable<any>;
+
+    effect((onCleanup: EffectCleanupRegisterFn) => {
+      const resizeSensor: ResizeSensor = this.gallery.slider().resizeSensor();
+      // Check if height has transition for the auto-height feature
+      const transitionDuration: string = getComputedStyle(resizeSensor.nativeElement).transitionDuration;
+      if (!parseFloat(transitionDuration)) {
+        afterHeightChanged$ = of({});
+      } else {
+        console.log(transitionDuration)
+        afterHeightChanged$ = fromEvent(resizeSensor.nativeElement, 'transitionend');
+      }
+      // if (!this.galleryRef.config().autoHeight) return;
+      // const currIndex = this.galleryRef.currIndex();
+      untracked(() => {
+        sub$ = this.manager.getActiveItem().pipe(
+          // Wait for item image to be rendered
+          debounceTime(0, animationFrameScheduler),
+          // Skip if img height is equal the slider height
+          filter((img: HTMLImageElement) => {
+            console.log('🦕', resizeSensor.nativeElement.clientHeight, img.height)
+            return img.height !== resizeSensor.nativeElement.clientHeight
+          }),
+          switchMap((img: HTMLImageElement) => {
+            console.log('👽 Resize started! --slider-height', resizeSensor.nativeElement.clientHeight, img.height)
+            resizeSensor.disabled.set(true);
+            this.isResizing.set(true);
+
+            resizeSensor.nativeElement.style.setProperty('--slider-height', `${img.height}px`)
+
+            return afterHeightChanged$.pipe(
+              debounceTime(0, animationFrameScheduler),
+              tap(() => {
+                resizeSensor.disabled.set(false);
+                this.isResizing.set(false);
+              }),
+              take(1)
+            );
+          })
+        ).subscribe();
+
+        onCleanup(() => sub$?.unsubscribe());
+      });
+    });
+  }
+}
diff --git a/projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts b/projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts
index a30c57da..06581af8 100644
--- a/projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts
+++ b/projects/ng-gallery/src/lib/autoplay/autoplay.directive.ts
@@ -1,72 +1,57 @@
-import { Directive, Input, AfterViewInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { Subscription, delay, of, switchMap, tap, EMPTY } from 'rxjs';
+import {
+  Directive,
+  inject,
+  effect,
+  untracked,
+  EffectCleanupRegisterFn
+} from '@angular/core';
+import { Subscription, delay, of, switchMap, tap } from 'rxjs';
 import { ImgManager } from '../utils/img-manager';
-import { Gallery } from '../services/gallery.service';
 import { GalleryRef } from '../services/gallery-ref';
-import { GalleryState } from '../models/gallery.model';
 import { GalleryConfig } from '../models/config.model';
 
 @Directive({
-  selector: 'gallery-core[autoplay]',
-  standalone: true
+  standalone: true,
+  selector: 'gallery[autoplay]'
 })
-export class AutoplayDirective implements AfterViewInit, OnChanges, OnDestroy {
-
-  private _currentSubscription: Subscription;
-
-  private _galleryRef: GalleryRef;
-
-  @Input() config: GalleryConfig;
-
-  @Input() galleryId: string;
-
-  constructor(private _gallery: Gallery, private _imgManager: ImgManager) {
-  }
-
-  ngAfterViewInit(): void {
-    this._galleryRef = this._gallery.ref(this.galleryId);
-    this._subscribe();
-    if (this.config.autoplay) {
-      this._galleryRef.play();
-    }
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (this._galleryRef && changes.config?.currentValue.autoplay !== changes.config?.previousValue.autoplay) {
-      this.config.autoplay ? this._galleryRef.play() : this._galleryRef.stop();
-    }
-  }
-
-  ngOnDestroy(): void {
-    this._unsubscribe();
-  }
-
-
-  private _subscribe(): void {
-    this._unsubscribe();
-
-    this._currentSubscription = this._galleryRef.playingChanged.pipe(
-      switchMap((state: GalleryState) => {
-        if (state.isPlaying) {
-          return this._imgManager.getActiveItem(this._galleryRef.state).pipe(
-            switchMap(() => of({}).pipe(
-              delay(this.config.autoplayInterval),
-              tap(() => {
-                if (this._galleryRef.stateSnapshot.hasNext) {
-                  this._galleryRef.next(this.config.scrollBehavior);
-                } else {
-                  this._galleryRef.set(0, this.config.scrollBehavior);
-                }
-              })
-            ))
-          );
-        }
-        return EMPTY;
-      })
-    ).subscribe();
-  }
-
-  private _unsubscribe(): void {
-    this._currentSubscription?.unsubscribe();
+export class AutoplayDirective {
+
+  private _galleryRef: GalleryRef = inject(GalleryRef);
+
+  private _imgManager: ImgManager = inject(ImgManager);
+
+  constructor() {
+    let sub: Subscription;
+
+    // TODO: Should not observe config in the two effects, will be refactored
+    // TODO: Make especial inputs for the autoplay directive such as autoplayScrollBehavior
+
+    // effect((onCleanup: EffectCleanupRegisterFn) => {
+    //   const config: GalleryConfig = this._galleryRef.config();
+    //   const isPlaying: boolean = this._galleryRef.isPlaying();
+    //
+    //   untracked(() => {
+    //     if (isPlaying) {
+    //       sub = this._imgManager.getActiveItem().pipe(
+    //         switchMap(() => of({}).pipe(
+    //           delay(config.autoplayInterval),
+    //           tap(() => {
+    //             if (this._galleryRef.hasNext()) {
+    //               this._galleryRef.next(config.scrollBehavior);
+    //             } else {
+    //               this._galleryRef.set(0, config.scrollBehavior);
+    //             }
+    //           })
+    //         ))
+    //       ).subscribe();
+    //     }
+    //     onCleanup(() => sub?.unsubscribe());
+    //   });
+    // });
+
+    effect(() => {
+      const autoplay: boolean = this._galleryRef.config().autoplay;
+      untracked(() => autoplay ? this._galleryRef.play() : this._galleryRef.stop());
+    });
   }
 }
diff --git a/projects/ng-gallery/src/lib/components/adapters/base-adapter.ts b/projects/ng-gallery/src/lib/components/adapters/base-adapter.ts
index 0fc529d6..5e2570b2 100644
--- a/projects/ng-gallery/src/lib/components/adapters/base-adapter.ts
+++ b/projects/ng-gallery/src/lib/components/adapters/base-adapter.ts
@@ -10,7 +10,7 @@ export abstract class SliderAdapter {
 
   abstract get isContentLessThanContainer(): boolean;
 
-  abstract getScrollToValue(el: Element, behavior: ScrollBehavior): ScrollToOptions;
+  abstract getScrollToValue(target: Element, behavior: ScrollBehavior): ScrollToOptions;
 
   abstract getCentralizerStartSize(): number;
 
diff --git a/projects/ng-gallery/src/lib/components/adapters/main-adapters.ts b/projects/ng-gallery/src/lib/components/adapters/main-adapters.ts
index df715644..26cb9c1f 100644
--- a/projects/ng-gallery/src/lib/components/adapters/main-adapters.ts
+++ b/projects/ng-gallery/src/lib/components/adapters/main-adapters.ts
@@ -31,8 +31,8 @@ export class HorizontalAdapter implements SliderAdapter {
   constructor(public slider: HTMLElement, public config: GalleryConfig) {
   }
 
-  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollOptions {
-    const position: number = el.offsetLeft - ((this.clientSize - el.clientWidth) / 2);
+  getScrollToValue(target: HTMLElement, behavior: ScrollBehavior): SmoothScrollOptions {
+    const position: number = target.offsetLeft - ((this.clientSize - target.clientWidth) / 2);
     return {
       behavior,
       start: position
@@ -40,7 +40,8 @@ export class HorizontalAdapter implements SliderAdapter {
   }
 
   getRootMargin(): string {
-    return `1000px 1px 1000px 1px`;
+    // return `1000px 1px 1000px 1px`;
+    return `1000px 0px 1000px 0px`;
   }
 
   getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {
@@ -108,8 +109,8 @@ export class VerticalAdapter implements SliderAdapter {
   constructor(public slider: HTMLElement, public config: GalleryConfig) {
   }
 
-  getScrollToValue(el: HTMLElement, behavior: ScrollBehavior): SmoothScrollOptions {
-    const position: number = el.offsetTop - ((this.clientSize - el.clientHeight) / 2);
+  getScrollToValue(target: HTMLElement, behavior: ScrollBehavior): SmoothScrollOptions {
+    const position: number = target.offsetTop - ((this.clientSize - target.clientHeight) / 2);
     return {
       behavior,
       top: position
@@ -117,7 +118,7 @@ export class VerticalAdapter implements SliderAdapter {
   }
 
   getRootMargin(): string {
-    return `1px 1000px 1px 1000px`;
+    return `0px 1000px 0px 1000px`;
   }
 
   getElementRootMargin(viewport: HTMLElement, el: HTMLElement): string {
diff --git a/projects/ng-gallery/src/lib/components/gallery-bullets.component.ts b/projects/ng-gallery/src/lib/components/gallery-bullets.component.ts
index 88358a34..b3b90e2a 100644
--- a/projects/ng-gallery/src/lib/components/gallery-bullets.component.ts
+++ b/projects/ng-gallery/src/lib/components/gallery-bullets.component.ts
@@ -1,32 +1,59 @@
-import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Gallery } from '../services/gallery.service';
-import { GalleryState } from '../models/gallery.model';
-import { GalleryConfig } from '../models/config.model';
+import {
+  Component,
+  inject,
+  numberAttribute,
+  booleanAttribute,
+  input,
+  InputSignal,
+  ChangeDetectionStrategy,
+  InputSignalWithTransform
+} from '@angular/core';
+import { GalleryRef } from '../services/gallery-ref';
 
 @Component({
+  standalone: true,
   selector: 'gallery-bullets',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: ['./gallery-bullets.scss'],
+  host: {
+    '[attr.align]': 'align()',
+    '[attr.disabled]': 'disabled()'
+  },
   template: `
-    <div class="g-bullet"
-         *ngFor="let item of state.items; let i = index"
-         [class.g-bullet-active]="i === state.currIndex"
-         [style.width.px]="config?.bulletSize"
-         [style.height.px]="config?.bulletSize"
-         (click)="config.disableBullets ? null : gallery.ref(this.galleryId).set(i)">
-      <div class="g-bullet-inner"></div>
-    </div>
+    @for (item of galleryRef.items(); track i; let i = $index) {
+      <div class="g-bullet"
+           [class.g-bullet-active]="i === galleryRef.currIndex()"
+           [style.width.px]="size()"
+           [style.height.px]="size()"
+           (click)="disabled() ? null : galleryRef.set(i, scrollBehavior())">
+        <div class="g-bullet-inner"></div>
+      </div>
+    }
   `,
-  standalone: true,
-  imports: [CommonModule]
+  styleUrl: './gallery-bullets.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class GalleryBulletsComponent {
 
-  @Input() galleryId: string;
-  @Input() state: GalleryState;
-  @Input() config: GalleryConfig;
+  readonly galleryRef: GalleryRef = inject(GalleryRef);
+
+  readonly scrollBehavior: InputSignal<ScrollBehavior> = input<ScrollBehavior>('smooth');
+
+  /**
+   * Align bullets
+   */
+  readonly align: InputSignal<'top' | 'bottom'> = input<'top' | 'bottom'>('top');
+
+  /**
+   * Disables thumbnails' clicks
+   */
+  readonly disabled: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(false, {
+    transform: booleanAttribute
+  });
+
 
-  constructor(public gallery: Gallery) {
-  }
+  /**
+   * Disables thumbnails' clicks
+   */
+  readonly size: InputSignalWithTransform<number, string | number> = input<number, string | number>(6, {
+    transform: numberAttribute
+  });
 }
diff --git a/projects/ng-gallery/src/lib/components/gallery-bullets.scss b/projects/ng-gallery/src/lib/components/gallery-bullets.scss
index 1b728cfe..3a6d80a6 100644
--- a/projects/ng-gallery/src/lib/components/gallery-bullets.scss
+++ b/projects/ng-gallery/src/lib/components/gallery-bullets.scss
@@ -7,6 +7,27 @@
   gap: 6px;
   top: var(--bullets-top);
   bottom: var(--bullets-bottom);
+
+  // Gallery bullets variables
+  --bullets-top: unset;
+  --bullets-bottom: unset;
+  --bullets-cursor: pointer;
+  --bullets-opacity: 0.4;
+  --bullets-hover-opacity: 1;
+  --bullets-active-opacity: 1;
+
+  &[align='top'] {
+    --bullets-top: 15px;
+  }
+
+  &[align='bottom'] {
+    --bullets-bottom: 15px;
+  }
+
+  &[disabled='true'] {
+    --bullets-cursor: default;
+    --bullets-hover-opacity: var(--bullets-opacity);
+  }
 }
 
 :host,
diff --git a/projects/ng-gallery/src/lib/components/gallery-core.component.ts b/projects/ng-gallery/src/lib/components/gallery-core.component.ts
deleted file mode 100644
index 9e7a646d..00000000
--- a/projects/ng-gallery/src/lib/components/gallery-core.component.ts
+++ /dev/null
@@ -1,164 +0,0 @@
-import {
-  Component,
-  Input,
-  Output,
-  HostBinding,
-  EventEmitter,
-  OnChanges,
-  SimpleChanges,
-  ElementRef,
-  ChangeDetectionStrategy
-} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { coerceCssPixelValue } from '@angular/cdk/coercion';
-import { Direction, Directionality } from '@angular/cdk/bidi';
-import { GalleryCounterComponent } from './gallery-counter.component';
-import { GalleryBulletsComponent } from './gallery-bullets.component';
-import { GalleryNavComponent } from './gallery-nav.component';
-import { GallerySliderComponent } from './gallery-slider.component';
-import { GalleryThumbsComponent } from './gallery-thumbs.component';
-import { GalleryError, GalleryState } from '../models/gallery.model';
-import { GalleryConfig } from '../models/config.model';
-
-@Component({
-  selector: 'gallery-core',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: ['./gallery-core.scss', '../styles/debug.scss'],
-  template: `
-    <gallery-thumbs *ngIf="config.thumbs"
-                    [state]="state"
-                    [config]="config"
-                    [galleryId]="galleryId"
-                    (thumbClick)="thumbClick.emit($event)"
-                    (error)="error.emit($event)"/>
-
-    <div class="g-box">
-      <gallery-slider [class.g-debug]="config.debug"
-                      [state]="state"
-                      [config]="config"
-                      [galleryId]="galleryId"
-                      (itemClick)="itemClick.emit($event)"
-                      (error)="error.emit($event)">
-
-        <gallery-nav *ngIf="config.nav && state.items.length > 1"
-                     [state]="state"
-                     [config]="config"
-                     [galleryId]="galleryId"/>
-
-      </gallery-slider>
-
-      <gallery-bullets *ngIf="config.bullets"
-                       [state]="state"
-                       [config]="config"
-                       [galleryId]="galleryId"/>
-
-      <gallery-counter *ngIf="config.counter"
-                       [state]="state"/>
-
-      <div class="g-box-template">
-        <ng-container
-          *ngTemplateOutlet="config.boxTemplate; context: { state: state, config: config }"></ng-container>
-      </div>
-    </div>
-  `,
-  standalone: true,
-  imports: [CommonModule, GalleryThumbsComponent, GallerySliderComponent, GalleryNavComponent, GalleryBulletsComponent, GalleryCounterComponent]
-})
-export class GalleryCoreComponent implements OnChanges {
-
-  @Input() galleryId: string;
-  @Input() state: GalleryState;
-  @Input() config: GalleryConfig;
-  @Output() itemClick: EventEmitter<number> = new EventEmitter<number>();
-  @Output() thumbClick: EventEmitter<number> = new EventEmitter<number>();
-  @Output() error: EventEmitter<GalleryError> = new EventEmitter<GalleryError>();
-
-  /** Set thumbnails position */
-  @HostBinding('attr.thumbPosition') get thumbPosition(): 'top' | 'left' | 'right' | 'bottom' {
-    return this.config.thumbPosition;
-  }
-
-  /** Set sliding direction */
-  @HostBinding('attr.orientation') get orientation(): 'horizontal' | 'vertical' {
-    return this.config.orientation;
-  }
-
-  /** Disable thumbnails' clicks */
-  @HostBinding('attr.thumbDisabled') get disableThumb(): boolean {
-    return this.config.disableThumbs;
-  }
-
-  /** Set bullets' clicks */
-  @HostBinding('attr.bulletDisabled') get bulletDisabled(): boolean {
-    return this.config.disableBullets;
-  }
-
-  /** Set gallery bullets position */
-  @HostBinding('attr.bulletPosition') get bulletPosition(): 'top' | 'bottom' {
-    return this.config.bulletPosition;
-  }
-
-  /** Set gallery image size property */
-  @HostBinding('attr.imageSize') get imageSize(): 'cover' | 'contain' {
-    return this.config.imageSize;
-  }
-
-  /** Set gallery thumb image size property */
-  @HostBinding('attr.thumbImageSize') get thumbImageSize(): 'contain' | 'cover' {
-    return this.config.thumbImageSize;
-  }
-
-  /** Set gallery counter position */
-  @HostBinding('attr.counterPosition') get counterPosition(): 'top' | 'bottom' {
-    return this.config.counterPosition;
-  }
-
-  /** Disable sliding using sliding via touchpad, mousewheel and gestures */
-  @HostBinding('attr.scrollDisabled') get scrollDisabled(): boolean {
-    return this.config.disableScroll;
-  }
-
-  /** Disable thumb sliding using sliding via touchpad, mousewheel and gestures */
-  @HostBinding('attr.thumbScrollDisabled') get thumbScrollDisabled(): boolean {
-    return this.config.disableThumbScroll;
-  }
-
-  /** Set items autosize styles  */
-  @HostBinding('attr.itemAutosize') get itemAutosize(): boolean {
-    return this.config.itemAutosize;
-  }
-
-  /** Set gallery autoHeight styles  */
-  @HostBinding('attr.autoHeight') get autoHeight(): boolean {
-    return this.config.autoHeight;
-  }
-
-  /** Set gallery thumb autosize styles  */
-  @HostBinding('attr.thumbAutosize') get thumbAutosize(): boolean {
-    return this.config.thumbAutosize;
-  }
-
-  /** Set direction  */
-  @HostBinding('attr.dir') get direction(): Direction {
-    return this.dir.value;
-  }
-
-  /** Set debug style  */
-  @HostBinding('attr.debug') get debug(): boolean {
-    return this.config.debug;
-  }
-
-  constructor(private el: ElementRef<HTMLElement>, private dir: Directionality) {
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.config) {
-      if (changes.config.currentValue?.thumbWidth !== changes.config.previousValue?.thumbWidth) {
-        this.el.nativeElement.style.setProperty('--g-thumb-width', coerceCssPixelValue(changes.config.currentValue.thumbWidth));
-      }
-      if (changes.config.currentValue?.thumbHeight !== changes.config.previousValue?.thumbHeight) {
-        this.el.nativeElement.style.setProperty('--g-thumb-height', coerceCssPixelValue(changes.config.currentValue.thumbHeight));
-      }
-    }
-  }
-}
diff --git a/projects/ng-gallery/src/lib/components/gallery-core.scss b/projects/ng-gallery/src/lib/components/gallery-core.scss
deleted file mode 100644
index df1257a5..00000000
--- a/projects/ng-gallery/src/lib/components/gallery-core.scss
+++ /dev/null
@@ -1,219 +0,0 @@
-:host {
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  gap: var(--g-gutter-size);
-  width: 100%;
-  height: 500px;
-  min-height: 100%;
-  max-height: 100%;
-
-  &[thumbPosition='top'] {
-    flex-direction: column;
-  }
-
-  &[thumbPosition='left'] {
-    flex-direction: row;
-  }
-
-  &[thumbPosition='right'] {
-    flex-direction: row-reverse;
-  }
-
-  &[thumbPosition='bottom'] {
-    flex-direction: column-reverse;
-  }
-
-  // Gallery auto-height variables
-  &[autoHeight='true'][itemAutoSize='false'][orientation='horizontal'] {
-    &[thumbPosition='top'], &[thumbPosition='bottom'] {
-      // if auto-height, use fit-content
-      height: fit-content;
-      --g-item-height: auto !important;
-      --g-item-max-height: auto;
-    }
-  }
-
-  // Gallery image variables
-  --image-object-fit: unset;
-
-  &[imageSize='contain'] gallery-slider,
-  &[thumbImageSize='contain'] gallery-thumbs {
-    --image-object-fit: contain;
-  }
-
-  &[imageSize='cover'] gallery-slider,
-  &[thumbImageSize='cover'] gallery-thumbs {
-    --image-object-fit: cover;
-  }
-
-  // Gallery thumbs variables
-  --slider-thumb-height: unset;
-  --slider-thumb-width: unset;
-  --thumb-slider-left: unset;
-  --thumb-slider-overflow: unset;
-  --thumb-slider-flex-direction: unset;
-  --g-thumb-width: unset;
-  --g-thumb-height: unset;
-  --g-thumb-cursor: pointer;
-
-  &[thumbPosition='top'],
-  &[thumbPosition='bottom'] {
-    --thumb-slider-top: 0;
-    --thumb-slider-overflow: auto hidden;
-    --thumb-slider-flex-direction: row;
-    --g-thumb-height: 100%;
-
-    &[thumbAutosize="true"] {
-      --g-thumb-width: auto !important;
-    }
-  }
-
-  &[thumbPosition='left'],
-  &[thumbPosition='right'] {
-    --thumb-slider-left: 0;
-    --thumb-slider-overflow: hidden auto;
-    --thumb-slider-flex-direction: column;
-    --g-thumb-width: 100%;
-
-    &[thumbAutosize="true"] {
-      --g-thumb-height: auto !important;
-    }
-  }
-
-  &[thumbDisbled='true'] {
-    --g-thumb-cursor: default;
-  }
-
-  &[thumbScrollDisabled='true'] {
-    --thumb-slider-overflow: hidden !important;
-  }
-
-  // Gallery slider variables
-  --slider-scroll-snap-type: unset;
-  --slider-overflow: unset;
-  --slider-flex-direction: unset;
-  --slider-width: unset;
-  --slider-height: unset;
-  --slider-content-width: unset;
-  --slider-content-height: unset;
-
-  &[orientation='horizontal'] {
-    --slider-overflow: auto hidden;
-    --slider-scroll-snap-type: x mandatory;
-    --slider-flex-direction: row;
-    --slider-content-height: 100%;
-  }
-
-  &[orientation='vertical'] {
-    --slider-overflow: hidden auto;
-    --slider-scroll-snap-type: y mandatory;
-    --slider-flex-direction: column;
-    --slider-content-width: 100%;
-  }
-
-  &[scrollDisabled='true'] {
-    --slider-overflow: hidden !important;
-  }
-
-  // Gallery items variables
-  --g-item-width: unset;
-  --g-item-height: unset;
-  --g-item-max-height: var(--slider-height);
-
-  &[orientation='horizontal'] {
-    --g-item-width: var(--slider-width);
-    --g-item-height: 100%;
-
-    &[itemAutoSize='true'] {
-      --g-item-width: auto;
-    }
-  }
-
-  &[orientation='vertical'] {
-    --g-item-width: 100%;
-    --g-item-height: var(--slider-height);
-
-    &[itemAutoSize='true'] {
-      --g-item-height: auto;
-    }
-  }
-
-  // Gallery bullets variables
-  --bullets-top: unset;
-  --bullets-bottom: unset;
-  --bullets-cursor: pointer;
-  --bullets-opacity: 0.4;
-  --bullets-hover-opacity: 1;
-  --bullets-active-opacity: 1;
-
-  &[bulletPosition='top'] {
-    --bullets-top: 15px;
-  }
-
-  &[bulletPosition='bottom'] {
-    --bullets-bottom: 15px;
-  }
-
-  &[bulletDisabled='true'] {
-    --bullets-cursor: default;
-    --bullets-hover-opacity: var(--bullets-opacity);
-  }
-
-  // Gallery position variables
-  --counter-top: unset;
-  --counter-bottom: unset;
-  --counter-border-radius: unset;
-
-  &[counterPosition='top'] {
-    --counter-top: 0;
-    --counter-border-radius: 0 0 4px 4px;
-  }
-
-  &[counterPosition='bottom'] {
-    --counter-bottom: 0;
-    --counter-border-radius: 4px 4px 0 0;
-  }
-
-  // Gallery nav variables
-  --nav-space: 8px;
-  --nav-hover-space: 6.4px;
-  --nav-next-right: unset;
-  --nav-next-hover-right: unset;
-  --nav-next-left: unset;
-  --nav-next-hover-left: unset;
-
-  &[dir='ltr'] {
-    --nav-next-transform: translateY(-50%) perspective(1px);
-    --nav-next-right: var(--nav-space);
-    --nav-next-hover-right: var(--nav-hover-space);
-
-    --nav-prev-transform: translateY(-50%) perspective(1px) scale(-1, -1);
-    --nav-prev-left: var(--nav-space);
-    --nav-prev-hover-left: var(--nav-hover-space);
-  }
-
-  &[dir='rtl'] {
-    --nav-next-transform: translateY(-50%) perspective(1px) scale(-1, -1);
-    --nav-next-left: var(--nav-space);
-    --nav-next-hover-left: var(--nav-hover-space);
-
-    --nav-prev-transform: translateY(-50%) perspective(1px);
-    --nav-prev-right: var(--nav-space);
-    --nav-prev-hover-right: var(--nav-hover-space);
-  }
-}
-
-.g-box {
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  order: 1;
-  flex: 1;
-}
-
-.g-box-template {
-  position: absolute;
-  z-index: 10;
-}
diff --git a/projects/ng-gallery/src/lib/components/gallery-counter.component.ts b/projects/ng-gallery/src/lib/components/gallery-counter.component.ts
index b828d031..352350e2 100644
--- a/projects/ng-gallery/src/lib/components/gallery-counter.component.ts
+++ b/projects/ng-gallery/src/lib/components/gallery-counter.component.ts
@@ -1,15 +1,33 @@
-import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
-import { GalleryState } from '../models/gallery.model';
+import {
+  Component,
+  inject,
+  computed,
+  input,
+  Signal,
+  InputSignal,
+  ChangeDetectionStrategy
+} from '@angular/core';
+import { GalleryRef } from '../services/gallery-ref';
 
 @Component({
+  standalone: true,
   selector: 'gallery-counter',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: ['./gallery-counter.scss'],
+  host: {
+    '[attr.align]': 'align()'
+  },
   template: `
-    <div class="g-counter">{{ (state.currIndex + 1) + ' / ' + state.items.length }}</div>
+    <div class="g-counter">{{ counter() }}</div>
   `,
-  standalone: true
+  styleUrl: './gallery-counter.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class GalleryCounterComponent {
-  @Input() state: GalleryState;
+
+  readonly galleryRef: GalleryRef = inject(GalleryRef);
+
+  readonly align: InputSignal<'top' | 'bottom'> = input<'top' | 'bottom'>('top');
+
+  readonly counter: Signal<string> = computed(() => {
+    return `${ this.galleryRef.currIndex() + 1 } / ${ this.galleryRef.items().length }`;
+  });
 }
diff --git a/projects/ng-gallery/src/lib/components/gallery-counter.scss b/projects/ng-gallery/src/lib/components/gallery-counter.scss
index f5eadc11..6ad1a821 100644
--- a/projects/ng-gallery/src/lib/components/gallery-counter.scss
+++ b/projects/ng-gallery/src/lib/components/gallery-counter.scss
@@ -1,3 +1,20 @@
+:host {
+  // Gallery position variables
+  --counter-top: unset;
+  --counter-bottom: unset;
+  --counter-border-radius: unset;
+
+  &[align='top'] {
+    --counter-top: 0;
+    --counter-border-radius: 0 0 4px 4px;
+  }
+
+  &[align='bottom'] {
+    --counter-bottom: 0;
+    --counter-border-radius: 4px 4px 0 0;
+  }
+}
+
 .g-counter {
   font-weight: bold;
   user-select: none;
diff --git a/projects/ng-gallery/src/lib/components/gallery-item.component.ts b/projects/ng-gallery/src/lib/components/gallery-item.component.ts
index c2c6f4cb..75c7a802 100644
--- a/projects/ng-gallery/src/lib/components/gallery-item.component.ts
+++ b/projects/ng-gallery/src/lib/components/gallery-item.component.ts
@@ -1,215 +1,63 @@
 import {
   Component,
-  HostBinding,
-  Input,
-  Output,
-  EventEmitter,
-  ElementRef,
+  computed,
+  input,
   AfterViewInit,
+  Signal,
+  InputSignal,
   ChangeDetectionStrategy
 } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BehaviorSubject } from 'rxjs';
+import { NgTemplateOutlet } from '@angular/common';
 import { GalleryItemContext } from '../directives/gallery-item-def.directive';
-import { GalleryIframeComponent } from './templates/gallery-iframe.component';
-import { GalleryVideoComponent } from './templates/gallery-video.component';
-import { GalleryImageComponent } from './templates/gallery-image.component';
-import { GalleryConfig } from '../models/config.model';
-import { GalleryItemType, GalleryItemTypes, LoadingStrategy } from '../models/constants';
-import { GalleryItemData, ImageItemData, ItemState, VideoItemData, VimeoItemData, YoutubeItemData } from './templates/items.model';
+import { GalleryItemData, } from '../templates/items.model';
+import { SliderItem } from './slider-item/slider-item';
 
 @Component({
+  standalone: true,
   selector: 'gallery-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: ['./gallery-item.scss'],
+  host: {
+    '[attr.galleryIndex]': 'index()',
+    '[class.g-active-item]': 'active()',
+    '[attr.itemState]': 'state()',
+  },
+  providers: [{ provide: SliderItem, useExisting: GalleryItemComponent }],
   template: `
-    <ng-container *ngIf="load" [ngSwitch]="type">
-      <ng-container *ngSwitchCase="Types.Image">
-        <gallery-image [src]="imageData.src"
-                       [alt]="imageData.alt"
-                       [index]="index"
-                       [loadingAttr]="config.loadingAttr"
-                       [loadingIcon]="config.loadingIcon"
-                       [loadingError]="config.loadingError"
-                       (error)="error.emit($event)"></gallery-image>
-
-        <div *ngIf="config.imageTemplate" class="g-template g-item-template">
-          <ng-container *ngTemplateOutlet="config.imageTemplate; context: imageContext"></ng-container>
-        </div>
-      </ng-container>
-
-      <gallery-video *ngSwitchCase="Types.Video"
-                     [src]="videoData.src"
-                     [mute]="videoData.mute"
-                     [poster]="videoData.poster"
-                     [controls]="videoData.controls"
-                     [controlsList]="videoData.controlsList"
-                     [disablePictureInPicture]="videoData.disablePictureInPicture"
-                     [play]="isAutoPlay"
-                     [pause]="currIndex !== index"
-                     (error)="error.emit($event)"></gallery-video>
-
-      <gallery-iframe *ngSwitchCase="Types.Youtube"
-                      [src]="youtubeSrc"
-                      [autoplay]="isAutoPlay"
-                      [loadingAttr]="config.loadingAttr"
-                      [pause]="currIndex !== index"></gallery-iframe>
-
-      <gallery-iframe *ngSwitchCase="Types.Vimeo"
-                      [src]="vimeoSrc"
-                      [autoplay]="isAutoPlay"
-                      [loadingAttr]="config.loadingAttr"
-                      [pause]="currIndex !== index"></gallery-iframe>
-
-      <gallery-iframe *ngSwitchCase="Types.Iframe"
-                      [src]="data.src"
-                      [loadingAttr]="config.loadingAttr"></gallery-iframe>
-
-      <ng-container *ngSwitchDefault>
-        <div *ngIf="config.itemTemplate" class="g-template g-item-template">
-          <ng-container *ngTemplateOutlet="config.itemTemplate; context: itemContext"></ng-container>
-        </div>
-      </ng-container>
-    </ng-container>
+    <ng-container [ngTemplateOutlet]="galleryRef.config().itemTemplate"
+                  [ngTemplateOutletContext]="itemContext()"
+                  [ngTemplateOutletInjector]="injector"/>
   `,
-  standalone: true,
-  imports: [CommonModule, GalleryImageComponent, GalleryVideoComponent, GalleryIframeComponent]
+  styleUrl: './gallery-item.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [NgTemplateOutlet]
 })
-export class GalleryItemComponent implements AfterViewInit {
-
-  readonly Types = GalleryItemTypes;
-
-  /** A stream that indicates that the height was emitted after the image is loaded, used only for gallery image types */
-  readonly state$: BehaviorSubject<ItemState> = new BehaviorSubject<ItemState>('loading');
+export class GalleryItemComponent extends SliderItem implements AfterViewInit {
 
-  /** A flag that indicates if the item is type of image, it can be a custom template by the user,
-   * The img recognizer directive will set it to true*/
-  isItemContainImage: boolean;
-
-  /** Gallery config */
-  @Input() config: GalleryConfig;
-
-  /** Item's index in the gallery */
-  @Input() index: number;
-
-  /** The number of total items */
-  @Input() count: number;
+  /** The number of total slider-item */
+  count: InputSignal<number> = input<number>();
 
   /** Gallery current index */
-  @Input() currIndex: number;
-
-  /** Item's type 'image', 'video', 'youtube', 'Vimeo', 'iframe' */
-  @Input() type: GalleryItemType;
+  currIndex: InputSignal<number> = input<number>();
 
   /** Item's data, this object contains the data required to display the content (e.g. src path) */
-  @Input() data: GalleryItemData;
-
-  /** Stream that emits when an error occurs */
-  @Output() error: EventEmitter<ErrorEvent> = new EventEmitter<ErrorEvent>();
-
-  @HostBinding('class.g-active-item') get isActive(): boolean {
-    return this.index === this.currIndex;
-  }
-
-  @HostBinding('attr.galleryIndex') get isIndexAttr(): number {
-    return this.index;
-  }
+  data: InputSignal<GalleryItemData> = input<GalleryItemData>();
 
-  @HostBinding('attr.itemState') get itemState(): ItemState {
-    return this.state$.value;
-  }
+  active: Signal<boolean> = computed(() => this.index() === this.currIndex());
 
-  get imageContext(): GalleryItemContext<ImageItemData> {
+  itemContext: Signal<GalleryItemContext<GalleryItemData>> = computed(() => {
     return {
-      $implicit: this.imageData,
-      index: this.index,
-      type: this.type,
-      active: this.isActive,
-      count: this.count,
-      first: this.index === 0,
-      last: this.index === this.count - 1
+      $implicit: this.data(),
+      index: this.index(),
+      active: this.active(),
+      count: this.count(),
+      first: this.index() === 0,
+      last: this.index() === this.count() - 1
     };
-  }
-
-  get itemContext(): GalleryItemContext<GalleryItemData> {
-    return {
-      $implicit: this.data,
-      index: this.index,
-      type: this.type,
-      active: this.isActive,
-      count: this.count,
-      first: this.index === 0,
-      last: this.index === this.count - 1
-    };
-  }
-
-  get nativeElement(): HTMLElement {
-    return this.el.nativeElement;
-  }
-
-  get isAutoPlay(): boolean {
-    if (this.isActive) {
-      if (this.type === GalleryItemTypes.Video || this.type === GalleryItemTypes.Youtube || this.type === GalleryItemTypes.Vimeo) {
-        return this.videoData.autoplay;
-      }
-    }
-  }
-
-  get youtubeSrc(): string {
-    let autoplay: 1 | 0 = 0;
-    if (this.isActive && this.type === GalleryItemTypes.Youtube && (this.data as YoutubeItemData).autoplay) {
-      autoplay = 1;
-    }
-    const url: URL = new URL(this.data.src as string);
-    url.search = new URLSearchParams({
-      wmode: 'transparent',
-      ...(this.data as YoutubeItemData).params,
-      autoplay
-    }).toString();
-    return url.href;
-  }
-
-  get vimeoSrc(): string {
-    let autoplay: 1 | 0 = 0;
-    if (this.isActive && this.type === GalleryItemTypes.Vimeo) {
-      if ((this.data as VimeoItemData).autoplay) {
-        autoplay = 1;
-      }
-    }
-    const url:URL = new URL(this.data.src as string);
-    url.search = new URLSearchParams({
-      ...(this.data as VimeoItemData).params,
-      autoplay,
-    }).toString();
-    return url.href;
-  }
-
-  get load(): boolean {
-    switch (this.config.loadingStrategy) {
-      case LoadingStrategy.Preload:
-        return true;
-      case LoadingStrategy.Lazy:
-        return this.currIndex === this.index;
-      default:
-        return this.currIndex === this.index || this.currIndex === this.index - 1 || this.currIndex === this.index + 1;
-    }
-  }
-
-  get imageData(): ImageItemData {
-    return this.data;
-  }
-
-  get videoData(): VideoItemData {
-    return this.data;
-  }
-
-  constructor(private el: ElementRef) {
-  }
+  });
 
   ngAfterViewInit(): void {
     // If item does not contain an image, then set the state to DONE
     if (!this.isItemContainImage) {
-      this.state$.next('success');
+      this.state.set('success');
     }
   }
 }
diff --git a/projects/ng-gallery/src/lib/components/gallery-item.scss b/projects/ng-gallery/src/lib/components/gallery-item.scss
index 7b3c7564..aaf42aee 100644
--- a/projects/ng-gallery/src/lib/components/gallery-item.scss
+++ b/projects/ng-gallery/src/lib/components/gallery-item.scss
@@ -33,6 +33,16 @@
       height: 100%;
     }
   }
+  ::ng-deep {
+    img.g-image-item {
+      object-fit: var(--image-object-fit);
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      max-height: 100%;
+      max-width: 100%;
+    }
+  }
 }
 
 gallery-image {
diff --git a/projects/ng-gallery/src/lib/components/gallery-nav.component.ts b/projects/ng-gallery/src/lib/components/gallery-nav.component.ts
index ebce4ae7..057af131 100644
--- a/projects/ng-gallery/src/lib/components/gallery-nav.component.ts
+++ b/projects/ng-gallery/src/lib/components/gallery-nav.component.ts
@@ -1,52 +1,45 @@
-import { Component, Input, OnInit, ChangeDetectionStrategy } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { Component, inject, computed, input, Signal, InputSignal, ChangeDetectionStrategy } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { Directionality } from '@angular/cdk/bidi';
-import { Gallery } from '../services/gallery.service';
-import { GalleryState } from '../models/gallery.model';
-import { GalleryConfig } from '../models/config.model';
+import { GalleryRef } from '../services/gallery-ref';
 
 @Component({
+  standalone: true,
+  host: {
+    '[attr.dir]': 'dir.value'
+  },
   selector: 'gallery-nav',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: ['./gallery-nav.scss'],
   template: `
-    <i *ngIf="config.loop || state.hasPrev"
-       class="g-nav-prev"
-       aria-label="Previous"
-       role="button"
-       (click)="gallery.ref(this.id).prev(config.scrollBehavior)"
-       [innerHtml]="navIcon"></i>
-
-    <i *ngIf="config.loop || state.hasNext"
-       class="g-nav-next"
-       aria-label="Next"
-       role="button"
-       (click)="gallery.ref(this.id).next(config.scrollBehavior)"
-       [innerHtml]="navIcon"></i>
+    @if (galleryRef.config().loop || galleryRef.hasPrev()) {
+      <i class="g-nav-prev"
+         aria-label="Previous"
+         role="button"
+         (click)="galleryRef.prev(scrollBehavior())"
+         [innerHtml]="navIcon()"></i>
+    }
+    @if (galleryRef.config().loop || galleryRef.hasNext()) {
+      <i class="g-nav-next"
+         aria-label="Next"
+         role="button"
+         (click)="galleryRef.next(scrollBehavior())"
+         [innerHtml]="navIcon()"></i>
+    }
   `,
-  standalone: true,
-  imports: [CommonModule]
+  styleUrl: './gallery-nav.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class GalleryNavComponent implements OnInit {
-
-  navIcon: SafeHtml;
-  @Input('galleryId') id: string;
-  @Input() state: GalleryState;
-  @Input() config: GalleryConfig;
+export class GalleryNavComponent {
 
-  constructor(public gallery: Gallery, private _sanitizer: DomSanitizer, public dir: Directionality) {
-  }
+  readonly dir: Directionality = inject(Directionality);
 
-  ngOnInit() {
-    this.navIcon = this._sanitizer.bypassSecurityTrustHtml(this.config.navIcon);
-  }
+  private readonly _sanitizer: DomSanitizer = inject(DomSanitizer);
 
-  rightButton() {
+  readonly galleryRef: GalleryRef = inject(GalleryRef);
 
-  }
+  readonly navIcon: Signal<SafeHtml> = computed(() =>
+    this._sanitizer.bypassSecurityTrustHtml(this.galleryRef.config().navIcon)
+  );
 
-  leftButton(): void {
+  readonly scrollBehavior: InputSignal<ScrollBehavior> = input<ScrollBehavior>('smooth');
 
-  }
 }
diff --git a/projects/ng-gallery/src/lib/components/gallery-nav.scss b/projects/ng-gallery/src/lib/components/gallery-nav.scss
index ff611ff4..9465be6f 100644
--- a/projects/ng-gallery/src/lib/components/gallery-nav.scss
+++ b/projects/ng-gallery/src/lib/components/gallery-nav.scss
@@ -1,3 +1,33 @@
+:host {
+  // Gallery nav variables
+  --nav-space: 8px;
+  --nav-hover-space: 6.4px;
+  --nav-next-right: unset;
+  --nav-next-hover-right: unset;
+  --nav-next-left: unset;
+  --nav-next-hover-left: unset;
+
+  &[dir='ltr'] {
+    --nav-next-transform: translateY(-50%) perspective(1px);
+    --nav-next-right: var(--nav-space);
+    --nav-next-hover-right: var(--nav-hover-space);
+
+    --nav-prev-transform: translateY(-50%) perspective(1px) scale(-1, -1);
+    --nav-prev-left: var(--nav-space);
+    --nav-prev-hover-left: var(--nav-hover-space);
+  }
+
+  &[dir='rtl'] {
+    --nav-next-transform: translateY(-50%) perspective(1px) scale(-1, -1);
+    --nav-next-left: var(--nav-space);
+    --nav-next-hover-left: var(--nav-hover-space);
+
+    --nav-prev-transform: translateY(-50%) perspective(1px);
+    --nav-prev-right: var(--nav-space);
+    --nav-prev-hover-right: var(--nav-hover-space);
+  }
+}
+
 .g-nav-next,
 .g-nav-prev {
   position: absolute;
diff --git a/projects/ng-gallery/src/lib/components/gallery-slider.component.ts b/projects/ng-gallery/src/lib/components/gallery-slider.component.ts
index fcccb073..7764e27f 100644
--- a/projects/ng-gallery/src/lib/components/gallery-slider.component.ts
+++ b/projects/ng-gallery/src/lib/components/gallery-slider.component.ts
@@ -1,183 +1,65 @@
-import {
-  Component,
-  Input,
-  Output,
-  ViewChild,
-  ViewChildren,
-  EventEmitter,
-  AfterViewInit,
-  OnChanges,
-  SimpleChanges,
-  ElementRef,
-  QueryList,
-  ChangeDetectionStrategy
-} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Observable, Subject, map, startWith } from 'rxjs';
-import { Gallery } from '../services/gallery.service';
-import { GalleryState, GalleryError } from '../models/gallery.model';
-import { GalleryConfig } from '../models/config.model';
-import { Orientation } from '../models/constants';
-import { SliderAdapter, HorizontalAdapter, VerticalAdapter } from './adapters';
-import { SmoothScroll, SmoothScrollOptions } from '../smooth-scroll';
+import { Component, inject, output, OutputEmitterRef, ChangeDetectionStrategy, viewChild } from '@angular/core';
+import { GalleryRef } from '../services/gallery-ref';
+import { SmoothScroll } from '../smooth-scroll';
 import { HammerSliding } from '../gestures/hammer-sliding.directive';
-import { SliderIntersectionObserver } from '../observers/slider-intersection-observer.directive';
-import { ItemIntersectionObserver } from '../observers/item-intersection-observer.directive';
+import { IntersectionSensor } from '../observers/intersection-sensor.directive';
 import { GalleryItemComponent } from './gallery-item.component';
-import { SliderResizeObserver } from '../observers/slider-resize-observer.directive';
+import { ScrollSnapType } from '../services/scroll-snap-type';
+import { ResizeSensor } from '../services/resize-sensor';
+import { SliderComponent } from './slider/slider';
 
 @Component({
+  standalone: true,
   selector: 'gallery-slider',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: ['./gallery-slider.scss'],
   template: `
-    <div #slider
-         class="g-slider"
-         [attr.centralised]="config.itemAutosize"
-         [smoothScroll]="position$ | async"
-         [smoothScrollInterruptOnMousemove]="!config.disableMouseScroll"
-         sliderIntersectionObserver
-         [sliderIntersectionObserverDisabled]="isScrolling || isSliding || isResizing"
-         [hammerSliding]="!config.disableMouseScroll"
-         [adapter]="adapter"
-         [items]="items$ | async"
-         [config]="config"
-         [state]="state"
-         [galleryId]="galleryId"
-         (isScrollingChange)="isScrolling = $event"
-         (isSlidingChange)="isSliding = $event"
-         (activeIndexChange)="onActiveIndexChange($event)"
-         (isResizingChange)="isResizing = $event"
-         sliderResizeObserver>
+    <g-slider [orientation]="galleryRef.config().orientation"
+              [autosize]="galleryRef.config().itemAutosize"
+              [centralized]="galleryRef.config().centralized"
+              resizeSensor
+              smoothScroll
+              intersectionSensor
+              hammerSliding
+              scrollSnapType>
       <div class="g-slider-content">
-        <gallery-item *ngFor="let item of state.items; trackBy: trackByFn index as i"
-                      [attr.galleryId]="galleryId"
-                      [type]="item.type"
-                      [config]="config"
-                      [data]="item.data"
-                      [currIndex]="state.currIndex"
-                      [index]="i"
-                      [count]="state.items.length"
-                      itemIntersectionObserver
-                      [itemIntersectionObserverDisabled]="isScrolling || isSliding || isResizing"
-                      [adapter]="adapter"
-                      (activeIndexChange)="onActiveIndexChange($event)"
-                      (click)="itemClick.emit(i)"
-                      (error)="error.emit({ itemIndex: i, error: $event })"/>
+        @for (item of galleryRef.items(); track i; let i = $index; let count = $count) {
+          <gallery-item [data]="item"
+                        [currIndex]="galleryRef.currIndex()"
+                        [index]="i"
+                        [count]="count"
+                        (click)="itemClick.emit(i)"/>
+        }
       </div>
 
-      <div *ngIf="config.debug" class="g-slider-debug">
-        <div class="g-slider-resizing">RESIZING</div>
-        <div class="g-slider-scrolling">SCROLLING</div>
-        <div class="g-slider-sliding">SLIDING</div>
-      </div>
-    </div>
-    <ng-content></ng-content>
+      @if (galleryRef.config().debug) {
+        <div class="g-slider-debug">
+          <div class="g-slider-resizing">RESIZING</div>
+          <div class="g-slider-scrolling">SCROLLING</div>
+          <div class="g-slider-sliding">SLIDING</div>
+          <div class="g-slider-observed">CURRENT: {{ galleryRef.currIndex() }}</div>
+        </div>
+      }
+    </g-slider>
+    <ng-content/>
   `,
-  standalone: true,
-  imports: [CommonModule, GalleryItemComponent, SmoothScroll, HammerSliding, SliderIntersectionObserver, ItemIntersectionObserver, SliderResizeObserver]
+  styleUrl: './gallery-slider.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [
+    ResizeSensor,
+    IntersectionSensor,
+    SmoothScroll,
+    HammerSliding,
+    ScrollSnapType,
+    GalleryItemComponent,
+    SliderComponent
+  ]
 })
-export class GallerySliderComponent implements AfterViewInit, OnChanges {
-
-  /** Stream that emits the slider position */
-  readonly position$: Subject<SmoothScrollOptions> = new Subject<SmoothScrollOptions>();
-
-  /** Slider adapter */
-  adapter: SliderAdapter;
-
-  /** Stream that emits the item components once they're initialized */
-  items$: Observable<GalleryItemComponent[]>;
-
-  isScrolling: boolean;
-
-  isSliding: boolean;
-
-  isResizing: boolean;
-
-  /** Gallery ID */
-  @Input() galleryId: string;
-
-  /** Gallery state */
-  @Input() state: GalleryState;
-
-  /** Gallery config */
-  @Input() config: GalleryConfig;
-
-  /** Stream that emits when item is clicked */
-  @Output() itemClick: EventEmitter<number> = new EventEmitter<number>();
-
-  /** Stream that emits when an error occurs */
-  @Output() error: EventEmitter<GalleryError> = new EventEmitter<GalleryError>();
-
-  /** Slider ElementRef */
-  @ViewChild('slider', { static: true }) sliderEl: ElementRef<HTMLElement>;
-
-  @ViewChildren(GalleryItemComponent) items: QueryList<GalleryItemComponent> = new QueryList<GalleryItemComponent>();
-
-  get slider(): HTMLElement {
-    return this.sliderEl.nativeElement;
-  }
-
-  constructor(private _gallery: Gallery) {
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.config) {
-      if (changes.config.currentValue?.orientation !== changes.config.previousValue?.orientation) {
-        switch (this.config.orientation) {
-          case Orientation.Horizontal:
-            this.adapter = new HorizontalAdapter(this.slider, this.config);
-            break;
-          case Orientation.Vertical:
-            this.adapter = new VerticalAdapter(this.slider, this.config);
-            break;
-        }
-      }
-      if (!changes.config.firstChange) {
-        // Keep the correct sliding position when direction changes
-        requestAnimationFrame(() => {
-          this.scrollToIndex(this.state.currIndex, 'auto');
-        });
-      }
-    }
-
-    // Scroll to current index
-    if (changes.state) {
-      if (changes.state.currentValue?.currIndex !== changes.state.previousValue?.currIndex) {
-        requestAnimationFrame(() => {
-          this.scrollToIndex(this.state.currIndex, changes.state.firstChange ? 'auto' : this.state.behavior);
-        });
-      }
-    }
-  }
-
-  ngAfterViewInit(): void {
-    this.items.notifyOnChanges();
-    this.items$ = this.items.changes.pipe(
-      // In some cases, items is not notified at first, need to force start the stream
-      startWith(null),
-      map(() => this.items.toArray())
-    );
-  }
+export class GallerySliderComponent {
 
-  trackByFn(index: number, item: any) {
-    return item.type;
-  }
+  readonly galleryRef: GalleryRef = inject(GalleryRef);
 
-  onActiveIndexChange(index: number): void {
-    if (index === -1) {
-      // Reset active index position
-      this.scrollToIndex(this.state.currIndex, 'smooth');
-    } else {
-      this._gallery.ref(this.galleryId).set(index, 'smooth');
-    }
-  }
+  // TODO: Allow auto-height to access resize sensor
+  resizeSensor = viewChild(ResizeSensor);
 
-  private scrollToIndex(index: number, behavior: ScrollBehavior): void {
-    const el: HTMLElement = this.items.get(index)?.nativeElement;
-    if (el) {
-      const pos: SmoothScrollOptions = this.adapter.getScrollToValue(el, behavior || this.config.scrollBehavior);
-      this.position$.next(pos);
-    }
-  }
+  /** Stream that emits when thumb is clicked */
+  itemClick: OutputEmitterRef<number> = output<number>();
 }
diff --git a/projects/ng-gallery/src/lib/components/gallery-slider.scss b/projects/ng-gallery/src/lib/components/gallery-slider.scss
index 02adaddb..6601bca0 100644
--- a/projects/ng-gallery/src/lib/components/gallery-slider.scss
+++ b/projects/ng-gallery/src/lib/components/gallery-slider.scss
@@ -19,17 +19,50 @@
   height: var(--slider-height, 100%);
   width: var(--slider-width, 100%);
 
+  //&.g-resizing {
+  //  // Changes the height of the slider to match the active item height
+  //  height: var(--slider-auto-height, 100%);
+  //}
+
   overflow: var(--slider-overflow);
   scroll-snap-type: var(--slider-scroll-snap-type);
+  scroll-snap-stop: always;
   flex-direction: var(--slider-flex-direction);
 
   scrollbar-width: none;
 
+  &[orientation='horizontal'] {
+    --g-item-width: var(--slider-width);
+    //--g-item-height: 100%;
+
+    &[autosize='true'] {
+      --g-item-width: auto;
+    }
+  }
+
+  &[orientation='vertical'] {
+    //--g-item-width: 100%;
+    --g-item-height: var(--slider-height);
+
+    &[autoSize='true'] {
+      --g-item-height: auto;
+    }
+  }
+
   &::-webkit-scrollbar {
     display: none;
   }
 
-  &.g-sliding, &.g-scrolling {
+  //&.g-resizing {
+  //  ::ng-deep {
+  //    gallery-item {
+  //      visibility: hidden;
+  //    }
+  //  }
+  //}
+
+  //&.g-sliding, &.g-scrolling {
+  &.g-sliding {
     // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse
     .g-slider-content {
       pointer-events: none;
@@ -42,20 +75,21 @@
     }
 
     &:before {
-      flex: 0 0 var(--slider-centralize-start-size);
+      flex: 0 0 var(--centralize-start-size);
     }
 
     &:after {
-      flex: 0 0 var(--slider-centralize-end-size);
+      flex: 0 0 var(--centralize-end-size);
     }
   }
 }
 
 .g-slider-content {
+  // Never set min-width to 100%, content wrapper should always match content size to measure centralize size
   flex: 0 0 auto;
   display: flex;
   align-items: center;
-  gap: 1px;
+  //gap: 1px;
   width: var(--slider-content-width, unset);
   height: var(--slider-content-height, unset);
   flex-direction: var(--slider-flex-direction);
diff --git a/projects/ng-gallery/src/lib/components/gallery-thumb.component.ts b/projects/ng-gallery/src/lib/components/gallery-thumb.component.ts
index 345fad9c..ddcb6984 100644
--- a/projects/ng-gallery/src/lib/components/gallery-thumb.component.ts
+++ b/projects/ng-gallery/src/lib/components/gallery-thumb.component.ts
@@ -1,83 +1,81 @@
 import {
   Component,
-  Input,
-  Output,
-  HostBinding,
-  EventEmitter,
-  ElementRef,
+  inject,
+  computed,
+  input,
+  Signal,
+  InputSignal,
   ChangeDetectionStrategy
 } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import { GalleryItemContext } from '../directives/gallery-item-def.directive';
-import { GalleryImageComponent } from './templates/gallery-image.component';
-import { ImageItemData } from './templates/items.model';
-import { GalleryConfig } from '../models/config.model';
+import { GalleryImageComponent } from '../templates/gallery-image.component';
+import { ImageItemData } from '../templates/items.model';
 import { GalleryItemType } from '../models/constants';
+import { GalleryRef } from '../services/gallery-ref';
+import { SliderItem } from './slider-item/slider-item';
 
 @Component({
+  standalone: true,
   selector: 'gallery-thumb',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: ['./gallery-thumb.scss'],
+  host: {
+    '[attr.galleryIndex]': 'index()',
+    '[class.g-active-thumb]': 'active()',
+    '[class.g-visible-thumb]': 'visible()',
+  },
+  providers: [{ provide: SliderItem, useExisting: GalleryThumbComponent }],
   template: `
-    <gallery-image [src]="data.thumb"
-                   [alt]="data.alt + '-thumbnail'"
+    <gallery-image [src]="data().thumb"
+                   [alt]="data().alt + '-thumbnail'"
                    [isThumbnail]="true"
-                   [loadingIcon]="config.thumbLoadingIcon"
-                   [loadingError]="config.thumbLoadingError"
-                   (error)="error.emit($event)"></gallery-image>
+                   [loadingIcon]="galleryRef.config().thumbLoadingIcon"
+                   [loadingError]="galleryRef.config().thumbLoadingError"/>
 
-    <div *ngIf="config.thumbTemplate" class="g-template g-thumb-template">
-      <ng-container *ngTemplateOutlet="config.thumbTemplate; context: imageContext"></ng-container>
-    </div>
+    @if (galleryRef.config().thumbTemplate) {
+      <div class="g-template g-thumb-template">
+        <ng-container *ngTemplateOutlet="galleryRef.config().thumbTemplate; context: imageContext()"/>
+      </div>
+    }
   `,
-  standalone: true,
-  imports: [CommonModule, GalleryImageComponent]
+  styleUrl: './gallery-thumb.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [NgTemplateOutlet, GalleryImageComponent]
 })
-export class GalleryThumbComponent {
-
-  @Input() config: GalleryConfig;
+export class GalleryThumbComponent extends SliderItem {
+  /**
+   * The gallery reference instance
+   */
+  readonly galleryRef: GalleryRef = inject(GalleryRef);
 
   /** Item's index in the gallery */
-  @Input() index: number;
+  index: InputSignal<number> = input<number>();
 
   /** The number of total items */
-  @Input() count: number;
+  count: InputSignal<number> = input<number>();
 
   /** Gallery current index */
-  @Input() currIndex: number;
+  currIndex: InputSignal<number> = input<number>();
 
   /** Item's type 'image', 'video', 'youtube', 'Vimeo', 'iframe' */
-  @Input() type: GalleryItemType;
+  type: InputSignal<GalleryItemType> = input<GalleryItemType>();
 
   /** Item's data, this object contains the data required to display the content (e.g. src path) */
-  @Input() data: ImageItemData;
-
-  @Output() error: EventEmitter<ErrorEvent> = new EventEmitter<ErrorEvent>();
+  data: InputSignal<ImageItemData> = input<ImageItemData>();
 
-  @HostBinding('class.g-active-thumb') get isActive() {
-    return this.index === this.currIndex;
-  }
+  /** Whether the item is visible in the viewport */
+  visible: InputSignal<boolean> = input<boolean>();
 
-  @HostBinding('attr.galleryIndex') get isIndexAttr(): number {
-    return this.index;
-  }
+  active: Signal<boolean> = computed(() => this.index() === this.currIndex());
 
-  get imageContext(): GalleryItemContext<ImageItemData> {
+  imageContext: Signal<GalleryItemContext<ImageItemData>> = computed(() => {
     return {
-      $implicit: this.data,
-      index: this.index,
-      type: this.type,
-      active: this.isActive,
-      count: this.count,
-      first: this.index === 0,
-      last: this.index === this.count - 1
+      $implicit: this.data(),
+      index: this.index(),
+      type: this.type(),
+      active: this.active(),
+      count: this.count(),
+      first: this.index() === 0,
+      last: this.index() === this.count() - 1
     }
-  }
-
-  get nativeElement(): HTMLElement {
-    return this.el.nativeElement;
-  }
-
-  constructor(private el: ElementRef<HTMLElement>) {
-  }
+  });
 }
diff --git a/projects/ng-gallery/src/lib/components/gallery-thumb.scss b/projects/ng-gallery/src/lib/components/gallery-thumb.scss
index 2fb702bf..21f43e52 100644
--- a/projects/ng-gallery/src/lib/components/gallery-thumb.scss
+++ b/projects/ng-gallery/src/lib/components/gallery-thumb.scss
@@ -22,6 +22,11 @@
   &.g-active-thumb {
     --g-thumb-opacity: 1;
   }
+
+  &.g-visible-thumb {
+    border: 1px solid red;
+    --g-thumb-opacity: 1;
+  }
 }
 
 .g-template {
diff --git a/projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts b/projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts
index 4a8cdb0c..93569be1 100644
--- a/projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts
+++ b/projects/ng-gallery/src/lib/components/gallery-thumbs.component.ts
@@ -1,159 +1,147 @@
 import {
   Component,
-  Input,
-  Output,
-  ViewChild,
-  ViewChildren,
-  EventEmitter,
-  AfterViewInit,
-  OnChanges,
-  QueryList,
-  SimpleChanges,
-  ElementRef,
-  ChangeDetectionStrategy
+  inject,
+  computed,
+  numberAttribute,
+  booleanAttribute,
+  input,
+  Signal,
+  InputSignal,
+  ChangeDetectionStrategy,
+  InputSignalWithTransform
 } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Observable, Subject, map, startWith } from 'rxjs';
-import { GalleryConfig } from '../models/config.model';
-import { GalleryState, GalleryError } from '../models/gallery.model';
-import { ThumbnailsPosition } from '../models/constants';
-import { VerticalAdapter, HorizontalAdapter, SliderAdapter } from './adapters';
-import { SmoothScroll, SmoothScrollOptions } from '../smooth-scroll';
+import { Orientation } from '../models/constants';
+import { SmoothScroll } from '../smooth-scroll';
 import { GalleryThumbComponent } from './gallery-thumb.component';
 import { HammerSliding } from '../gestures/hammer-sliding.directive';
-import { ThumbResizeObserver } from '../observers/thumb-resize-observer.directive';
+import { GalleryRef } from '../services/gallery-ref';
+import { ResizeSensor } from '../services/resize-sensor';
+import { ScrollSnapType } from '../services/scroll-snap-type';
+import { IntersectionSensor } from '../observers/intersection-sensor.directive';
+import { SliderComponent } from './slider/slider';
 
 @Component({
+  standalone: true,
+  host: {
+    '[attr.autosize]': 'autosize()',
+    '[attr.disabled]': 'disabled()',
+    '[attr.scrollDisabled]': 'disableScroll()',
+    '[attr.imageSize]': 'imageSize()',
+    '[attr.position]': 'position()',
+    '[style.grid-area]': 'position()',
+    '[style.--g-thumb-width.px]': 'thumbWidth()',
+    '[style.--g-thumb-height.px]': 'thumbHeight()'
+  },
   selector: 'gallery-thumbs',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: ['./gallery-thumbs.scss'],
   template: `
-    <div #slider
-         class="g-slider"
-         [smoothScroll]="position$ | async"
-         [smoothScrollInterruptOnMousemove]="!config.disableThumbMouseScroll"
-         [attr.centralised]="config.thumbCentralized || adapter.isContentLessThanContainer"
-         [hammerSliding]="!config.disableThumbMouseScroll"
-         [galleryId]="galleryId"
-         [items]="items$ | async"
-         [state]="state"
-         [config]="config"
-         [adapter]="adapter"
-         (thumbResizeObserver)="scrollToIndex(state.currIndex, 'auto')"
-         (activeIndexChange)="onActiveIndexChange($event)">
+    <g-slider [orientation]="orientation()"
+              [autosize]="autosize()"
+              [centralized]="centralized()"
+              isThumbs
+              resizeSensor
+              [smoothScroll]="detach()"
+              hammerSliding
+              scrollSnapType>
       <div class="g-slider-content">
-        <gallery-thumb *ngFor="let item of state.items; trackBy: trackByFn; index as i"
-                       [attr.galleryId]="galleryId"
-                       [type]="item.type"
-                       [config]="config"
-                       [data]="item.data"
-                       [currIndex]="state.currIndex"
-                       [index]="i"
-                       [count]="state.items.length"
-                       (click)="config.disableThumbs ? null : thumbClick.emit(i)"
-                       (error)="error.emit({ itemIndex: i, error: $event })"/>
+        @for (item of galleryRef.items(); track i; let i = $index; let count = $count) {
+          <gallery-thumb [data]="item"
+                         [currIndex]="galleryRef.currIndex()"
+                         [index]="i"
+                         [count]="count"
+                         (click)="disabled() || galleryRef.set(i)"/>
+        }
       </div>
-    </div>
+    </g-slider>
+    <ng-content/>
   `,
-  standalone: true,
-  imports: [CommonModule, GalleryThumbComponent, SmoothScroll, HammerSliding, ThumbResizeObserver]
+  styleUrl: './gallery-thumbs.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [
+    GalleryThumbComponent,
+    SmoothScroll,
+    HammerSliding,
+    ResizeSensor,
+    ScrollSnapType,
+    IntersectionSensor,
+    SliderComponent
+  ]
 })
-export class GalleryThumbsComponent implements AfterViewInit, OnChanges {
-
-  /** Stream that emits the slider position */
-  readonly position$: Subject<SmoothScrollOptions> = new Subject<SmoothScrollOptions>();
-
-  /** Slider adapter */
-  adapter: SliderAdapter;
-
-  /** Stream that emits the thumb components once they're initialized */
-  items$: Observable<GalleryThumbComponent[]>;
-
-  /** Gallery ID */
-  @Input() galleryId: string;
-
-  /** Gallery state */
-  @Input() state: GalleryState;
-
-  /** Gallery config */
-  @Input() config: GalleryConfig;
-
-  /** Stream that emits when thumb is clicked */
-  @Output() thumbClick: EventEmitter<number> = new EventEmitter<number>();
-
-  /** Stream that emits when an error occurs */
-  @Output() error: EventEmitter<GalleryError> = new EventEmitter<GalleryError>();
-
-  /** Slider ElementRef */
-  @ViewChild('slider', { static: true }) sliderEl: ElementRef;
-
-  @ViewChildren(GalleryThumbComponent) items: QueryList<GalleryThumbComponent> = new QueryList<GalleryThumbComponent>();
-
-  get slider(): HTMLElement {
-    return this.sliderEl.nativeElement;
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.config) {
-      // Sets sliding direction
-      if (changes.config.currentValue?.thumbPosition !== changes.config.previousValue?.thumbPosition) {
-        switch (this.config.thumbPosition) {
-          case ThumbnailsPosition.Right:
-          case ThumbnailsPosition.Left:
-            this.adapter = new VerticalAdapter(this.slider, this.config);
-            break;
-          case ThumbnailsPosition.Top:
-          case ThumbnailsPosition.Bottom:
-            this.adapter = new HorizontalAdapter(this.slider, this.config);
-            break;
-        }
-
-        if (!changes.config.firstChange) {
-          // Keep the correct sliding position when direction changes
-          requestAnimationFrame(() => {
-            this.scrollToIndex(this.state.currIndex, 'auto');
-          });
-        }
-      }
-    }
-
-    if (changes.state && (changes.state.firstChange || !this.config.detachThumbs)) {
-      if (changes.state.currentValue?.currIndex !== changes.state.previousValue?.currIndex) {
-        // Scroll slide to item when current index changes.
-        requestAnimationFrame(() => {
-          this.scrollToIndex(this.state.currIndex, changes.state?.firstChange ? 'auto' : 'smooth');
-        });
-      }
-    }
-  }
-
-  ngAfterViewInit(): void {
-    this.items.notifyOnChanges();
-    this.items$ = this.items.changes.pipe(
-      // In some cases, items is not notified at first, need to force start the stream
-      startWith(null),
-      map(() => this.items.toArray())
-    );
-  }
-
-  trackByFn(index: number, item: any) {
-    return item.type;
-  }
-
-  onActiveIndexChange(index: number): void {
-    if (index === -1) {
-      // Reset active index position
-      this.scrollToIndex(this.state.currIndex, 'smooth');
-    } else {
-      this.scrollToIndex(index, 'smooth');
-    }
-  }
+export class GalleryThumbsComponent {
+
+  readonly galleryRef: GalleryRef = inject(GalleryRef, { host: true, skipSelf: true });
+
+  // readonly align: InputSignal<'start' | 'end'> = input<'start' | 'end'>();
+
+  /**
+   * Fits each thumbnail size to its content
+   */
+  readonly autosize: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(false, {
+    transform: booleanAttribute
+  });
+
+  /**
+   * Centralize active thumb
+   */
+  readonly centralized: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(false, {
+    transform: booleanAttribute
+  });
+
+  /**
+   * Disables thumbnails' clicks
+   */
+  readonly disabled: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(false, {
+    transform: booleanAttribute
+  });
+
+  /**
+   * Disables sliding of thumbnails using touchpad, scroll and gestures on touch devices
+   */
+  disableScroll: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(false, {
+    transform: booleanAttribute
+  });
+
+  /**
+   * Disables sliding of thumbnails using the mouse
+   */
+  disableMouseScroll: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(false, {
+    transform: booleanAttribute
+  });
+
+  /**
+   * De-attaching the thumbnails from the main slider
+   * If enabled - thumbnails won't automatically scroll to the active thumbnails
+   */
+  detach: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(false, {
+    transform: booleanAttribute
+  });
+
+  /**
+   * TODO: Rename this to align and add start and end options to work with RTL
+   * Sets the thumbnails position, it also sets the sliding direction of the thumbnails accordingly
+   */
+  position: InputSignal<'top' | 'left' | 'right' | 'bottom'> = input<'top' | 'left' | 'right' | 'bottom'>('bottom');
+
+  /**
+   * Sets the object-fit style applied on items' images
+   */
+  imageSize: InputSignal<'cover' | 'contain'> = input<'cover' | 'contain'>('cover');
+
+  /**
+   * Sets the thumbnail's width
+   */
+  thumbWidth: InputSignalWithTransform<number, string | number> = input<number, string | number>(120, {
+    transform: numberAttribute
+  });
+
+  /**
+   * Sets the thumbnail's height
+   */
+  thumbHeight: InputSignalWithTransform<number, string | number> = input<number, string | number>(90, {
+    transform: numberAttribute
+  });
+
+  readonly orientation: Signal<Orientation> = computed(() => {
+    return (this.position() === 'top' || this.position() === 'bottom') ? Orientation.Horizontal : Orientation.Vertical;
+  });
 
-  scrollToIndex(value: number, behavior: ScrollBehavior): void {
-    const el: HTMLElement = this.items.get(value)?.nativeElement;
-    if (el) {
-      const pos: SmoothScrollOptions = this.adapter.getScrollToValue(el, behavior);
-      this.position$.next(pos);
-    }
-  }
 }
diff --git a/projects/ng-gallery/src/lib/components/gallery-thumbs.scss b/projects/ng-gallery/src/lib/components/gallery-thumbs.scss
index d9d5e290..066beef8 100644
--- a/projects/ng-gallery/src/lib/components/gallery-thumbs.scss
+++ b/projects/ng-gallery/src/lib/components/gallery-thumbs.scss
@@ -3,6 +3,46 @@
   max-width: 100%;
   display: block;
   z-index: 100;
+
+  &[position="top"],
+  &[position="bottom"] {
+    --thumb-slider-top: 0;
+    --thumb-slider-overflow: auto hidden;
+    --thumb-slider-flex-direction: row;
+    --g-thumb-height: 100%;
+
+    &[autosize="true"] {
+      --g-thumb-width: auto !important;
+    }
+  }
+
+  &[position="left"],
+  &[position="right"] {
+    --thumb-slider-left: 0;
+    --thumb-slider-overflow: hidden auto;
+    --thumb-slider-flex-direction: column;
+    --g-thumb-width: 100%;
+
+    &[autosize="true"] {
+      --g-thumb-height: auto !important;
+    }
+  }
+
+  &[disabled="true"] {
+    --g-thumb-cursor: default;
+  }
+
+  &[scrollDisabled="true"] {
+    --thumb-slider-overflow: hidden !important;
+  }
+
+  &[imageSize="contain"] {
+    --image-object-fit: contain;
+  }
+
+  &[imageSize="cover"] {
+    --image-object-fit: cover;
+  }
 }
 
 .g-slider {
@@ -26,7 +66,6 @@
     display: none;
   }
 
-  // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse
   &.g-sliding {
     // Disable mouse click on gallery items/thumbnails when the slider is being dragged using the mouse
     .g-slider-content {
@@ -36,23 +75,25 @@
 
   &[centralised="true"] {
     &:before, &:after {
-      content: '';
+      content: "";
     }
 
     &:before {
-      flex: 0 0 var(--thumb-centralize-start-size);
+      flex: 0 0 var(--centralize-start-size);
     }
 
     &:after {
-      flex: 0 0 var(--thumb-centralize-end-size);
+      flex: 0 0 var(--centralize-end-size);
     }
   }
 }
 
 .g-slider-content {
+  // Never set min-width to 100%, content wrapper should always match content size to measure centralize size
+  min-width: 100%;
   flex: 0 0 auto;
   display: flex;
   flex-direction: var(--thumb-slider-flex-direction);
   align-items: center;
-  gap: 1px;
+  //gap: 1px;
 }
diff --git a/projects/ng-gallery/src/lib/components/gallery.component.ts b/projects/ng-gallery/src/lib/components/gallery.component.ts
index abd3bd04..5dd0c24d 100644
--- a/projects/ng-gallery/src/lib/components/gallery.component.ts
+++ b/projects/ng-gallery/src/lib/components/gallery.component.ts
@@ -1,111 +1,119 @@
 import {
   Component,
-  Input,
-  Output,
-  ContentChild,
+  inject,
+  output,
   booleanAttribute,
   numberAttribute,
-  EventEmitter,
-  OnInit,
-  AfterContentInit,
-  OnChanges,
-  OnDestroy,
-  SimpleChanges,
-  ChangeDetectionStrategy
+  computed,
+  effect,
+  untracked,
+  input,
+  viewChild,
+  contentChild,
+  Signal,
+  InputSignal,
+  TemplateRef,
+  OutputEmitterRef,
+  ChangeDetectionStrategy,
+  InputSignalWithTransform
 } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Subscription } from 'rxjs';
-import { GalleryCoreComponent } from './gallery-core.component';
-import { Gallery } from '../services/gallery.service';
+import { NgTemplateOutlet } from '@angular/common';
+import { Directionality } from '@angular/cdk/bidi';
 import { GalleryRef } from '../services/gallery-ref';
-import { GalleryError, GalleryItem, GalleryState } from '../models/gallery.model';
-import { IframeItemData, ImageItemData, VideoItemData, VimeoItemData, YoutubeItemData } from './templates/items.model';
-import { GalleryConfig } from '../models/config.model';
+import { GalleryItem } from '../models/gallery.model';
+import { GALLERY_CONFIG, GalleryConfig } from '../models/config.model';
 import { BezierEasingOptions } from '../smooth-scroll';
 import { GalleryImageDef } from '../directives/gallery-image-def.directive';
 import { GalleryThumbDef } from '../directives/gallery-thumb-def.directive';
 import { GalleryItemDef } from '../directives/gallery-item-def.directive';
-import { GalleryBoxDef } from '../directives/gallery-box-def.directive';
+import { GalleryBoxDef, GalleryStateContext } from '../directives/gallery-box-def.directive';
 import { ImgManager } from '../utils/img-manager';
 import { AutoplayDirective } from '../autoplay/autoplay.directive';
+import { GallerySliderComponent } from './gallery-slider.component';
 
 /**
  * Gallery component
  */
 @Component({
+  standalone: true,
   selector: 'gallery',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: ['./gallery.scss'],
+  host: {
+    '[attr.dir]': 'dir.value',
+    '[attr.debug]': 'debug()',
+    '[attr.imageSize]': 'imageSize()',
+    '[attr.orientation]': 'orientation()',
+    '[attr.itemAutosize]': 'itemAutosize()',
+    '[attr.scrollDisabled]': 'disableScroll()'
+  },
   template: `
-    <gallery-core autoplay
-                  [galleryId]="id"
-                  [state]="galleryRef.state | async"
-                  [config]="galleryRef.config | async"
-                  (itemClick)="onItemClick($event)"
-                  (thumbClick)="onThumbClick($event)"
-                  (error)="onError($event)"/>
+    <ng-content select="gallery-thumbs, gallery-bullets"/>
+
+    <div class="g-box">
+
+      <gallery-slider [class.g-debug]="debug()"
+                      (itemClick)="itemClick.emit($event)">
+        <ng-content select="gallery-nav, gallery-counter"/>
+      </gallery-slider>
+
+      <div class="g-box-template">
+        <!--        <ng-container *ngTemplateOutlet="boxTemplate(); context: { state: state(), config: config() }"/>-->
+        <ng-container *ngTemplateOutlet="boxTemplate(); context: { config: config() }"/>
+      </div>
+    </div>
   `,
-  standalone: true,
-  imports: [CommonModule, GalleryCoreComponent, AutoplayDirective],
-  providers: [ImgManager]
+  styleUrls: ['./gallery.scss', '../debug/debug.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  hostDirectives: [AutoplayDirective],
+  imports: [AutoplayDirective, GallerySliderComponent, NgTemplateOutlet],
+  providers: [ImgManager, GalleryRef]
 })
-export class GalleryComponent implements OnInit, AfterContentInit, OnChanges, OnDestroy {
+export class GalleryComponent {
+
+  slider: Signal<GallerySliderComponent> = viewChild(GallerySliderComponent);
 
   /**
    * The gallery reference instance
    */
-  galleryRef: GalleryRef;
+  readonly galleryRef: GalleryRef = inject(GalleryRef);
 
-  /**
-   * The gallery instance unique id, required if more multiple gallery instances
-   */
-  @Input() id: string = 'root';
+
+  readonly dir: Directionality = inject(Directionality);
 
   /**
-   * Loads the items array into the gallery
+   * @ignore
    */
-  @Input() items: GalleryItem [];
+  private _config: GalleryConfig = inject(GALLERY_CONFIG);
 
   /**
-   * Displays the navigation buttons
+   * The gallery instance unique id, required if more multiple gallery instances
    */
-  @Input({ transform: booleanAttribute }) nav: boolean = this._gallery.config.nav;
+  id: InputSignal<string> = input<string>('root');
 
   /**
-   * Displays the navigation bullets
+   * Loads the items array into the gallery
    */
-  @Input({ transform: booleanAttribute }) bullets: boolean = this._gallery.config.bullets;
+  items: InputSignal<GalleryItem[]> = input<GalleryItem[]>();
 
   /**
    * Enables loop cycling
    */
-  @Input({ transform: booleanAttribute }) loop: boolean = this._gallery.config.loop;
+  loop: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(this._config.loop, {
+    transform: booleanAttribute
+  });
 
   /**
    * Show visuals that helps debugging the component
    */
-  @Input({ transform: booleanAttribute }) debug: boolean = this._gallery.config.debug;
+  debug: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(this._config.debug, {
+    transform: booleanAttribute
+  });
 
   /**
-   * Displays the thumbnails
+   * Centralize slider
    */
-  @Input({ transform: booleanAttribute }) thumbs: boolean = this._gallery.config.thumbs;
-
-  /**
-   * Displays the counter or pagination
-   */
-  @Input({ transform: booleanAttribute }) counter: boolean = this._gallery.config.counter;
-
-  /**
-   * De-attaching the thumbnails from the main slider
-   * If enabled - thumbnails won't automatically scroll to the active thumbnails
-   */
-  @Input({ transform: booleanAttribute }) detachThumbs: boolean = this._gallery.config.detachThumbs;
-
-  /**
-   * Fits each thumbnail size to its content
-   */
-  @Input({ transform: booleanAttribute }) thumbAutosize: boolean = this._gallery.config.thumbAutosize;
+  centralized: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(this._config.centralized, {
+    transform: booleanAttribute
+  });
 
   /**
    * Fits each item size to its content, This option should be used with:
@@ -113,122 +121,76 @@ export class GalleryComponent implements OnInit, AfterContentInit, OnChanges, On
    * - Does not work properly unless `loadingAttr="eager"`
    * - Does not work properly unless `loadingStrategy="preload"`
    */
-  @Input({ transform: booleanAttribute }) itemAutosize: boolean = this._gallery.config.itemAutosize;
-
-  /**
-   * Automatically adjusts the gallery's height to fit the content
-   */
-  @Input({ transform: booleanAttribute }) autoHeight: boolean = this._gallery.config.autoHeight;
+  itemAutosize: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(this._config.itemAutosize, {
+    transform: booleanAttribute
+  });
 
   /**
    * Automatically cycle through items at time interval
    */
-  @Input({ transform: booleanAttribute }) autoplay: boolean = this._gallery.config.autoplay;
-
-  /**
-   * Disables thumbnails' clicks
-   */
-  @Input({ transform: booleanAttribute }) disableThumbs: boolean = this._gallery.config.disableThumbs;
-
-  /**
-   * Disables bullets' clicks
-   */
-  @Input({ transform: booleanAttribute }) disableBullets: boolean = this._gallery.config.disableBullets;
+  autoplay: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(this._config.autoplay, {
+    transform: booleanAttribute
+  });
 
   /**
    * Disables sliding using mousewheel, touchpad, scroll and gestures on touch devices
    */
-  @Input({ transform: booleanAttribute }) disableScroll: boolean = this._gallery.config.disableScroll;
-
-  /**
-   * Disables sliding of thumbnails using touchpad, scroll and gestures on touch devices
-   */
-  @Input({ transform: booleanAttribute }) disableThumbScroll: boolean = this._gallery.config.disableThumbScroll;
-
-  /**
-   * Force centralizing the active thumbnail
-   */
-  @Input({ transform: booleanAttribute }) thumbCentralized: boolean = this._gallery.config.thumbCentralized;
+  disableScroll: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(this._config.disableScroll, {
+    transform: booleanAttribute
+  });
 
   /**
    * Disables sliding using the mouse
    */
-  @Input({ transform: booleanAttribute }) disableMouseScroll: boolean = this._gallery.config.disableMouseScroll;
-
-  /**
-   * Disables sliding of thumbnails using the mouse
-   */
-  @Input({ transform: booleanAttribute }) disableThumbMouseScroll: boolean = this._gallery.config.disableThumbMouseScroll;
-
-  /**
-   * Sets the size of the bullets navigation
-   */
-  @Input({ transform: numberAttribute }) bulletSize: number = this._gallery.config.bulletSize;
-
-  /**
-   * Sets the thumbnail's width
-   */
-  @Input({ transform: numberAttribute }) thumbWidth: number = this._gallery.config.thumbWidth;
-
-  /**
-   * Sets the thumbnail's height
-   */
-  @Input({ transform: numberAttribute }) thumbHeight: number = this._gallery.config.thumbHeight;
+  disableMouseScroll: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(this._config.disableMouseScroll, {
+    transform: booleanAttribute
+  });
 
   /**
    * Sets the interval used for the autoplay feature
    */
-  @Input({ transform: numberAttribute }) autoplayInterval: number = this._gallery.config.autoplayInterval;
+  autoplayInterval: InputSignalWithTransform<number, string | number> = input<number, string | number>(this._config.autoplayInterval, {
+    transform: numberAttribute
+  });
 
   /**
    * Sets the duration used for smooth navigation between the items
    */
-  @Input({ transform: numberAttribute }) scrollDuration: number = this._gallery.config.scrollDuration;
+  scrollDuration: InputSignalWithTransform<number, string | number> = input<number, string | number>(this._config.scrollDuration, {
+    transform: numberAttribute
+  });
 
   /**
    * Sets the debounce time used to throttle the gallery update after it is resized
    */
-  @Input({ transform: numberAttribute }) resizeDebounceTime: number = this._gallery.config.resizeDebounceTime;
+  resizeDebounceTime: InputSignalWithTransform<number, string | number> = input<number, string | number>(this._config.resizeDebounceTime, {
+    transform: numberAttribute
+  });
 
   /**
    * Sets the scroll behavior when the active item is changed
    */
-  @Input() scrollBehavior: ScrollBehavior = this._gallery.config.scrollBehavior;
+  scrollBehavior: InputSignal<ScrollBehavior> = input<ScrollBehavior>(this._config.scrollBehavior);
 
   /**
    * Sets the ease function used for smooth navigation between the items
    */
-  @Input() scrollEase: BezierEasingOptions = this._gallery.config.scrollEase;
+  scrollEase: InputSignal<BezierEasingOptions> = input<BezierEasingOptions>(this._config.scrollEase);
 
   /**
    * Sets the object-fit style applied on items' images
    */
-  @Input() imageSize: 'cover' | 'contain' = this._gallery.config.imageSize;
-
-  /**
-   * Sets the object-fit style applied on thumbnails' images
-   */
-  @Input() thumbImageSize: 'cover' | 'contain' = this._gallery.config.thumbImageSize;
-
-  /**
-   * Sets the bullets navigation position
-   */
-  @Input() bulletPosition: 'top' | 'bottom' = this._gallery.config.bulletPosition;
-
-  /**
-   * Sets the counter navigation position
-   */
-  @Input() counterPosition: 'top' | 'bottom' = this._gallery.config.counterPosition;
+  imageSize: InputSignal<'cover' | 'contain'> = input<'cover' | 'contain'>(this._config.imageSize);
 
   /**
    * Sets the sliding direction
    */
-  @Input() orientation: 'horizontal' | 'vertical' = this._gallery.config.orientation;
+  orientation: InputSignal<'horizontal' | 'vertical'> = input<'horizontal' | 'vertical'>(this._config.orientation);
 
   /**
    * Sets the loading attribute applied on the items' images
    */
-  @Input() loadingAttr: 'eager' | 'lazy' = this._gallery.config.loadingAttr;
+  loadingAttr: InputSignal<'eager' | 'lazy'> = input<'eager' | 'lazy'>(this._config.loadingAttr);
 
   /**
    * Sets the loading strategy used for displaying the items
@@ -236,262 +198,92 @@ export class GalleryComponent implements OnInit, AfterContentInit, OnChanges, On
    * - `default` renders only the active item, the previous item and the next item
    * - `preload` renders all the items, this option is required for `thumbAutoSize` is enabled
    */
-  @Input() loadingStrategy: 'preload' | 'lazy' | 'default' = this._gallery.config.loadingStrategy;
-
-  /**
-   * Sets the thumbnails position, it also sets the sliding direction of the thumbnails accordingly
-   */
-  @Input() thumbPosition: 'top' | 'left' | 'right' | 'bottom' = this._gallery.config.thumbPosition;
-
-  /**
-   * Destroy gallery ref on component destroy event
-   * This intended to be used and disabled from the lightbox component
-   * @ignore
-   * */
-  @Input() destroyRef: boolean = true;
+  loadingStrategy: InputSignal<'preload' | 'lazy' | 'default'> = input<'preload' | 'lazy' | 'default'>(this._config.loadingStrategy);
 
   /**
    * Skip initializing the config with components inputs (Lightbox mode)
    * This intended to be used and enabled from the lightbox component
    * @ignore
    */
-  @Input() skipInitConfig: boolean = false;
+  skipInitConfig: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(false, {
+    transform: booleanAttribute
+  });
 
   /**
    * Stream that emits when an item is clicked
    */
-  @Output() itemClick: EventEmitter<number> = new EventEmitter<number>();
+  itemClick: OutputEmitterRef<number> = output<number>();
 
   /**
    * Stream that emits when a thumbnail is clicked
    */
-  @Output() thumbClick: EventEmitter<number> = new EventEmitter<number>();
+  thumbClick: OutputEmitterRef<number> = output<number>();
 
   /**
    * Stream that emits when player state is changed
    */
-  @Output() playingChange: EventEmitter<GalleryState> = new EventEmitter<GalleryState>();
+  // playingChange: OutputEmitterRef<GalleryState> = output<GalleryState>();
 
   /**
    * Stream that emits when index is changed
    */
-  @Output() indexChange: EventEmitter<GalleryState> = new EventEmitter<GalleryState>();
+  // indexChange: OutputEmitterRef<GalleryState> = output<GalleryState>();
 
   /**
    * Stream that emits when items array is changed
    */
-  @Output() itemsChange: EventEmitter<GalleryState> = new EventEmitter<GalleryState>();
-
-  /**
-   * Stream that emits when an error occurs, this would emit for loading errors of image and video items only
-   */
-  @Output() error: EventEmitter<GalleryError> = new EventEmitter<GalleryError>();
+  // itemsChange: OutputEmitterRef<GalleryState> = output<GalleryState>();
 
   /** @ignore */
-  @ContentChild(GalleryItemDef) private _galleryItemDef: GalleryItemDef;
+  private _galleryItemDef: Signal<GalleryItemDef> = contentChild(GalleryItemDef);
   /** @ignore */
-  @ContentChild(GalleryImageDef) private _galleryImageDef: GalleryImageDef;
+  private _galleryImageDef: Signal<GalleryImageDef> = contentChild(GalleryImageDef);
   /** @ignore */
-  @ContentChild(GalleryThumbDef) private _galleryThumbDef: GalleryThumbDef;
+  private _galleryThumbDef: Signal<GalleryThumbDef> = contentChild(GalleryThumbDef);
   /** @ignore */
-  @ContentChild(GalleryBoxDef) private _galleryBoxDef: GalleryBoxDef;
+  private _galleryBoxDef: Signal<GalleryBoxDef> = contentChild(GalleryBoxDef);
 
-  /** @ignore */
-  private _itemClick$: Subscription;
-  /** @ignore */
-  private _thumbClick$: Subscription;
-  /** @ignore */
-  private _itemChange$: Subscription;
-  /** @ignore */
-  private _indexChange$: Subscription;
-  /** @ignore */
-  private _playingChange$: Subscription;
-
-  constructor(private _gallery: Gallery) {
-  }
+  itemTemplate: Signal<TemplateRef<GalleryStateContext>> = computed(() => this._galleryItemDef()?.templateRef)
+  thumbTemplate: Signal<TemplateRef<GalleryStateContext>> = computed(() => this._galleryImageDef()?.templateRef)
+  imageTemplate: Signal<TemplateRef<GalleryStateContext>> = computed(() => this._galleryThumbDef()?.templateRef)
+  boxTemplate: Signal<TemplateRef<GalleryStateContext>> = computed(() => this._galleryBoxDef()?.templateRef)
 
   /** @ignore */
-  private getConfig(): GalleryConfig {
+  config: Signal<GalleryConfig> = computed(() => {
     return {
-      nav: this.nav,
-      bullets: this.bullets,
-      loop: this.loop,
-      debug: this.debug,
-      thumbs: this.thumbs,
-      counter: this.counter,
-      autoplay: this.autoplay,
-      bulletSize: this.bulletSize,
-      imageSize: this.imageSize,
-      thumbImageSize: this.thumbImageSize,
-      scrollBehavior: this.scrollBehavior,
-      thumbCentralized: this.thumbCentralized,
-      thumbWidth: this.thumbWidth,
-      thumbHeight: this.thumbHeight,
-      scrollEase: this.scrollEase,
-      bulletPosition: this.bulletPosition,
-      loadingAttr: this.loadingAttr,
-      detachThumbs: this.detachThumbs,
-      thumbPosition: this.thumbPosition,
-      autoplayInterval: this.autoplayInterval,
-      counterPosition: this.counterPosition,
-      loadingStrategy: this.loadingStrategy,
-      scrollDuration: this.scrollDuration,
-      orientation: this.orientation,
-      resizeDebounceTime: this.resizeDebounceTime,
-      disableBullets: this.disableBullets,
-      disableThumbs: this.disableThumbs,
-      disableScroll: this.disableScroll,
-      disableThumbScroll: this.disableThumbScroll,
-      disableMouseScroll: this.disableMouseScroll,
-      disableThumbMouseScroll: this.disableThumbMouseScroll,
-      thumbAutosize: this.thumbAutosize,
-      itemAutosize: this.itemAutosize,
-      autoHeight: this.autoHeight
+      itemTemplate: this.itemTemplate(),
+      imageTemplate: this.thumbTemplate(),
+      thumbTemplate: this.imageTemplate(),
+      boxTemplate: this.boxTemplate(),
+      loop: this.loop(),
+      debug: this.debug(),
+      autoplay: this.autoplay(),
+      imageSize: this.imageSize(),
+      centralized: this.centralized(),
+      scrollBehavior: this.scrollBehavior(),
+      scrollEase: this.scrollEase(),
+      loadingAttr: this.loadingAttr(),
+      autoplayInterval: this.autoplayInterval(),
+      loadingStrategy: this.loadingStrategy(),
+      scrollDuration: this.scrollDuration(),
+      orientation: this.orientation(),
+      resizeDebounceTime: this.resizeDebounceTime(),
+      disableScroll: this.disableScroll(),
+      disableMouseScroll: this.disableMouseScroll(),
+      itemAutosize: this.itemAutosize()
     };
-  }
-
-
-  /** @ignore */
-  ngOnChanges(changes: SimpleChanges): void {
-    if (this.galleryRef) {
-      this.galleryRef.setConfig(this.getConfig());
-
-      if (changes.items && changes.items.currentValue !== changes.items.previousValue) {
-        this.load(this.items);
-      }
-    }
-  }
-
-
-  /** @ignore */
-  ngOnInit(): void {
-    // Get gallery instance by id
-    if (this.skipInitConfig) {
-      this.galleryRef = this._gallery.ref(this.id);
-    } else {
-      this.galleryRef = this._gallery.ref(this.id, this.getConfig());
-    }
-
-    // Load gallery items
-    this.load(this.items);
-
-    // Subscribes to events on demand
-    if (this.indexChange.observed) {
-      this._indexChange$ = this.galleryRef.indexChanged.subscribe((state: GalleryState) => this.indexChange.emit(state));
-    }
-    if (this.itemsChange.observed) {
-      this._itemChange$ = this.galleryRef.itemsChanged.subscribe((state: GalleryState) => this.itemsChange.emit(state));
-    }
-    if (this.playingChange.observed) {
-      this._playingChange$ = this.galleryRef.playingChanged.subscribe((state: GalleryState) => this.playingChange.emit(state));
-    }
-  }
-
-  /** @ignore */
-  ngAfterContentInit(): void {
-    const templateConfig: GalleryConfig = {};
-    if (this._galleryItemDef) {
-      templateConfig.itemTemplate = this._galleryItemDef.templateRef;
-    }
-    if (this._galleryImageDef) {
-      templateConfig.imageTemplate = this._galleryImageDef.templateRef;
-    }
-    if (this._galleryThumbDef) {
-      templateConfig.thumbTemplate = this._galleryThumbDef.templateRef;
-    }
-    if (this._galleryBoxDef) {
-      templateConfig.boxTemplate = this._galleryBoxDef.templateRef;
-    }
-    if (Object.keys(templateConfig).length) {
-      this.galleryRef.setConfig(templateConfig);
-    }
-  }
-
-  /** @ignore */
-  ngOnDestroy(): void {
-    this._itemClick$?.unsubscribe();
-    this._thumbClick$?.unsubscribe();
-    this._itemChange$?.unsubscribe();
-    this._indexChange$?.unsubscribe();
-    this._playingChange$?.unsubscribe();
-    if (this.destroyRef) {
-      this.galleryRef?.destroy();
-    }
-  }
-
-  /** @ignore */
-  onItemClick(i: number): void {
-    this.itemClick.emit(i);
-    this.galleryRef.itemClick.next(i);
-  }
-
-  /** @ignore */
-  onThumbClick(i: number): void {
-    this.galleryRef.set(i);
-    this.thumbClick.emit(i);
-    this.galleryRef.thumbClick.next(i);
-  }
-
-  /** @ignore */
-  onError(err: GalleryError): void {
-    this.error.emit(err);
-    this.galleryRef.error.next(err);
-  }
-
-  /**
-   * Load items and reset the state
-   */
-  load(items: GalleryItem[]): void {
-    this.galleryRef.load(items);
-  }
-
-  /**
-   * Add gallery item, it can be any item, suitable to add item with a custom template
-   */
-  add(item: GalleryItem, active?: boolean): void {
-    this.galleryRef.add(item, active);
-  }
-
-  /**
-   * Add image item
-   */
-  addImage(data: ImageItemData, active?: boolean): void {
-    this.galleryRef.addImage(data, active);
-  }
-
-  /**
-   * Add video item
-   */
-  addVideo(data: VideoItemData, active?: boolean): void {
-    this.galleryRef.addVideo(data, active);
-  }
-
-  /**
-   * Add iframe item
-   */
-  addIframe(data: IframeItemData, active?: boolean): void {
-    this.galleryRef.addIframe(data, active);
-  }
-
-  /**
-   * Add Youtube item
-   */
-  addYoutube(data: YoutubeItemData, active?: boolean): void {
-    this.galleryRef.addYoutube(data, active);
-  }
-
-  /**
-   * Add Vimeo item
-   */
-  addVimeo(data: VimeoItemData, active?: boolean): void {
-    this.galleryRef.addVimeo(data, active);
-  }
-
-  /**
-   * Remove gallery item by index
-   */
-  remove(i: number): void {
-    this.galleryRef.remove(i);
+  });
+
+  constructor() {
+    effect(() => {
+      const config = this.config();
+      untracked(() => this.galleryRef.setConfig(config));
+    });
+
+    effect(() => {
+      const items = this.items();
+      untracked(() => this.galleryRef.load(items));
+    });
   }
 
   /**
diff --git a/projects/ng-gallery/src/lib/components/gallery.scss b/projects/ng-gallery/src/lib/components/gallery.scss
index dfe3bebb..4489e4e2 100644
--- a/projects/ng-gallery/src/lib/components/gallery.scss
+++ b/projects/ng-gallery/src/lib/components/gallery.scss
@@ -1,20 +1,121 @@
 :host {
-  position: relative;
-  overflow: hidden;
-  z-index: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: black;
-
   --g-height-transition: height 468ms cubic-bezier(0.42, 0, 0.58, 1);
   --g-nav-drop-shadow: drop-shadow(0 0 2px rgba(0, 0, 0, 0.6));
   --g-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
   --g-font-color: #000;
   --g-overlay-color: #fff;
-  --g-gutter-size: 1px;
+  --g-gutter-size: 0px;
+  //--g-gutter-size: 1px;
+
+  z-index: 1;
+  position: relative;
+  overflow: hidden;
+
+  gap: var(--g-gutter-size);
+  width: 100%;
+  //width: 776px;
+  height: 500px;
+  min-height: 100%;
+  max-height: 100%;
+  background-color: black;
+
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  grid-template-areas:
+    ". top ."
+    "left center right"
+    ". bottom .";
+
+
+  // Gallery items variables
+  --g-item-width: 100%;
+  --g-item-height: 100%;
+  --g-item-max-height: var(--slider-height);
+
+  &.g-resizing {
+    // Changes the height of the slider to match the active item height
+    //--slider-height: var(--slider-auto-height) !important;
+    //::ng-deep {
+    //  .g-slider {
+    //    height: var(--slider-auto-height) !important;
+    //  }
+    //}
+  }
 
   &[gallerize] {
     --g-item-cursor: pointer;
   }
+
+  // Gallery auto-height variables
+  &[autoHeight='true'][itemAutoSize='false'][orientation='horizontal'] {
+    //&[thumbPosition='top'], &[thumbPosition='bottom'] {
+      // if auto-height, use fit-content
+      height: fit-content;
+      --g-item-height: auto !important;
+      --g-item-max-height: auto;
+    //}
+  }
+
+  // Gallery image variables
+  --image-object-fit: unset;
+
+  &[imageSize='contain'] gallery-slider  {
+    --image-object-fit: contain;
+  }
+
+  &[imageSize='cover'] gallery-slider  {
+    --image-object-fit: cover;
+  }
+
+  // Gallery thumbs variables
+  --slider-thumb-height: unset;
+  --slider-thumb-width: unset;
+  --thumb-slider-left: unset;
+  --thumb-slider-overflow: unset;
+  --thumb-slider-flex-direction: unset;
+  --g-thumb-width: unset;
+  --g-thumb-height: unset;
+  --g-thumb-cursor: pointer;
+
+  // Gallery slider variables
+  --slider-scroll-snap-type: unset;
+  --slider-overflow: unset;
+  --slider-flex-direction: unset;
+  --slider-width: unset;
+  --slider-height: unset;
+  --slider-content-width: unset;
+  --slider-content-height: unset;
+
+  &[orientation='horizontal'] {
+    --slider-overflow: auto hidden;
+    --slider-scroll-snap-type: x mandatory;
+    --slider-flex-direction: row;
+    --slider-content-height: 100%;
+  }
+
+  &[orientation='vertical'] {
+    --slider-overflow: hidden auto;
+    --slider-scroll-snap-type: y mandatory;
+    --slider-flex-direction: column;
+    --slider-content-width: 100%;
+  }
+
+  &[scrollDisabled='true'] {
+    --slider-overflow: hidden !important;
+  }
+
+}
+
+.g-box {
+  grid-area: center;
+  overflow: hidden;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.g-box-template {
+  position: absolute;
+  z-index: 10;
 }
diff --git a/projects/ng-gallery/src/lib/components/slider-item/slider-item.ts b/projects/ng-gallery/src/lib/components/slider-item/slider-item.ts
new file mode 100644
index 00000000..7790d5be
--- /dev/null
+++ b/projects/ng-gallery/src/lib/components/slider-item/slider-item.ts
@@ -0,0 +1,42 @@
+import {
+  Directive,
+  inject,
+  signal,
+  computed,
+  input,
+  Signal,
+  Injector,
+  ElementRef,
+  InputSignal,
+  WritableSignal
+} from '@angular/core';
+import { toObservable } from '@angular/core/rxjs-interop';
+import { Observable } from 'rxjs';
+import { GalleryRef } from '../../services/gallery-ref';
+import { ItemState } from '../../models/item.model';
+
+@Directive()
+export abstract class SliderItem {
+
+  readonly injector: Injector = inject(Injector);
+
+  readonly galleryRef: GalleryRef = inject(GalleryRef);
+
+  readonly nativeElement: HTMLElement = inject(ElementRef<HTMLElement>).nativeElement;
+
+  /** Item's index in the gallery */
+  index: InputSignal<number> = input<number>();
+
+  /** A stream that indicates that the height was emitted after the image is loaded, used only for gallery image types */
+  readonly state: WritableSignal<ItemState> = signal<ItemState>('loading');
+
+  readonly visible: Signal<boolean> = computed(() => {
+    return !!this.galleryRef.visibleItems()[this.index()]
+  });
+
+  readonly state$: Observable<ItemState> = toObservable(this.state);
+
+  /** A flag that indicates if the item is type of image, it can be a custom template by the user,
+   * The img recognizer directive will set it to true*/
+  isItemContainImage: boolean;
+}
diff --git a/projects/ng-gallery/src/lib/components/slider/slider.ts b/projects/ng-gallery/src/lib/components/slider/slider.ts
new file mode 100644
index 00000000..e79b84a1
--- /dev/null
+++ b/projects/ng-gallery/src/lib/components/slider/slider.ts
@@ -0,0 +1,64 @@
+import {
+  Component,
+  inject,
+  computed,
+  contentChildren,
+  booleanAttribute,
+  input,
+  Signal,
+  ElementRef,
+  InputSignal,
+  WritableSignal,
+  ChangeDetectionStrategy,
+  InputSignalWithTransform
+} from '@angular/core';
+import { GalleryRef } from '../../services/gallery-ref';
+import { GalleryConfig } from '../../models/config.model';
+import { Orientation } from '../../models/constants';
+import { HorizontalAdapter, SliderAdapter, VerticalAdapter } from '../adapters';
+import { SliderItem } from '../slider-item/slider-item';
+
+@Component({
+  standalone: true,
+  host: {
+    '[class.g-slider]': 'true',
+    '[attr.centralised]': 'centralized()',
+    '[attr.orientation]': 'orientation()',
+    '[attr.autosize]': 'autosize()',
+  },
+  selector: 'g-slider',
+  template: '<ng-content/>',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class SliderComponent {
+
+  readonly galleryRef: GalleryRef = inject(GalleryRef);
+
+  readonly nativeElement: HTMLElement = inject(ElementRef<HTMLElement>).nativeElement;
+
+  readonly orientation: InputSignal<Orientation> = input<Orientation>();
+
+  readonly autosize: InputSignal<boolean> = input<boolean>();
+
+  readonly centralized: InputSignal<boolean> = input<boolean>();
+
+  readonly items: Signal<ReadonlyArray<SliderItem>> = contentChildren<SliderItem>(SliderItem, { descendants: true });
+
+  isThumbs: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(false, {
+    transform: booleanAttribute
+  });
+
+  readonly adapter: Signal<SliderAdapter> = computed(() => {
+    const config: GalleryConfig = this.galleryRef.config();
+    return this.orientation() === Orientation.Horizontal
+      ? new HorizontalAdapter(this.nativeElement, config)
+      : new VerticalAdapter(this.nativeElement, config);
+  });
+
+  get visibleEntries(): WritableSignal<Record<number, IntersectionObserverEntry>> {
+    if (this.isThumbs()) {
+      return this.galleryRef.visibleThumbs;
+    }
+    return this.galleryRef.visibleItems;
+  }
+}
diff --git a/projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts b/projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts
deleted file mode 100644
index da3300dc..00000000
--- a/projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component, Input, ViewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core';
-import { NgIf } from '@angular/common';
-import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
-
-@Component({
-  selector: 'gallery-iframe',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <iframe *ngIf="autoplay; else default"
-            #iframe
-            [attr.loading]="loadingAttr"
-            allowfullscreen
-            allow
-            style="border:none"
-            [src]="iframeSrc">
-    </iframe>
-    <ng-template #default>
-      <iframe #iframe
-              [attr.loading]="loadingAttr"
-              allowfullscreen
-              style="border:none"
-              [src]="iframeSrc">
-      </iframe>
-    </ng-template>
-  `,
-  standalone: true,
-  imports: [NgIf]
-})
-export class GalleryIframeComponent {
-
-  iframeSrc: SafeResourceUrl;
-  videoSrc: string;
-
-  @Input('src') set src(src: string) {
-    this.videoSrc = src;
-    this.iframeSrc = this._sanitizer.bypassSecurityTrustResourceUrl(src);
-  }
-
-  @Input('pause') set pauseVideo(shouldPause: boolean) {
-    if (this.iframe?.nativeElement) {
-      if (shouldPause) {
-        const iframe: HTMLIFrameElement = this.iframe.nativeElement;
-        iframe.src = null;
-
-        if (!this.autoplay && this.videoSrc) {
-          this.iframeSrc = this._sanitizer.bypassSecurityTrustResourceUrl(this.videoSrc);
-        }
-      }
-    }
-  }
-
-  @Input() autoplay: boolean;
-
-  @Input() loadingAttr: 'eager' | 'lazy';
-
-  @ViewChild('iframe') iframe: ElementRef;
-
-  constructor(private _sanitizer: DomSanitizer) {
-  }
-}
diff --git a/projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts b/projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts
deleted file mode 100644
index 566739a2..00000000
--- a/projects/ng-gallery/src/lib/components/templates/gallery-image.component.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-import {
-  Component,
-  Input,
-  Output,
-  HostBinding,
-  EventEmitter,
-  OnInit,
-  ChangeDetectionStrategy
-} from '@angular/core';
-import { NgSwitch, NgSwitchCase, NgIf } from '@angular/common';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { animate, style, transition, trigger } from '@angular/animations';
-import { imageFailedSvg } from './svg-assets';
-import { ImgRecognizer } from '../../utils/img-recognizer';
-import { ItemState } from './items.model';
-
-@Component({
-  selector: 'gallery-image',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  styleUrls: ['./gallery-image.scss'],
-  animations: [
-    trigger('fadeIn', [
-      transition('* => success', [
-        style({ opacity: 0 }),
-        animate('300ms ease-in', style({ opacity: 1 }))
-      ])
-    ])
-  ],
-  template: `
-    <ng-container [ngSwitch]="state">
-
-      <ng-container *ngIf="isThumbnail; else main">
-        <img [@fadeIn]="state"
-             [src]="src"
-             [attr.alt]="alt"
-             [attr.loading]="loadingAttr"
-             [style.visibility]="state === 'success' ? 'visible' : 'hidden'"
-             class="g-image-item"
-             (load)="state = 'success'"
-             (error)="state = 'failed'; error.emit($event)"/>
-      </ng-container>
-      <ng-template #main>
-        <img [galleryImage]="index"
-             [@fadeIn]="state"
-             [src]="src"
-             [attr.alt]="alt"
-             [attr.loading]="loadingAttr"
-             [style.visibility]="state === 'success' ? 'visible' : 'hidden'"
-             class="g-image-item"
-             (load)="state = 'success'"
-             (error)="state = 'failed'; error.emit($event)"/>
-      </ng-template>
-
-      <div *ngSwitchCase="'failed'"
-           class="g-image-error-message">
-        <div *ngIf="errorTemplate; else defaultError"
-             [innerHTML]="errorTemplate"></div>
-        <ng-template #defaultError>
-          <ng-container *ngIf="isThumbnail; else isLarge">
-            <h4>
-              <div class="gallery-thumb-error" [innerHTML]="errorSvg"></div>
-            </h4>
-          </ng-container>
-          <ng-template #isLarge>
-            <h2>
-              <div class="gallery-image-error" [innerHTML]="errorSvg"></div>
-            </h2>
-            <p>Unable to load the image!</p>
-          </ng-template>
-        </ng-template>
-      </div>
-
-      <ng-container *ngSwitchCase="'loading'">
-        <div *ngIf="loaderTemplate; else defaultLoader"
-             class="g-loading"
-             [innerHTML]="loaderTemplate">
-        </div>
-        <ng-template #defaultLoader>
-          <div *ngIf="isThumbnail" class="g-thumb-loading"></div>
-        </ng-template>
-      </ng-container>
-    </ng-container>
-  `,
-  standalone: true,
-  imports: [NgSwitch, NgSwitchCase, NgIf, ImgRecognizer]
-})
-
-export class GalleryImageComponent implements OnInit {
-
-  state: ItemState = 'loading';
-
-  /** Is thumbnail */
-  @Input() isThumbnail: boolean;
-
-  @Input() index: number;
-
-  /** Image loading attribute */
-  @Input() loadingAttr: 'eager' | 'lazy';
-
-  /** Image alt */
-  @Input() alt: string;
-
-  /** Image source URL */
-  @Input() src: string;
-
-  /** Custom loader template */
-  @Input() loadingIcon: string;
-  /** Custom loader safe template */
-  loaderTemplate: SafeHtml;
-
-  /** Custom error template */
-  @Input() loadingError: string;
-  /** Custom error safe template */
-  errorTemplate: SafeHtml;
-
-  @Input() errorIcon: string = imageFailedSvg;
-  errorSvg: SafeHtml;
-
-  /** Stream that emits when an error occurs */
-  @Output() error: EventEmitter<ErrorEvent> = new EventEmitter<ErrorEvent>();
-
-  @HostBinding('attr.imageState') get imageState(): string {
-    return this.state;
-  }
-
-  constructor(private _sanitizer: DomSanitizer) {
-  }
-
-  ngOnInit() {
-    if (this.loadingIcon) {
-      this.loaderTemplate = this._sanitizer.bypassSecurityTrustHtml(this.loadingIcon);
-    }
-    if (this.loadingError) {
-      this.errorTemplate = this._sanitizer.bypassSecurityTrustHtml(this.loadingError);
-    }
-    if (this.errorIcon) {
-      this.errorSvg = this._sanitizer.bypassSecurityTrustHtml(this.errorIcon);
-    }
-  }
-}
diff --git a/projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts b/projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts
deleted file mode 100644
index 0c294c84..00000000
--- a/projects/ng-gallery/src/lib/components/templates/gallery-video.component.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component, Input, Output, EventEmitter, OnInit, ViewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core';
-import { NgFor, NgIf } from '@angular/common';
-
-@Component({
-  selector: 'gallery-video',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <video #video
-           [attr.mute]="mute"
-           [attr.controlsList]="controlsList"
-           [attr.disablePictureInPicture]="disablePictureInPicture"
-           [disableRemotePlayback]="disableRemotePlayback"
-           [controls]="controls"
-           [loop]="loop"
-           [poster]="poster"
-           (error)="error.emit($event)">
-      <ng-container *ngFor="let src of videoSources">
-        <source *ngIf="src?.type; else noType" [src]="src?.url" [type]="src.type"/>
-        <ng-template #noType>
-          <source [src]="src?.url"/>
-        </ng-template>
-      </ng-container>
-    </video>
-  `,
-  standalone: true,
-  imports: [NgFor, NgIf]
-})
-export class GalleryVideoComponent implements OnInit {
-
-  videoSources: { url: string, type?: string }[];
-
-  @Input() src: string | { url: string, type?: string }[];
-  @Input() poster: string;
-  @Input() mute: boolean;
-  @Input() loop: boolean;
-  @Input() controls: boolean;
-  @Input() controlsList: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
-  @Input() disableRemotePlayback: boolean;
-  @Input() disablePictureInPicture: boolean;
-
-  @Input('pause') set pauseVideo(shouldPause: boolean) {
-    if (this.video.nativeElement) {
-      const video: HTMLVideoElement = this.video.nativeElement;
-      if (shouldPause && !video.paused) {
-        video.pause();
-      }
-    }
-  }
-
-  @Input('play') set playVideo(shouldPlay: boolean) {
-    if (this.video.nativeElement) {
-      const video: HTMLVideoElement = this.video.nativeElement;
-      if (shouldPlay) {
-        video.play();
-      }
-    }
-  }
-
-  /** Stream that emits when an error occurs */
-  @Output() error = new EventEmitter<ErrorEvent>();
-
-  @ViewChild('video', { static: true }) video: ElementRef;
-
-  ngOnInit() {
-    if (this.src instanceof Array) {
-      // If video has multiple sources
-      this.videoSources = [...this.src];
-    } else {
-      this.videoSources = [{ url: this.src }];
-    }
-  }
-}
diff --git a/projects/ng-gallery/src/lib/styles/debug.scss b/projects/ng-gallery/src/lib/debug/debug.scss
similarity index 91%
rename from projects/ng-gallery/src/lib/styles/debug.scss
rename to projects/ng-gallery/src/lib/debug/debug.scss
index 6d60c5fa..fa17a6a6 100644
--- a/projects/ng-gallery/src/lib/styles/debug.scss
+++ b/projects/ng-gallery/src/lib/debug/debug.scss
@@ -2,7 +2,7 @@
   ::ng-deep {
     .g-sliding, .g-resizing, .g-scrolling {
       gallery-item.g-item-highlight {
-        visibility: hidden;
+        //visibility: hidden;
       }
     }
   }
@@ -28,7 +28,7 @@
       }
 
       gallery-item {
-        outline: 1px solid darkorange;
+        //outline: 1px solid darkorange;
 
         &.g-item-highlight {
           &:after {
@@ -62,6 +62,10 @@
       }
     }
 
+    .g-slider-observed {
+      display: block !important;
+    }
+
     .g-slider-debug {
       position: absolute;
       top: 0;
@@ -82,6 +86,10 @@
         background: rgb(31, 108, 185);
       }
 
+      .g-slider-observed {
+        background: rgb(31, 185, 139);
+      }
+
       div, &:before {
         display: none;
         color: white;
diff --git a/projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts b/projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts
index 4435c17b..d26dcddb 100644
--- a/projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts
+++ b/projects/ng-gallery/src/lib/directives/gallery-box-def.directive.ts
@@ -1,5 +1,4 @@
 import { Directive, TemplateRef } from '@angular/core';
-import { GalleryState } from '../models/gallery.model';
 import { GalleryConfig } from '../models/config.model';
 
 
@@ -23,6 +22,5 @@ export class GalleryBoxDef {
 }
 
 export interface GalleryStateContext {
-  state?: GalleryState;
   config?: GalleryConfig;
 }
diff --git a/projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts b/projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts
index da190f38..9b51c801 100644
--- a/projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts
+++ b/projects/ng-gallery/src/lib/directives/gallery-image-def.directive.ts
@@ -1,5 +1,5 @@
 import { Directive, TemplateRef } from '@angular/core';
-import { ImageItemData } from '../components/templates/items.model';
+import { ImageItemData } from '../templates/items.model';
 import { GalleryItemContext } from './gallery-item-def.directive';
 
 @Directive({
diff --git a/projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts b/projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts
index 4db53d32..67d43219 100644
--- a/projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts
+++ b/projects/ng-gallery/src/lib/directives/gallery-item-def.directive.ts
@@ -1,20 +1,18 @@
-import { Directive, TemplateRef } from '@angular/core';
-import { GalleryItemData } from '../components/templates/items.model';
-import { GalleryItemType } from '../models/constants';
+import { Directive, inject, TemplateRef } from '@angular/core';
+import { GalleryItemData } from '../templates/items.model';
 
 @Directive({
   standalone: true,
   selector: '[galleryItemDef]'
 })
 export class GalleryItemDef {
-  constructor(public templateRef: TemplateRef<GalleryItemContext<GalleryItemDef>>) {
-  }
+  templateRef: TemplateRef<GalleryItemDef> = inject(TemplateRef<GalleryItemDef>)
 
   // Make sure the template checker knows the type of the context with which the
   // template of this directive will be rendered
   static ngTemplateContextGuard(
     directive: GalleryItemDef,
-    context: unknown
+    context: GalleryItemContext<GalleryItemData>
   ): context is GalleryItemContext<GalleryItemData> {
     return true;
   }
@@ -27,9 +25,6 @@ export interface GalleryItemContext<T> {
   /** Index of the item. */
   index?: number;
 
-  /** The type of the item. */
-  type?: GalleryItemType;
-
   /** True if this item is the active one. */
   active?: boolean;
 
diff --git a/projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts b/projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts
index d5d30e0a..ea12ee90 100644
--- a/projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts
+++ b/projects/ng-gallery/src/lib/directives/gallery-thumb-def.directive.ts
@@ -1,5 +1,5 @@
 import { Directive, TemplateRef } from '@angular/core';
-import { ImageItemData } from '../components/templates/items.model';
+import { ImageItemData } from '../templates/items.model';
 import { GalleryItemContext } from './gallery-item-def.directive';
 
 @Directive({
diff --git a/projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts b/projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts
index 3009431e..04a3c702 100644
--- a/projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts
+++ b/projects/ng-gallery/src/lib/gestures/hammer-sliding.directive.ts
@@ -1,160 +1,176 @@
 import {
   Directive,
-  Inject,
-  Input,
-  Output,
-  OnChanges,
-  OnDestroy,
-  SimpleChanges,
+  inject,
+  signal,
+  effect,
+  untracked,
+  booleanAttribute,
+  input,
   NgZone,
   ElementRef,
-  EventEmitter
+  WritableSignal,
+  EffectCleanupRegisterFn,
+  InputSignalWithTransform
 } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
+import { HammerGestureConfig } from '@angular/platform-browser';
 import { Platform } from '@angular/cdk/platform';
 import { Directionality } from '@angular/cdk/bidi';
-import { SliderAdapter } from '../components/adapters';
-import { GalleryState } from '../models/gallery.model';
-import { GalleryConfig } from '../models/config.model';
-import { Orientation } from '../models/constants';
-import { GalleryItemComponent } from '../components/gallery-item.component';
-import { GalleryThumbComponent } from '../components/gallery-thumb.component';
+import { take } from 'rxjs';
 
-declare const Hammer: any;
+import { Orientation } from '../models/constants';
+import { GalleryRef } from '../services/gallery-ref';
+import { GalleryConfig } from '../models/config.model';
+import { SliderAdapter } from '../components/adapters';
+import { CustomHammerConfig, HammerInstance } from '../services/hammer';
+import { createIntersectionObserver } from '../observers/intersection-observer';
+import { SliderComponent } from '../components/slider/slider';
 
 @Directive({
+  standalone: true,
   selector: '[hammerSliding]',
-  standalone: true
+  host: {
+    '[class.g-sliding]': 'sliding()'
+  },
+  providers: [{ provide: HammerGestureConfig, useClass: CustomHammerConfig }]
 })
-export class HammerSliding implements OnChanges, OnDestroy {
+export class HammerSliding {
 
-  /** HammerJS instance */
-  private _hammer: any;
+  private readonly hammer: HammerGestureConfig = inject(HammerGestureConfig);
 
-  get _viewport(): HTMLElement {
-    return this._el.nativeElement;
-  }
+  private readonly galleryRef: GalleryRef = inject(GalleryRef);
 
-  @Input('hammerSliding') enabled: boolean;
+  private readonly _viewport: HTMLElement = inject(ElementRef<HTMLElement>).nativeElement;
 
-  @Input() galleryId: string;
+  private readonly _document: Document = inject(DOCUMENT);
 
-  @Input() items: GalleryItemComponent[] | GalleryThumbComponent[];
+  private readonly _dir: Directionality = inject(Directionality);
 
-  @Input() adapter: SliderAdapter;
+  private readonly _platform: Platform = inject(Platform);
 
-  @Input() state: GalleryState;
+  private readonly _zone: NgZone = inject(NgZone);
 
-  @Input() config: GalleryConfig;
+  private readonly slider: SliderComponent = inject(SliderComponent, { self: true });
 
-  @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();
+  sliding: WritableSignal<boolean> = signal<boolean>(false);
 
-  @Output() isSlidingChange: EventEmitter<boolean> = new EventEmitter<boolean>();
+  isThumbs: InputSignalWithTransform<boolean, string | boolean> = input<boolean, string | boolean>(false, {
+    transform: booleanAttribute
+  });
 
-  constructor(@Inject(DOCUMENT) private _document: Document,
-              private _el: ElementRef<HTMLElement>,
-              private _dir: Directionality,
-              private _platform: Platform,
-              private _zone: NgZone) {
-  }
+  constructor() {
+    if (this._platform.ANDROID || this._platform.IOS || !(this._document.defaultView as any).Hammer) return;
 
+    // HammerJS instance
+    let mc: HammerInstance;
 
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.enabled && changes.enabled?.currentValue !== changes.enabled?.previousValue) {
-      this.enabled ? this._subscribe() : this._unsubscribe();
-    }
-    if (!changes.adapter?.firstChange && changes.adapter?.currentValue !== changes.adapter?.previousValue) {
-      this.enabled ? this._subscribe() : this._unsubscribe();
-    }
-  }
+    effect((onCleanup: EffectCleanupRegisterFn) => {
+      const config: GalleryConfig = this.galleryRef.config();
+      const adapter: SliderAdapter = this.slider.adapter();
 
-  ngOnDestroy(): void {
-    this._unsubscribe();
-  }
+      if (!adapter && !config.disableMouseScroll) return;
 
-  private _subscribe(): void {
-    this._unsubscribe();
+      untracked(() => {
+        this._zone.runOutsideAngular(() => {
+          const direction: number = adapter.hammerDirection;
 
-    if (!this._platform.ANDROID && !this._platform.IOS && typeof Hammer !== 'undefined') {
-      this._zone.runOutsideAngular(() => {
+          this.hammer.overrides.pan = { direction };
+          mc = this.hammer.buildHammer(this._viewport);
 
-        const direction: number = this.adapter.hammerDirection;
-        this._hammer = new Hammer(this._el.nativeElement, { inputClass: Hammer.MouseInput });
-        this._hammer.get('pan').set({ direction });
+          let offset: number;
 
-        let offset: number;
+          // Set panOffset for sliding on pan start event
+          mc.on('panstart', () => {
+            this._zone.run(() => {
+              this.sliding.set(true);
+            });
 
-        // Set panOffset for sliding on pan start event
-        this._hammer.on('panstart', () => {
-          this._zone.run(() => {
-            this.isSlidingChange.emit(true);
+            offset = adapter.scrollValue;
           });
 
-          offset = this.adapter.scrollValue;
-          this._viewport.classList.add('g-sliding');
-          this._viewport.style.setProperty('--slider-scroll-snap-type', 'none');
-        });
-
-        this._hammer.on('panmove', (e: any) => this._viewport.scrollTo(this.adapter.getHammerValue(offset, e, 'auto')));
-
-        this._hammer.on('panend', (e: any) => {
-          this._document.onselectstart = null;
-          this._viewport.classList.remove('g-sliding');
-          const index: number = this.getIndexOnMouseUp(e);
+          mc.on('panmove', (e: any) => {
+            this._viewport.scrollTo(adapter.getHammerValue(offset, e, 'auto'));
+          });
 
-          this._zone.run(() => {
-            this.isSlidingChange.emit(false);
-            this.activeIndexChange.emit(index);
+          mc.on('panend', (e: any) => {
+            this._document.onselectstart = null;
+
+            if (this.isThumbs()) {
+              this.sliding.set(false);
+              return;
+            }
+
+            const index: number = this.getIndexOnMouseUp(e, this.slider.adapter());
+            if (index !== -1) {
+              this._zone.run(() => {
+                this.galleryRef.set(index);
+                // Tiny delay is needed to avoid flicker positioning when scroll-snap is toggled
+                // requestAnimationFrame(() => {
+                  this.sliding.set(false);
+                // });
+              });
+              return;
+            }
+
+            const visibleEntries: IntersectionObserverEntry[] = Object.values(this.slider.visibleEntries());
+
+            const visibleElements: Element[] = visibleEntries.map((entry: IntersectionObserverEntry) => entry.target);
+
+            // Get the diff between the viewport size and the smallest visible item size
+            const diffSize: number = visibleEntries.reduce((total: number, entry: IntersectionObserverEntry) => {
+              return Math.max(total, (this._viewport.clientWidth - entry.boundingClientRect.width) / 2);
+            }, 0);
+
+            const options: IntersectionObserverInit = {
+              root: this._viewport,
+              threshold: 0,
+              rootMargin: `0px ${ -diffSize }px 0px ${ -diffSize }px`
+            };
+
+            createIntersectionObserver(options, visibleElements).pipe(
+              take(1)
+            ).subscribe((entries: IntersectionObserverEntry[]) => {
+
+              const centerElement: IntersectionObserverEntry = entries
+                .filter((entry: IntersectionObserverEntry) => entry.isIntersecting)
+                .reduce((acc: IntersectionObserverEntry, entry: IntersectionObserverEntry) => {
+                  return acc ? acc.intersectionRatio > entry.intersectionRatio ? acc : entry : entry;
+                }, null);
+
+              this._zone.run(() => {
+                const index: number = +centerElement.target.getAttribute('galleryIndex');
+                this.galleryRef.set(index);
+                // Tiny delay is needed to avoid flicker positioning when scroll-snap is toggled
+                // requestAnimationFrame(() => {
+                  this.sliding.set(false);
+                // });
+              });
+            })
           });
         });
-      });
-    }
-  }
 
-  private _unsubscribe(): void {
-    this._hammer?.destroy();
+        onCleanup(() => mc?.destroy());
+      });
+    });
   }
 
-  private getIndexOnMouseUp(e: any): number {
-    // Check if scrolled item is great enough to navigate
-    const currElement: Element = this.items[this.state.currIndex].nativeElement;
+  private getIndexOnMouseUp(e: any, adapter: SliderAdapter): number {
+    const currIndex: number = this.galleryRef.currIndex();
 
-    // Find the gallery item element in the center elements
-    const elementAtCenter: Element = this.getElementFromViewportCenter();
-
-    // Check if center item can be taken from element using
-    if (elementAtCenter && elementAtCenter !== currElement) {
-      return +elementAtCenter.getAttribute('galleryIndex');
-    }
-
-    const velocity: number = this.adapter.getHammerVelocity(e);
+    const velocity: number = adapter.getHammerVelocity(e);
     // Check if velocity is great enough to navigate
     if (Math.abs(velocity) > 0.3) {
-      if (this.config.orientation === Orientation.Horizontal) {
+      if (this.galleryRef.config().orientation === Orientation.Horizontal) {
         if (velocity > 0) {
-          return this._dir.value === 'rtl' ? this.state.currIndex + 1 : this.state.currIndex - 1;
+          return this._dir.value === 'rtl' ? currIndex + 1 : currIndex - 1;
         }
-        return this._dir.value === 'rtl' ? this.state.currIndex - 1 : this.state.currIndex + 1;
+        return this._dir.value === 'rtl' ? currIndex - 1 : currIndex + 1;
       } else {
-        return velocity > 0 ? this.state.currIndex - 1 : this.state.currIndex + 1;
+        return velocity > 0 ? currIndex - 1 : currIndex + 1;
       }
     }
 
     // Reset position to the current index
     return -1;
   }
-
-  private getElementFromViewportCenter(): Element {
-    // Get slider position relative to the document
-    const sliderRect: DOMRect = this._viewport.getBoundingClientRect();
-    // Try look for the center item using `elementsFromPoint` function
-    const centerElements: Element[] = this._document.elementsFromPoint(
-      sliderRect.x + (sliderRect.width / 2),
-      sliderRect.y + (sliderRect.height / 2)
-    );
-    // Find the gallery item element in the center elements
-    return centerElements.find((element: Element) => {
-      return element.getAttribute('galleryId') === this.galleryId;
-    });
-  }
 }
diff --git a/projects/ng-gallery/src/lib/models/config.model.ts b/projects/ng-gallery/src/lib/models/config.model.ts
index acab8bb0..d5a75e4d 100644
--- a/projects/ng-gallery/src/lib/models/config.model.ts
+++ b/projects/ng-gallery/src/lib/models/config.model.ts
@@ -1,7 +1,19 @@
-import { InjectionToken, TemplateRef } from '@angular/core';
+import { InjectionToken, Provider, TemplateRef } from '@angular/core';
 import { BezierEasingOptions } from '../smooth-scroll';
+import { defaultConfig } from '../utils/gallery.default';
+import { GalleryItemData } from '../templates/items.model';
 
-export const GALLERY_CONFIG: InjectionToken<GalleryConfig> = new InjectionToken<GalleryConfig>('GALLERY_CONFIG');
+export const GALLERY_CONFIG: InjectionToken<GalleryConfig> = new InjectionToken<GalleryConfig>('GALLERY_CONFIG', {
+  providedIn: 'root',
+  factory: () => defaultConfig
+});
+
+export function provideGalleryOptions(options: GalleryConfig): Provider {
+  return {
+    provide: GALLERY_CONFIG,
+    useValue: { ...defaultConfig, ...options }
+  }
+}
 
 type ImageSize = 'contain' | 'cover';
 
@@ -16,39 +28,15 @@ type LoadingStrategy = 'preload' | 'lazy' | 'default';
 type LoadingAttr = 'eager' | 'lazy';
 
 interface ThumbConfig {
-  thumbs?: boolean;
-  thumbWidth?: number;
-  thumbHeight?: number;
   thumbLoadingIcon?: string;
   thumbLoadingError?: string;
-  disableThumbs?: boolean;
-  detachThumbs?: boolean;
-  thumbAutosize?: boolean;
-  disableThumbScroll?: boolean;
-  disableThumbMouseScroll?: boolean;
-  thumbCentralized?: boolean;
-  thumbPosition?: ThumbsPosition;
-  thumbImageSize?: ImageSize;
   thumbTemplate?: TemplateRef<any>;
 }
 
 interface NavConfig {
-  nav?: boolean;
   navIcon?: string;
 }
 
-interface BulletsConfig {
-  bullets?: boolean;
-  disableBullets?: boolean;
-  bulletSize?: number;
-  bulletPosition?: HorizontalPosition;
-}
-
-interface CounterConfig {
-  counter?: boolean;
-  counterPosition?: HorizontalPosition;
-}
-
 interface PlayerConfig {
   autoplay?: boolean;
   autoplayInterval?: number;
@@ -59,7 +47,6 @@ interface SliderConfig {
   disableScroll?: boolean;
   disableMouseScroll?: boolean;
   itemAutosize?: boolean;
-  autoHeight?: boolean;
   loadingIcon?: string;
   loadingError?: string;
   scrollDuration?: number;
@@ -69,15 +56,14 @@ interface SliderConfig {
   loadingStrategy?: LoadingStrategy;
   loadingAttr?: LoadingAttr;
   boxTemplate?: TemplateRef<any>;
-  itemTemplate?: TemplateRef<any>;
+  itemTemplate?: TemplateRef<GalleryItemData>;
   imageTemplate?: TemplateRef<any>;
+  centralized?: boolean;
 }
 
 export type GalleryConfig = SliderConfig
   & ThumbConfig
   & NavConfig
-  & BulletsConfig
-  & CounterConfig
   & PlayerConfig
   & {
   scrollBehavior?: ScrollBehavior;
diff --git a/projects/ng-gallery/src/lib/models/constants.ts b/projects/ng-gallery/src/lib/models/constants.ts
index 17673122..20b349dd 100644
--- a/projects/ng-gallery/src/lib/models/constants.ts
+++ b/projects/ng-gallery/src/lib/models/constants.ts
@@ -1,11 +1,3 @@
-export enum GalleryAction {
-  INITIALIZED = 'initialized',
-  ITEMS_CHANGED = 'itemsChanged',
-  INDEX_CHANGED = 'indexChanged',
-  PLAY = 'play',
-  STOP = 'stop'
-}
-
 export enum ImageSize {
   Cover = 'cover',
   Contain = 'contain'
diff --git a/projects/ng-gallery/src/lib/models/gallery.model.ts b/projects/ng-gallery/src/lib/models/gallery.model.ts
index 9427edef..f1a1353c 100644
--- a/projects/ng-gallery/src/lib/models/gallery.model.ts
+++ b/projects/ng-gallery/src/lib/models/gallery.model.ts
@@ -1,22 +1 @@
-import { GalleryAction, GalleryItemType } from './constants';
-import { GalleryItemData } from '../components/templates/items.model';
-
-export interface GalleryState {
-  action?: GalleryAction;
-  items?: GalleryItem[];
-  behavior?: ScrollBehavior;
-  currIndex?: number;
-  hasNext?: boolean;
-  hasPrev?: boolean;
-  isPlaying?: boolean;
-}
-
-export interface GalleryItem {
-  data?: GalleryItemData;
-  type?: GalleryItemType;
-}
-
-export interface GalleryError {
-  itemIndex: number;
-  error: ErrorEvent;
-}
+export type GalleryItem = unknown;
diff --git a/projects/ng-gallery/src/lib/models/item.model.ts b/projects/ng-gallery/src/lib/models/item.model.ts
new file mode 100644
index 00000000..8330ec69
--- /dev/null
+++ b/projects/ng-gallery/src/lib/models/item.model.ts
@@ -0,0 +1 @@
+export type ItemState = 'success' | 'loading' | 'failed';
diff --git a/projects/ng-gallery/src/lib/models/slider.model.ts b/projects/ng-gallery/src/lib/models/slider.model.ts
index 4cee0c52..094986c1 100644
--- a/projects/ng-gallery/src/lib/models/slider.model.ts
+++ b/projects/ng-gallery/src/lib/models/slider.model.ts
@@ -7,3 +7,8 @@ export interface WorkerState {
   value: number;
   instant: boolean;
 }
+
+export interface IndexChange {
+  index: number;
+  behavior: ScrollBehavior;
+}
diff --git a/projects/ng-gallery/src/lib/observers/active-item-observer.ts b/projects/ng-gallery/src/lib/observers/active-item-observer.ts
deleted file mode 100644
index 229c210a..00000000
--- a/projects/ng-gallery/src/lib/observers/active-item-observer.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Observable, Subscriber, mergeMap, filter, map } from 'rxjs';
-
-export class ActiveItemObserver {
-
-  observe(root: HTMLElement, elements: HTMLElement[], rootMargin: string): Observable<number> {
-    return createIntersectionObserver(root, elements, rootMargin).pipe(
-      map((entry: IntersectionObserverEntry) => {
-        if (entry.isIntersecting) {
-          entry.target.classList.add('g-item-highlight');
-          return +entry.target.getAttribute('galleryIndex');
-        } else {
-          entry.target.classList.remove('g-item-highlight');
-          return -1;
-        }
-      }),
-      filter((index: number) => index !== -1)
-    );
-  }
-}
-
-function createIntersectionObserver(root: HTMLElement, elements: HTMLElement[], rootMargin: string): Observable<IntersectionObserverEntry> {
-  return new Observable((observer: Subscriber<IntersectionObserverEntry[]>) => {
-    const intersectionObserver: IntersectionObserver = new IntersectionObserver(
-      (entries: IntersectionObserverEntry[]) => observer.next(entries),
-      {
-        root,
-        rootMargin,
-        threshold: 1
-      }
-    );
-    elements.forEach((element: HTMLElement) => intersectionObserver.observe(element));
-    return () => {
-      elements.forEach((element: HTMLElement) => intersectionObserver.unobserve(element));
-      intersectionObserver.disconnect();
-    };
-  }).pipe(
-    mergeMap((entries: IntersectionObserverEntry[]) => entries)
-  );
-}
-
diff --git a/projects/ng-gallery/src/lib/observers/intersection-observer.ts b/projects/ng-gallery/src/lib/observers/intersection-observer.ts
new file mode 100644
index 00000000..692f285c
--- /dev/null
+++ b/projects/ng-gallery/src/lib/observers/intersection-observer.ts
@@ -0,0 +1,16 @@
+import { Observable, Subscriber } from 'rxjs';
+
+export function createIntersectionObserver(options: IntersectionObserverInit, elements: Element[]): Observable<IntersectionObserverEntry[]> {
+  return new Observable((observer: Subscriber<IntersectionObserverEntry[]>) => {
+    const intersectionObserver: IntersectionObserver = new IntersectionObserver(
+      (entries: IntersectionObserverEntry[]) => observer.next(entries),
+      options
+    );
+    elements.forEach((element: HTMLElement) => intersectionObserver.observe(element));
+    return () => {
+      elements.forEach((element: HTMLElement) => intersectionObserver.unobserve(element));
+      intersectionObserver.disconnect();
+    };
+  });
+}
+
diff --git a/projects/ng-gallery/src/lib/observers/intersection-sensor.directive.ts b/projects/ng-gallery/src/lib/observers/intersection-sensor.directive.ts
new file mode 100644
index 00000000..88cf9fb3
--- /dev/null
+++ b/projects/ng-gallery/src/lib/observers/intersection-sensor.directive.ts
@@ -0,0 +1,138 @@
+import {
+  Directive,
+  inject,
+  effect,
+  computed,
+  untracked,
+  Signal,
+  NgZone,
+  ElementRef,
+  EffectCleanupRegisterFn
+} from '@angular/core';
+import { Subscription } from 'rxjs';
+import { GalleryConfig } from '../models/config.model';
+import { GalleryRef } from '../services/gallery-ref';
+import { SliderAdapter } from '../components/adapters';
+import { GalleryItemComponent } from '../components/gallery-item.component';
+import { createIntersectionObserver } from './intersection-observer';
+import { SmoothScroll } from '../smooth-scroll';
+import { HammerSliding } from '../gestures/hammer-sliding.directive';
+import { SliderComponent } from '../components/slider/slider';
+import { SliderItem } from '../components/slider-item/slider-item';
+
+/**
+ * This observer used to detect when a slider element reaches the active soon
+ */
+@Directive({
+  standalone: true,
+  selector: '[intersectionSensor]'
+})
+export class IntersectionSensor {
+
+  private readonly zone: NgZone = inject(NgZone);
+
+  private readonly galleryRef: GalleryRef = inject(GalleryRef);
+
+  private readonly smoothScroll: SmoothScroll = inject(SmoothScroll);
+
+  private readonly hammerSlider: HammerSliding = inject(HammerSliding);
+
+  private readonly nativeElement: HTMLElement = inject(ElementRef<HTMLElement>).nativeElement;
+
+  private readonly slider: SliderComponent = inject(SliderComponent, { self: true });
+
+  readonly disableInteractionObserver: Signal<boolean> = computed(() => {
+    return this.smoothScroll.scrolling() || this.hammerSlider.sliding(); // || this.resizeSensor.isResizing();
+  });
+
+  constructor() {
+    let visibleItemsObserver$: Subscription;
+    let activeItemObserver$: Subscription;
+
+    effect((onCleanup: EffectCleanupRegisterFn) => {
+      const config: GalleryConfig = this.galleryRef.config();
+      const items: ReadonlyArray<SliderItem> = this.slider.items();
+      const adapter: SliderAdapter = this.slider.adapter();
+
+      if (!adapter || !items.length) return;
+
+      untracked(() => {
+        const rootMargin: string = adapter.getRootMargin();
+        if (config.debug) {
+          this.nativeElement.style.setProperty('--intersection-margin', `"INTERSECTION(${ rootMargin })"`);
+        }
+
+        this.zone.runOutsideAngular(() => {
+          const options: IntersectionObserverInit = { root: this.nativeElement, threshold: 0.1, rootMargin };
+          const elements: HTMLElement[] = items.map((item: GalleryItemComponent) => item.nativeElement);
+
+          visibleItemsObserver$ = createIntersectionObserver(options, elements).subscribe((entries: IntersectionObserverEntry[]) => {
+            const visibleItems: Record<number, IntersectionObserverEntry> = this.slider.visibleEntries();
+            entries.forEach((entry: IntersectionObserverEntry) => {
+              if (entry.isIntersecting) {
+                entry.target.classList.add('g-item-highlight');
+                visibleItems[+entry.target.getAttribute('galleryIndex')] = entry;
+              } else {
+                entry.target.classList.remove('g-item-highlight');
+                delete visibleItems[+entry.target.getAttribute('galleryIndex')];
+              }
+            });
+            this.zone.run(() => {
+              this.galleryRef.afterItemsVisible.next();
+              this.slider.visibleEntries.set({ ...visibleItems });
+            });
+          });
+        });
+
+        onCleanup(() => visibleItemsObserver$?.unsubscribe());
+      });
+    });
+
+    effect((onCleanup) => {
+      const disabled: boolean = this.disableInteractionObserver();
+      const visibleElements: IntersectionObserverEntry[] = Object.values(this.slider.visibleEntries());
+
+      if (disabled) return;
+
+      // TODO: Should handle vertical orientation
+      untracked(() => {
+        const elements: Element[] = visibleElements.map((entry: IntersectionObserverEntry) => entry.target);
+
+        // Get the diff between the viewport size and the smallest visible item size
+        const diffSize: number = visibleElements.reduce((total: number, entry: IntersectionObserverEntry) => {
+          return Math.min(total, (this.nativeElement.clientWidth - entry.boundingClientRect.width) / 2);
+        }, 0);
+
+        const options: IntersectionObserverInit = {
+          root: this.nativeElement,
+          threshold: .999,
+          rootMargin: `1000px ${ -diffSize }px 1000px ${ -diffSize }px`
+        };
+
+        this.zone.runOutsideAngular(() => {
+          activeItemObserver$ = createIntersectionObserver(options, elements).subscribe((entries: IntersectionObserverEntry[]) => {
+
+            const elementWithHighestIntersectionRatio: IntersectionObserverEntry = entries
+              .filter((entry: IntersectionObserverEntry) => entry.isIntersecting)
+              .reduce((acc: IntersectionObserverEntry, entry: IntersectionObserverEntry) => {
+                return acc ? acc.intersectionRatio > entry.intersectionRatio ? acc : entry : entry;
+              }, null);
+
+            if (!elementWithHighestIntersectionRatio) return;
+
+            const index: number = +elementWithHighestIntersectionRatio.target.getAttribute('galleryIndex');
+
+            // TODO: There is a bug where index becomes 1 then goes back to 0
+            // console.log('intersection observer index', index, entries)
+            if (index === this.galleryRef.currIndex()) return;
+
+            // Set the new current index
+            this.zone.run(() => this.galleryRef.currIndex.set(index));
+          });
+        });
+
+        onCleanup(() => activeItemObserver$?.unsubscribe())
+      });
+    });
+  }
+}
diff --git a/projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts b/projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts
deleted file mode 100644
index 02085b66..00000000
--- a/projects/ng-gallery/src/lib/observers/item-intersection-observer.directive.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Directive, Input, Output, OnChanges, OnDestroy, NgZone, EventEmitter } from '@angular/core';
-import { Subscription, combineLatest, filter, switchMap } from 'rxjs';
-import { GalleryConfig } from '../models/config.model';
-import { ActiveItemObserver } from './active-item-observer';
-import { resizeObservable } from '../utils/resize-observer';
-import { SliderAdapter } from '../components/adapters';
-import { GalleryItemComponent } from '../components/gallery-item.component';
-import { ItemState } from '../components/templates/items.model';
-
-@Directive({
-  selector: '[itemIntersectionObserver]',
-  standalone: true
-})
-export class ItemIntersectionObserver implements OnChanges, OnDestroy {
-
-  private _currentSubscription: Subscription;
-
-  private _sensor: ActiveItemObserver = new ActiveItemObserver();
-
-  private get _viewport(): HTMLElement {
-    return this._item.nativeElement.parentElement.parentElement;
-  }
-
-  @Input() adapter: SliderAdapter;
-
-  @Input() config: GalleryConfig;
-
-  @Input('itemIntersectionObserverDisabled') disabled: boolean;
-
-  @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();
-
-  constructor(private _zone: NgZone, private _item: GalleryItemComponent) {
-  }
-
-  ngOnChanges(): void {
-    (this.config.itemAutosize && !this.disabled) ? this._subscribe() : this._unsubscribe();
-  }
-
-  ngOnDestroy(): void {
-    this._unsubscribe();
-  }
-
-  private _subscribe(): void {
-    this._unsubscribe();
-
-    if (!!this.adapter) {
-      this._zone.runOutsideAngular(() => {
-        this._currentSubscription = combineLatest([
-          resizeObservable(this._viewport),
-          resizeObservable(this._item.nativeElement)
-        ]).pipe(
-          switchMap(() => this._item.state$),
-          filter((state: ItemState) => state !== 'loading'),
-          switchMap(() => {
-            const rootMargin: string = this.adapter.getElementRootMargin(this._viewport, this._item.nativeElement);
-            if (this.config.debug) {
-              this._item.nativeElement.style.setProperty('--item-intersection-margin', `"VIEWPORT(${ this._viewport.clientWidth }x${ this._viewport.clientHeight }) ITEM(${ this._item.nativeElement.clientWidth }x${ this._item.nativeElement.clientHeight }) INTERSECTION(${ rootMargin })"`);
-            }
-
-            return this._sensor.observe(
-              this._viewport,
-              [this._item.nativeElement],
-              rootMargin
-            );
-          }
-          )
-        ).subscribe((index: number) => {
-          this._zone.run(() => this.activeIndexChange.emit(index));
-        });
-      });
-    }
-  }
-
-  private _unsubscribe(): void {
-    this._currentSubscription?.unsubscribe();
-  }
-}
diff --git a/projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts b/projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts
deleted file mode 100644
index 10593d2c..00000000
--- a/projects/ng-gallery/src/lib/observers/slider-intersection-observer.directive.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Directive, Input, Output, OnChanges, OnDestroy, NgZone, ElementRef, EventEmitter } from '@angular/core';
-import { skip, Subscription } from 'rxjs';
-import { GalleryConfig } from '../models/config.model';
-import { ActiveItemObserver } from './active-item-observer';
-import { SliderAdapter } from '../components/adapters';
-import { GalleryItemComponent } from '../components/gallery-item.component';
-
-@Directive({
-  selector: '[sliderIntersectionObserver]',
-  standalone: true
-})
-export class SliderIntersectionObserver implements OnChanges, OnDestroy {
-
-  private _currentSubscription: Subscription;
-
-  private _sensor: ActiveItemObserver = new ActiveItemObserver();
-
-  private get _viewport(): HTMLElement {
-    return this._el.nativeElement;
-  }
-
-  @Input() adapter: SliderAdapter;
-
-  @Input() items: GalleryItemComponent[];
-
-  @Input() config: GalleryConfig;
-
-  @Input('sliderIntersectionObserverDisabled') disabled: boolean;
-
-  @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();
-
-  constructor(private _zone: NgZone, private _el: ElementRef<HTMLElement>) {
-  }
-
-  ngOnChanges(): void {
-    (this.config.itemAutosize || this.disabled) ? this._unsubscribe() : this._subscribe();
-  }
-
-  ngOnDestroy(): void {
-    this._unsubscribe();
-  }
-
-  private _subscribe(): void {
-    this._unsubscribe();
-
-    if (!!this.adapter && !!this.items?.length) {
-      const rootMargin: string = this.adapter.getRootMargin();
-      if (this.config.debug) {
-        this._viewport.style.setProperty('--intersection-margin', `"INTERSECTION(${ rootMargin })"`);
-      }
-
-      this._zone.runOutsideAngular(() => {
-        this._currentSubscription = this._sensor.observe(
-          this._viewport,
-          this.items.map((item: GalleryItemComponent) => item.nativeElement),
-          rootMargin
-        ).subscribe((index: number) => {
-          this._zone.run(() => this.activeIndexChange.emit(index));
-        });
-      });
-    }
-  }
-
-  private _unsubscribe(): void {
-    this._currentSubscription?.unsubscribe();
-  }
-}
diff --git a/projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts b/projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts
deleted file mode 100644
index 2a20b979..00000000
--- a/projects/ng-gallery/src/lib/observers/slider-resize-observer.directive.ts
+++ /dev/null
@@ -1,219 +0,0 @@
-import {
-  Directive,
-  Input,
-  Output,
-  NgZone,
-  ElementRef,
-  AfterViewChecked,
-  OnInit,
-  OnChanges,
-  OnDestroy,
-  EventEmitter
-} from '@angular/core';
-import {
-  Observable,
-  Subscription,
-  of,
-  tap,
-  take,
-  filter,
-  fromEvent,
-  switchMap,
-  debounceTime,
-  firstValueFrom,
-  distinctUntilChanged,
-  EMPTY,
-  animationFrameScheduler
-} from 'rxjs';
-import { ImgManager } from '../utils/img-manager';
-import { resizeObservable } from '../utils/resize-observer';
-import { SliderAdapter } from '../components/adapters';
-import { Gallery } from '../services/gallery.service';
-import { GalleryRef } from '../services/gallery-ref';
-import { GalleryConfig } from '../models/config.model';
-import { GalleryState } from '../models/gallery.model';
-
-@Directive({
-  selector: '[sliderResizeObserver]',
-  standalone: true
-})
-export class SliderResizeObserver implements AfterViewChecked, OnChanges, OnInit, OnDestroy {
-
-  private _resizeObserver: ResizeObserver;
-
-  private _autoHeightSubscription: Subscription;
-
-  private _resizeSubscription: Subscription;
-
-  private _shouldSkip: boolean;
-
-  // Stream that emits after the transition to the new height is completed
-  private _afterHeightChanged$: Observable<any>;
-
-  private get _viewport(): HTMLElement {
-    return this._el.nativeElement;
-  }
-
-  private get _galleryCore(): HTMLElement {
-    return this._el.nativeElement.parentElement.parentElement.parentElement;
-  }
-
-  private get _isAutoHeight(): boolean {
-    return this.config.autoHeight &&
-      !this.config.itemAutosize &&
-      this.config.orientation === 'horizontal' &&
-      (this.config.thumbPosition === 'top' || this.config.thumbPosition === 'bottom');
-  }
-
-  @Input() galleryId: string;
-
-  @Input() adapter: SliderAdapter;
-
-  @Input() config: GalleryConfig;
-
-  @Output() isResizingChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-  constructor(private _el: ElementRef<HTMLElement>,
-              private _zone: NgZone,
-              private _gallery: Gallery,
-              private _imgManager: ImgManager) {
-  }
-
-  ngOnInit(): void {
-    const galleryRef: GalleryRef = this._gallery.ref(this.galleryId);
-
-    // Check if height has transition for the auto-height feature
-    const transitionDuration: string = getComputedStyle(this._viewport).getPropertyValue('transition-duration');
-    if (parseFloat(transitionDuration) === 0) {
-      this._afterHeightChanged$ = of(null);
-    } else {
-      this._afterHeightChanged$ = fromEvent(this._viewport, 'transitionend');
-    }
-
-    this._zone.runOutsideAngular(() => {
-
-      // Detect if the size of the slider has changed detecting current index on scroll
-      this._resizeSubscription = resizeObservable(this._viewport, (observer: ResizeObserver) => this._resizeObserver = observer).pipe(
-        // Check if resize should skip due to re-observing the slider
-        filter(() => !this._shouldSkip || !(this._shouldSkip = false)),
-        // Immediately set visibility to hidden to avoid changing the active item caused by appearance of other items when size is expanded
-        tap(() => this.setResizingState()),
-        debounceTime(this.config.resizeDebounceTime, animationFrameScheduler),
-        tap(async (entry: ResizeObserverEntry) => {
-          // Update CSS variables with the proper values
-          this.updateSliderSize();
-
-          if (this._isAutoHeight) {
-            const img: HTMLImageElement = await firstValueFrom(this._imgManager.getActiveItem(galleryRef.state));
-            // If img height is identical to the viewport height then skip
-            if (img.height === this._viewport.clientHeight) {
-              this.resetResizingState();
-            } else {
-              // Unobserve the slider while the height is being changed
-              this.setResizingState({ unobserve: true });
-              // Change the height
-              this._galleryCore.style.setProperty('--slider-height', `${ img.height }px`);
-              // Wait until height transition ends
-              await firstValueFrom(this._afterHeightChanged$);
-              this.resetResizingState({
-                // Mark to skip first emit after re-observing the slider if height content rect height and client height are identical
-                shouldSkip: entry.contentRect.height === this._viewport.clientHeight,
-                observe: true
-              });
-            }
-          } else {
-            requestAnimationFrame(() => this.resetResizingState({ shouldSkip: true }));
-          }
-        })
-      ).subscribe();
-    });
-  }
-
-  ngOnChanges(): void {
-    this._isAutoHeight ? this._subscribeAutoHeight() : this._unsubscribeAutoHeight();
-  }
-
-  ngOnDestroy(): void {
-    this._resizeSubscription?.unsubscribe();
-    this._unsubscribeAutoHeight();
-  }
-
-  ngAfterViewChecked(): void {
-    this.updateSliderSize();
-  }
-
-  private updateSliderSize(): void {
-    // Update slider width and height CSS variables
-    this._galleryCore.style.setProperty('--slider-width', `${ this._viewport.clientWidth }px`);
-
-    // Only update height if auto-height is false, because when it's true, another function will take care of it
-    if (!this.config.autoHeight) {
-      this._galleryCore.style.setProperty('--slider-height', `${ this._viewport.clientHeight }px`);
-    }
-
-    this.updateCentralizeCSSVariables();
-  }
-
-  private updateCentralizeCSSVariables(): void {
-    if (this.config.itemAutosize) {
-      this._galleryCore.style.setProperty('--slider-centralize-start-size', `${ this.adapter.getCentralizerStartSize() }px`);
-      this._galleryCore.style.setProperty('--slider-centralize-end-size', `${ this.adapter.getCentralizerEndSize() }px`);
-    }
-  }
-
-  private _subscribeAutoHeight(): void {
-    this._unsubscribeAutoHeight();
-
-    this._shouldSkip = false;
-    this._zone.runOutsideAngular(() => {
-
-      const galleryRef: GalleryRef = this._gallery.ref(this.galleryId);
-
-      // TODO: Why is galleryRef.state emits when screen size changes?
-      const state: Observable<GalleryState> = galleryRef.state.pipe(distinctUntilChanged((a: GalleryState, b: GalleryState) => a.currIndex === b.currIndex))
-      this._autoHeightSubscription = this._imgManager.getActiveItem(state).pipe(
-        switchMap((img: HTMLImageElement) => {
-          this.setResizingState({ unobserve: true });
-          this._galleryCore.style.setProperty('--slider-height', `${ img.clientHeight }px`);
-
-          // Check if the new item height is equal to the current height, there will be no transition,
-          // So reset resizing state
-          if (img.height === this._viewport.clientHeight) {
-            this.resetResizingState({ shouldSkip: true, observe: true });
-            return EMPTY;
-          }
-          return this._afterHeightChanged$.pipe(
-            tap(() => this.resetResizingState({ shouldSkip: true, observe: true })),
-            take(1)
-          );
-        })
-      ).subscribe();
-    });
-  }
-
-  private _unsubscribeAutoHeight(): void {
-    this._autoHeightSubscription?.unsubscribe();
-  }
-
-  private setResizingState({ unobserve }: { unobserve?: boolean } = {}): void {
-    this._zone.run(() => {
-      this.isResizingChange.emit(true);
-    })
-    this._viewport.classList.add('g-resizing');
-    if (unobserve) {
-      // Unobserve the slider while the height is being changed
-      this._resizeObserver.unobserve(this._viewport);
-    }
-  }
-
-  private resetResizingState({ shouldSkip, observe }: { shouldSkip?: boolean, observe?: boolean } = {}): void {
-    this._zone.run(() => {
-      this.isResizingChange.emit(false);
-    })
-    this._viewport.classList.remove('g-resizing');
-    this._shouldSkip = shouldSkip;
-    if (observe) {
-      this._resizeObserver.observe(this._viewport);
-    }
-  }
-}
diff --git a/projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts b/projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts
deleted file mode 100644
index 2952d096..00000000
--- a/projects/ng-gallery/src/lib/observers/thumb-resize-observer.directive.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import {
-  Directive,
-  Input,
-  Output,
-  OnInit,
-  OnChanges,
-  OnDestroy,
-  NgZone,
-  ElementRef,
-  SimpleChanges,
-  EventEmitter
-} from '@angular/core';
-import { Subscription, tap, auditTime, animationFrameScheduler, debounceTime } from 'rxjs';
-import { resizeObservable } from '../utils/resize-observer';
-import { GalleryConfig } from '../models/config.model';
-import { SliderAdapter } from '../components/adapters';
-
-@Directive({
-  selector: '[thumbResizeObserver]',
-  standalone: true
-})
-export class ThumbResizeObserver implements OnChanges, OnInit, OnDestroy {
-
-  private _resizeSubscription: Subscription;
-
-  private get _viewport(): HTMLElement {
-    return this._el.nativeElement;
-  }
-
-  @Input() config: GalleryConfig;
-
-  @Input() adapter: SliderAdapter;
-
-  @Output('thumbResizeObserver') resized: EventEmitter<void> = new EventEmitter();
-
-  constructor(private _el: ElementRef<HTMLElement>, private _zone: NgZone) {
-  }
-
-  ngOnInit(): void {
-    this._zone.runOutsideAngular(() => {
-      this._resizeSubscription = resizeObservable(this._viewport).pipe(
-        debounceTime(this.config.resizeDebounceTime, animationFrameScheduler),
-        tap(() => {
-          this.updateSliderSize();
-          this.resized.emit();
-        })
-      ).subscribe();
-    });
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (!changes.config.firstChange) {
-      this.updateSliderSize();
-    }
-  }
-
-  ngOnDestroy(): void {
-    this._resizeSubscription?.unsubscribe();
-  }
-
-  private updateSliderSize(): void {
-    this._viewport.style.setProperty('--thumb-centralize-start-size', this.adapter.getCentralizerStartSize() + 'px');
-    this._viewport.style.setProperty('--thumb-centralize-end-size', this.adapter.getCentralizerEndSize() + 'px');
-  }
-}
diff --git a/projects/ng-gallery/src/lib/services/gallery-ref.ts b/projects/ng-gallery/src/lib/services/gallery-ref.ts
index ddea854b..cded015c 100644
--- a/projects/ng-gallery/src/lib/services/gallery-ref.ts
+++ b/projects/ng-gallery/src/lib/services/gallery-ref.ts
@@ -1,8 +1,8 @@
-import { BehaviorSubject, Subject, Observable, filter } from 'rxjs';
-import { defaultState } from '../utils/gallery.default';
-import { GalleryError, GalleryItem, GalleryState } from '../models/gallery.model';
-import { GalleryConfig } from '../models/config.model';
-import { GalleryAction } from '../models/constants';
+import { Injectable, computed, inject, signal, Signal, WritableSignal } from '@angular/core';
+import { toObservable } from '@angular/core/rxjs-interop';
+import { Observable, Subject } from 'rxjs';
+import { GalleryItem } from '../models/gallery.model';
+import { GALLERY_CONFIG, GalleryConfig } from '../models/config.model';
 import {
   IframeItem,
   IframeItemData,
@@ -14,19 +14,13 @@ import {
   VimeoItemData,
   YoutubeItem,
   YoutubeItemData
-} from '../components/templates/items.model';
-
-const filterActions = (actions: string[]) => {
-  return filter((state: GalleryState) => actions.indexOf(state.action) > -1);
-};
+} from '../templates/items.model';
+import { IndexChange } from '../models/slider.model';
 
+@Injectable()
 export class GalleryRef {
 
-  /** Stream that emits gallery state */
-  private readonly _state: BehaviorSubject<GalleryState>;
-
-  /** Stream that emits gallery config */
-  private readonly _config: BehaviorSubject<GalleryConfig>;
+  readonly afterItemsVisible: Subject<void> = new Subject();
 
   /** Stream that emits on item click */
   readonly itemClick: Subject<number> = new Subject<number>();
@@ -34,77 +28,55 @@ export class GalleryRef {
   /** Stream that emits on thumbnail click */
   readonly thumbClick: Subject<number> = new Subject<number>();
 
-  /** Stream that emits on an error occurs */
-  readonly error: Subject<GalleryError> = new Subject<GalleryError>();
+  /** Stream that emits when items is changed (items loaded, item added, item removed) */
+  readonly itemsChanged: Subject<void> = new Subject<void>();
 
   /** Gallery Events */
 
-  /** Stream that emits gallery state */
-  readonly state: Observable<GalleryState>;
+  readonly visibleItems: WritableSignal<Record<number, IntersectionObserverEntry>> = signal({});
 
-  /** Stream that emits gallery config */
-  readonly config: Observable<GalleryConfig>;
+  readonly visibleThumbs: WritableSignal<Record<number, IntersectionObserverEntry>> = signal({});
 
-  get stateSnapshot(): GalleryState {
-    return this._state.value;
-  }
+  readonly items: WritableSignal<GalleryItem[]> = signal([]);
 
-  get configSnapshot(): GalleryConfig {
-    return this._config.value;
-  }
+  readonly currIndex: WritableSignal<number> = signal(0);
 
-  /** Stream that emits when gallery is initialized/reset */
-  get initialized(): Observable<GalleryState> {
-    return this.state.pipe(filterActions([GalleryAction.INITIALIZED]));
-  }
+  readonly isPlaying: WritableSignal<boolean> = signal(false);
 
-  /** Stream that emits when items is changed (items loaded, item added, item removed) */
-  get itemsChanged(): Observable<GalleryState> {
-    return this.state.pipe(filterActions([GalleryAction.ITEMS_CHANGED]));
-  }
+  readonly scrollBehavior: WritableSignal<ScrollBehavior> = signal(null);
 
-  /** Stream that emits when current item is changed */
-  get indexChanged(): Observable<GalleryState> {
-    return this.state.pipe(filterActions([GalleryAction.INDEX_CHANGED]));
-  }
+  readonly hasNext: Signal<boolean> = computed(() => this.currIndex() < this.items().length - 1);
 
-  /** Stream that emits when the player should start or stop */
-  get playingChanged(): Observable<GalleryState> {
-    return this.state.pipe(filterActions([GalleryAction.PLAY, GalleryAction.STOP]));
-  }
+  readonly hasPrev: Signal<boolean> = computed(() => this.currIndex() > 0);
 
-  constructor(config: GalleryConfig, private deleteInstance: () => void) {
-    this._state = new BehaviorSubject<GalleryState>(defaultState);
-    this._config = new BehaviorSubject<GalleryConfig>(config);
-    this.state = this._state.asObservable();
-    this.config = this._config.asObservable();
-  }
+  readonly indexChange: Subject<IndexChange> = new Subject<IndexChange>();
 
-  /**
-   * Set gallery state
-   */
-  private setState(state: GalleryState): void {
-    this._state.next({ ...this.stateSnapshot, ...state });
-  }
+  /** Stream that emits when current index is changed */
+  readonly indexChanged: Observable<number> = toObservable(this.currIndex);
 
-  /**
-   * Set gallery config
-   */
-  setConfig(config: GalleryConfig): void {
-    this._config.next({ ...this._config.value, ...config });
+  /** Config signal */
+  readonly config: WritableSignal<GalleryConfig> = signal(inject(GALLERY_CONFIG));
+
+  /** Stream that emits when the player should start or stop */
+  readonly playingChanged: Observable<boolean> = toObservable(this.isPlaying);
+
+  setConfig(newConfig: GalleryConfig): void {
+    this.config.update((config: GalleryConfig) => {
+      return { ...config, ...newConfig };
+    });
   }
 
   /**
    * Add gallery item
    */
-  add(item: GalleryItem, active?: boolean): void {
-    const items: GalleryItem[] = [...this.stateSnapshot.items, item];
-    this.setState({
-      action: GalleryAction.ITEMS_CHANGED,
-      items,
-      hasNext: items.length > 1,
-      currIndex: active ? items.length - 1 : this.stateSnapshot.currIndex
+  add(newItem: GalleryItem, active?: boolean): void {
+    this.items.update((items: GalleryItem[]) => {
+      return [...items, newItem];
     });
+    if (active) {
+      this.currIndex.set(this.items().length - 1);
+    }
+    this.itemsChanged.next();
   }
 
   /**
@@ -146,18 +118,14 @@ export class GalleryRef {
    * Remove gallery item
    */
   remove(i: number): void {
-    const state: GalleryState = this.stateSnapshot;
-    const items: GalleryItem[] = [
-      ...state.items.slice(0, i),
-      ...state.items.slice(i + 1, state.items.length)
-    ];
-    this.setState({
-      action: GalleryAction.ITEMS_CHANGED,
-      currIndex: i < 1 ? state.currIndex : i - 1,
-      items,
-      hasNext: items.length > 1,
-      hasPrev: i > 0
+    this.items.update((items: GalleryItem[]) => {
+      return [
+        ...items.slice(0, i),
+        ...items.slice(i + 1, items.length)
+      ];
     });
+    this.currIndex.update((currIndex: number): number => i < 1 ? currIndex : i - 1);
+    this.itemsChanged.next();
   }
 
   /**
@@ -165,41 +133,33 @@ export class GalleryRef {
    */
   load(items: GalleryItem[]): void {
     if (items) {
-      this.setState({
-        action: GalleryAction.ITEMS_CHANGED,
-        items,
-        hasNext: items.length > 1,
-        hasPrev: false
-      });
+      this.items.set(items);
+      this.itemsChanged.next();
     }
   }
 
   /**
    * Set active item
    */
-  set(i: number, behavior: ScrollBehavior = this._config.value.scrollBehavior): void {
-    if (i < 0 || i >= this.stateSnapshot.items.length) {
+  set(i: number, behavior?: ScrollBehavior): void {
+    if (i < 0 || i >= this.items().length) {
       console.error(`[NgGallery]: Unable to set the active item because the given index (${ i }) is outside the items range!`);
       return;
     }
-    if (i !== this.stateSnapshot.currIndex) {
-      this.setState({
-        behavior,
-        action: GalleryAction.INDEX_CHANGED,
-        currIndex: i,
-        hasNext: i < this.stateSnapshot.items.length - 1,
-        hasPrev: i > 0
-      });
+    // this.currIndex.set(i);
+    if (behavior) {
+      this.scrollBehavior.set(behavior);
     }
+    this.indexChange.next({ index: i, behavior });
   }
 
   /**
    * Next item
    */
-  next(behavior: ScrollBehavior = this._config.value.scrollBehavior, loop: boolean = true): void {
-    if (this.stateSnapshot.hasNext) {
-      this.set(this.stateSnapshot.currIndex + 1, behavior);
-    } else if (loop && this._config.value.loop) {
+  next(behavior?: ScrollBehavior, loop: boolean = true): void {
+    if (this.hasNext()) {
+      this.set(this.currIndex() + 1, behavior);
+    } else if (loop && this.config().loop) {
       this.set(0, behavior);
     }
   }
@@ -207,11 +167,11 @@ export class GalleryRef {
   /**
    * Prev item
    */
-  prev(behavior: ScrollBehavior = this._config.value.scrollBehavior, loop: boolean = true): void {
-    if (this.stateSnapshot.hasPrev) {
-      this.set(this.stateSnapshot.currIndex - 1, behavior);
-    } else if (loop && this._config.value.loop) {
-      this.set(this.stateSnapshot.items.length - 1, behavior);
+  prev(behavior?: ScrollBehavior, loop: boolean = true): void {
+    if (this.hasPrev()) {
+      this.set(this.currIndex() - 1, behavior);
+    } else if (loop && this.config().loop) {
+      this.set(this.items().length - 1, behavior);
     }
   }
 
@@ -220,34 +180,25 @@ export class GalleryRef {
    */
   play(interval?: number): void {
     if (interval) {
-      this.setConfig({ autoplayInterval: interval });
+      this.config.update((config: GalleryConfig) => {
+        return { ...config, autoplayInterval: interval };
+      });
     }
-    this.setState({ action: GalleryAction.PLAY, behavior: 'auto', isPlaying: true });
+    this.isPlaying.set(true);
   }
 
   /**
    * Stop gallery player
    */
   stop(): void {
-    this.setState({ action: GalleryAction.STOP, isPlaying: false });
+    this.isPlaying.set(false);
   }
 
   /**
    * Reset gallery to initial state
    */
   reset(): void {
-    this.setState(defaultState);
-  }
-
-  /**
-   * Destroy gallery
-   */
-  destroy(): void {
-    this._state.complete();
-    this._config.complete();
-    this.itemClick.complete();
-    this.thumbClick.complete();
-    this.deleteInstance();
+    this.items.set([]);
   }
 
 }
diff --git a/projects/ng-gallery/src/lib/services/gallery.service.ts b/projects/ng-gallery/src/lib/services/gallery.service.ts
index 0a8df755..b9e73f11 100644
--- a/projects/ng-gallery/src/lib/services/gallery.service.ts
+++ b/projects/ng-gallery/src/lib/services/gallery.service.ts
@@ -1,8 +1,7 @@
-import { Inject, Injectable, Optional } from '@angular/core';
+import { inject, Injectable } from '@angular/core';
 
 import { GalleryRef } from './gallery-ref';
 import { GalleryConfig, GALLERY_CONFIG } from '../models/config.model';
-import { defaultConfig } from '../utils/gallery.default';
 
 @Injectable({
   providedIn: 'root'
@@ -13,11 +12,7 @@ export class Gallery {
   private readonly _instances = new Map<string, GalleryRef>();
 
   /** Global config */
-  config: GalleryConfig;
-
-  constructor(@Optional() @Inject(GALLERY_CONFIG) config: GalleryConfig) {
-    this.config = config ? { ...defaultConfig, ...config } : defaultConfig;
-  }
+  config: GalleryConfig = inject(GALLERY_CONFIG);
 
   /**
    * Get or create gallery by ID
@@ -25,22 +20,23 @@ export class Gallery {
    * @param config
    */
   ref(id = 'root', config?: GalleryConfig): GalleryRef {
-    if (this._instances.has(id)) {
-      const galleryRef: GalleryRef = this._instances.get(id);
-      if (config) {
-        galleryRef.setConfig(config);
-      }
-      return galleryRef;
-    } else {
-      return this._instances.set(id, new GalleryRef({ ...this.config, ...config }, this.deleteInstance(id))).get(id);
-    }
+    // if (this._instances.has(id)) {
+    //   const galleryRef: GalleryRef = this._instances.get(id);
+    //   if (config) {
+    //     galleryRef.setConfig(config);
+    //   }
+    //   return galleryRef;
+    // } else {
+    //   return this._instances.set(id, new GalleryRef({ ...this.config, ...config }, this.deleteInstance(id))).get(id);
+    // }
+    return null;
   }
 
   /**
    * Destroy all gallery instances
    */
   destroyAll() {
-    this._instances.forEach((ref: GalleryRef) => ref.destroy());
+    // this._instances.forEach((ref: GalleryRef) => ref.destroy());
   }
 
   /**
diff --git a/projects/ng-gallery/src/lib/services/hammer.ts b/projects/ng-gallery/src/lib/services/hammer.ts
new file mode 100644
index 00000000..f6688035
--- /dev/null
+++ b/projects/ng-gallery/src/lib/services/hammer.ts
@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+import { HammerGestureConfig } from '@angular/platform-browser';
+
+export interface HammerInstance {
+  on(eventName: string, callback?: Function): void;
+  off(eventName: string, callback?: Function): void;
+  destroy?(): void;
+}
+
+declare const Hammer: any;
+
+@Injectable()
+export class CustomHammerConfig extends HammerGestureConfig {
+  overrides = {
+    pinch: { enable: false },
+    rotate: { enable: false }
+  };
+
+  options = { inputClass: typeof Hammer !== 'undefined' ? Hammer.MouseInput : null };
+}
diff --git a/projects/ng-gallery/src/lib/services/resize-sensor.ts b/projects/ng-gallery/src/lib/services/resize-sensor.ts
new file mode 100644
index 00000000..d1ba0b2c
--- /dev/null
+++ b/projects/ng-gallery/src/lib/services/resize-sensor.ts
@@ -0,0 +1,95 @@
+import {
+  Directive,
+  signal,
+  inject,
+  effect,
+  computed,
+  untracked,
+  NgZone,
+  Signal,
+  WritableSignal,
+  EffectCleanupRegisterFn, ElementRef
+} from '@angular/core';
+import { SharedResizeObserver } from '@angular/cdk/observers/private';
+import { Subscription, animationFrameScheduler, throttleTime, combineLatest } from 'rxjs';
+import { GalleryConfig } from '../models/config.model';
+import { GalleryRef } from './gallery-ref';
+import { SliderComponent } from '../components/slider/slider';
+
+@Directive({
+  standalone: true,
+  selector: '[resizeSensor]',
+  host: {
+    '[style.--slider-width.px]': 'slideSize()?.width',
+    '[style.--slider-height.px]': 'slideSize()?.height',
+    '[style.--centralize-start-size.px]': 'centralizeStart()',
+    '[style.--centralize-end-size.px]': 'centralizeEnd()'
+  }
+})
+export class ResizeSensor {
+
+  nativeElement:HTMLElement = inject(ElementRef).nativeElement;
+
+  private readonly sharedResizeObserver: SharedResizeObserver = inject(SharedResizeObserver);
+
+  private readonly zone: NgZone = inject(NgZone);
+
+  private readonly galleryRef: GalleryRef = inject(GalleryRef);
+
+  private readonly slider: SliderComponent = inject(SliderComponent, { self: true });
+
+  readonly slideSize: WritableSignal<DOMRectReadOnly> = signal(null);
+
+  readonly contentSize: WritableSignal<DOMRectReadOnly> = signal(null);
+
+  readonly centralizeStart: Signal<number> = computed(() => {
+    if (!this.slideSize() || !this.contentSize()) return;
+    return this.slider.adapter()?.getCentralizerStartSize();
+  });
+
+  readonly centralizeEnd: Signal<number> = computed(() => {
+    if (!this.slideSize() || !this.contentSize()) return;
+    return this.slider.adapter()?.getCentralizerEndSize();
+  });
+
+  disabled: WritableSignal<boolean> = signal(false);
+
+  constructor() {
+    let resizeSubscription$: Subscription;
+
+    effect((onCleanup: EffectCleanupRegisterFn) => {
+      const config: GalleryConfig = this.galleryRef.config();
+
+      // Make sure items are rendered
+      if (!this.slider.items().length || this.disabled()) return;
+
+      untracked(() => {
+        this.zone.runOutsideAngular(() => {
+          resizeSubscription$ = combineLatest([
+            this.sharedResizeObserver.observe(this.slider.nativeElement),
+            this.sharedResizeObserver.observe(this.slider.nativeElement.firstElementChild)
+          ]).pipe(
+            throttleTime(config.resizeDebounceTime, animationFrameScheduler, {
+              leading: true,
+              trailing: true
+            }),
+          ).subscribe(([sliderEntries, contentEntries]: [ResizeObserverEntry[], ResizeObserverEntry[]]) => {
+            this.zone.run(() => {
+              if (!sliderEntries || !contentEntries) return;
+
+              if (sliderEntries[0].contentRect.height) {
+                this.slideSize.set(sliderEntries[0].contentRect);
+              }
+
+              if (contentEntries[0].contentRect.height) {
+                this.contentSize.set(contentEntries[0].contentRect);
+              }
+            });
+          });
+        });
+
+        onCleanup(() => resizeSubscription$?.unsubscribe());
+      });
+    });
+  }
+}
diff --git a/projects/ng-gallery/src/lib/services/scroll-snap-type.ts b/projects/ng-gallery/src/lib/services/scroll-snap-type.ts
new file mode 100644
index 00000000..ebc9aa49
--- /dev/null
+++ b/projects/ng-gallery/src/lib/services/scroll-snap-type.ts
@@ -0,0 +1,27 @@
+import { computed, Directive, inject, Signal } from '@angular/core';
+import { HammerSliding } from '../gestures/hammer-sliding.directive';
+import { SmoothScroll } from '../smooth-scroll';
+import { SliderComponent } from '../components/slider/slider';
+
+@Directive({
+  standalone: true,
+  selector: '[scrollSnapType]',
+  host: {
+    '[style.--slider-scroll-snap-type]': 'scrollSnapType()'
+  }
+})
+export class ScrollSnapType {
+
+  private readonly smoothScroll: SmoothScroll = inject(SmoothScroll, { self: true });
+
+  private readonly hammerSliding: HammerSliding = inject(HammerSliding, { self: true });
+
+  private readonly slider: SliderComponent = inject(SliderComponent, { self: true });
+
+  scrollSnapType: Signal<string> = computed(() => {
+    if (this.smoothScroll.scrolling() || this.hammerSliding.sliding()) {
+      return 'none';
+    }
+    return this.slider.adapter().scrollSnapType;
+  });
+}
diff --git a/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts b/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts
index 733c5e9b..0e9bb295 100644
--- a/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts
+++ b/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.directive.ts
@@ -1,16 +1,18 @@
 import {
   Directive,
-  Inject,
-  Input,
-  Output,
+  inject,
+  signal,
+  effect,
+  untracked,
+  input,
   NgZone,
-  OnInit,
-  OnDestroy,
   ElementRef,
-  EventEmitter
+  InputSignal,
+  WritableSignal,
+  EffectCleanupRegisterFn
 } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
-import { Dir } from '@angular/cdk/bidi';
+import { Directionality } from '@angular/cdk/bidi';
 import { _Bottom, _Left, _Right, _Top, _Without } from '@angular/cdk/scrolling';
 import { getRtlScrollAxisType, RtlScrollAxisType } from '@angular/cdk/platform';
 import {
@@ -29,35 +31,38 @@ import {
   finalize
 } from 'rxjs';
 import BezierEasing from './bezier-easing';
-import { GalleryConfig } from '../models/config.model';
 import { SmoothScrollOptions, SmoothScrollStep, SmoothScrollToOptions } from './index';
-import { SliderAdapter } from '../components/adapters';
-
-declare const Hammer: any;
+import { GalleryRef } from '../services/gallery-ref';
+import { IndexChange } from '../models/slider.model';
+import { SliderComponent } from '../components/slider/slider';
+import { HammerSliding } from '../gestures/hammer-sliding.directive';
 
 @Directive({
-  selector: '[smoothScroll]',
   standalone: true,
-  providers: [Dir]
+  selector: '[smoothScroll]',
+  host: {
+    '[class.g-scrolling]': 'scrolling()'
+  }
 })
-export class SmoothScroll implements OnInit, OnDestroy {
+export class SmoothScroll {
 
-  /** HammerJS instance */
-  private _hammer: any;
+  private readonly galleryRef: GalleryRef = inject(GalleryRef);
 
-  private readonly _scrollController: Subject<SmoothScrollStep> = new Subject<SmoothScrollStep>();
+  private readonly slider: SliderComponent = inject(SliderComponent, { self: true });
 
-  private readonly _finished: Subject<void> = new Subject<void>();
+  private readonly hammerSlider: HammerSliding = inject(HammerSliding, { self: true });
 
-  private readonly _el: HTMLElement;
+  private readonly _zone: NgZone = inject(NgZone);
 
-  private _isInterruptedByMouse: boolean;
+  private readonly _dir: Directionality = inject(Directionality);
 
-  private _subscription: Subscription;
+  private readonly _el: HTMLElement = inject(ElementRef<HTMLElement>).nativeElement;
 
-  private get _w(): Window {
-    return this._document.defaultView;
-  }
+  private readonly _w: Window = inject(DOCUMENT).defaultView;
+
+  private readonly _scrollController: Subject<SmoothScrollStep> = new Subject<SmoothScrollStep>();
+
+  private readonly _finished: Subject<void> = new Subject<void>();
 
   /**
    * Timing method
@@ -66,56 +71,61 @@ export class SmoothScroll implements OnInit, OnDestroy {
     return this._w.performance?.now?.bind(this._w.performance) || Date.now;
   }
 
-  @Input()
-  set smoothScroll(value: SmoothScrollOptions) {
-    if (value) {
-      this._zone.runOutsideAngular(() => {
-        this.scrollTo(value);
-      });
-    }
-  }
+  private readonly interruptedByMouse$: Subject<void> = new Subject<void>();
 
-  @Input() adapter: SliderAdapter;
+  scrolling: WritableSignal<boolean> = signal<boolean>(false);
 
-  @Input() config: GalleryConfig;
+  disabled: InputSignal<boolean> = input<boolean>(false, { alias: 'smoothScroll' });
 
-  @Input('smoothScrollInterruptOnMousemove') interruptOnMousemove: boolean;
+  constructor() {
+    // This directive should not do anything if was used by gallery-thumbs and detached option is true
+    let indexChangeSub$: Subscription;
+    let scrollSub$: Subscription
 
-  @Output() isScrollingChange: EventEmitter<boolean> = new EventEmitter<boolean>();
+    effect(() => {
+      if (!this.hammerSlider.sliding() || this.disabled()) return;
+      this.interruptedByMouse$.next();
+    });
 
-  constructor(@Inject(DOCUMENT) private _document: Document,
-              private _zone: NgZone,
-              private _dir: Dir,
-              _el: ElementRef<HTMLElement>) {
-    this._el = _el.nativeElement;
-  }
+    effect((onCleanup: EffectCleanupRegisterFn) => {
+      if (this.disabled()) return;
+
+      untracked(() => {
+        this._zone.runOutsideAngular(() => {
+          indexChangeSub$ = this.galleryRef.indexChange.subscribe((change: IndexChange) => {
+            const el: HTMLElement = this.slider.items()[change.index]?.nativeElement;
+            const scrollBehavior: ScrollBehavior = this.galleryRef.config().scrollBehavior;
+            if (el) {
+              const pos: SmoothScrollOptions = this.slider.adapter().getScrollToValue(el, change.behavior || scrollBehavior);
+              this.scrollTo(pos);
+            }
+          });
 
-  ngOnInit(): void {
-    this._subscription = this._scrollController.pipe(
-      switchMap((context: SmoothScrollStep) => {
-        this._zone.run(() => {
-          this.isScrollingChange.emit(true);
+          scrollSub$ = this._scrollController.pipe(
+            switchMap((context: SmoothScrollStep) => {
+              this._zone.run(() => {
+                this.scrolling.set(true);
+              });
+
+              // Scroll each step recursively
+              return of(null).pipe(
+                expand(() => this._step(context).pipe(
+                  takeWhile((currContext: SmoothScrollStep) => this._isFinished(currContext)),
+                  takeUntil(this._finished)
+                )),
+                finalize(() => this.resetElement()),
+                takeUntil(this._interrupted()),
+              );
+            })
+          ).subscribe();
+
+          onCleanup(() => {
+            scrollSub$?.unsubscribe();
+            indexChangeSub$?.unsubscribe();
+          });
         });
-
-        this._el.classList.add('g-scrolling');
-        this._el.style.setProperty('--slider-scroll-snap-type', 'none');
-
-        // Scroll each step recursively
-        return of(null).pipe(
-          expand(() => this._step(context).pipe(
-            takeWhile((currContext: SmoothScrollStep) => this._isFinished(currContext)),
-            takeUntil(this._finished)
-          )),
-          finalize(() => this.resetElement()),
-          takeUntil(this._interrupted()),
-        );
-      })
-    ).subscribe();
-  }
-
-  ngOnDestroy(): void {
-    this._subscription?.unsubscribe();
-    this._scrollController.complete();
+      });
+    });
   }
 
   /**
@@ -128,14 +138,8 @@ export class SmoothScroll implements OnInit, OnDestroy {
 
   private resetElement(): void {
     this._zone.run(() => {
-      this.isScrollingChange.emit(false);
+      this.scrolling.set(false);
     });
-
-    this._el.classList.remove('g-scrolling');
-    if (!this._isInterruptedByMouse) {
-      this._el.style.setProperty('--slider-scroll-snap-type', this.adapter.scrollSnapType);
-    }
-    this._isInterruptedByMouse = false;
   }
 
   /**
@@ -153,33 +157,11 @@ export class SmoothScroll implements OnInit, OnDestroy {
    * Terminates an ongoing smooth scroll
    */
   private _interrupted(): Observable<Event | void> {
-    let interrupt$: Observable<Event | void>;
-    if (this.interruptOnMousemove && typeof Hammer !== 'undefined') {
-      this._hammer = new Hammer(this._el, { inputClass: Hammer.MouseInput });
-      this._hammer.get('pan').set({ direction: this.adapter.hammerDirection });
-
-      // For gallery thumb slider, dragging thumbnails should cancel the ongoing scroll
-      interrupt$ = merge(
-        new Observable<void>((subscriber: Subscriber<void>) => {
-          this._hammer.on('panstart', () => {
-            this._isInterruptedByMouse = true;
-            subscriber.next();
-            subscriber.complete();
-          });
-          return () => {
-            this._hammer.destroy();
-          }
-        }),
-        fromEvent(this._el, 'wheel', { passive: true, capture: true }),
-        fromEvent(this._el, 'touchmove', { passive: true, capture: true }),
-      )
-    } else {
-      interrupt$ = merge(
-        fromEvent(this._el, 'wheel', { passive: true, capture: true }),
-        fromEvent(this._el, 'touchmove', { passive: true, capture: true }),
-      )
-    }
-    return interrupt$.pipe(take(1));
+    return merge(
+      this.interruptedByMouse$,
+      fromEvent(this._el, 'wheel', { passive: true, capture: true }),
+      fromEvent(this._el, 'touchmove', { passive: true, capture: true }),
+    ).pipe(take(1));
   }
 
   /**
@@ -244,9 +226,9 @@ export class SmoothScroll implements OnInit, OnDestroy {
         // Rewrite start & end offsets as right or left offsets.
         left: params.left == null ? (isRtl ? params.end : params.start) : params.left,
         right: params.right == null ? (isRtl ? params.start : params.end) : params.right
-      } as _Without<_Bottom & _Top>),
-      duration: params.behavior === 'smooth' ? this.config.scrollDuration : 0,
-      easing: this.config.scrollEase,
+      }),
+      duration: params.behavior === 'smooth' ? this.galleryRef.config().scrollDuration : 0,
+      easing: this.galleryRef.config().scrollEase,
     };
 
     // Rewrite the bottom offset as a top offset.
diff --git a/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts b/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts
index 2d8dc9ab..595d0a67 100644
--- a/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts
+++ b/projects/ng-gallery/src/lib/smooth-scroll/smooth-scroll.model.ts
@@ -1,10 +1,10 @@
 import { _XAxis, _YAxis } from '@angular/cdk/scrolling';
 
-export type SmoothScrollOptions = _XAxis & _YAxis & {
+export type SmoothScrollOptions = Partial<Pick<_XAxis, keyof _XAxis> & Pick<_YAxis, keyof _YAxis>> & {
   behavior?: ScrollBehavior;
 }
 
-export type SmoothScrollToOptions = _XAxis & _YAxis & {
+export type SmoothScrollToOptions = SmoothScrollOptions & {
   duration?: number;
   easing?: BezierEasingOptions;
 };
diff --git a/projects/ng-gallery/src/lib/templates/gallery-iframe.component.ts b/projects/ng-gallery/src/lib/templates/gallery-iframe.component.ts
new file mode 100644
index 00000000..11dec4ea
--- /dev/null
+++ b/projects/ng-gallery/src/lib/templates/gallery-iframe.component.ts
@@ -0,0 +1,57 @@
+import {
+  Component,
+  inject,
+  computed,
+  input,
+  viewChild,
+  Signal,
+  ElementRef,
+  InputSignal,
+  ChangeDetectionStrategy
+} from '@angular/core';
+import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
+
+@Component({
+  standalone: true,
+  selector: 'gallery-iframe',
+  template: `
+    @if (autoplay()) {
+      <iframe #iframe
+              [attr.loading]="loadingAttr()"
+              allowfullscreen
+              allow
+              style="border:none"
+              [src]="iframeSrc()">
+      </iframe>
+    } @else {
+      <iframe #iframe
+              [attr.loading]="loadingAttr()"
+              allowfullscreen
+              style="border:none"
+              [src]="iframeSrc()">
+      </iframe>
+    }
+  `,
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class GalleryIframeComponent {
+
+  private _sanitizer: DomSanitizer = inject(DomSanitizer);
+
+  iframeSrc: Signal<SafeResourceUrl> = computed(() => {
+    if (this.pause()) {
+      return null;
+    }
+    return this._sanitizer.bypassSecurityTrustResourceUrl(this.src());
+  });
+
+  src: InputSignal<string> = input<string>();
+
+  pause: InputSignal<boolean> = input<boolean>();
+
+  autoplay: InputSignal<boolean> = input<boolean>();
+
+  loadingAttr: InputSignal<'eager' | 'lazy'> = input();
+
+  iframe: Signal<ElementRef<HTMLIFrameElement>> = viewChild<ElementRef<HTMLIFrameElement>>('iframe');
+}
diff --git a/projects/ng-gallery/src/lib/templates/gallery-image.component.ts b/projects/ng-gallery/src/lib/templates/gallery-image.component.ts
new file mode 100644
index 00000000..f3793604
--- /dev/null
+++ b/projects/ng-gallery/src/lib/templates/gallery-image.component.ts
@@ -0,0 +1,130 @@
+import {
+  Component,
+  inject,
+  signal,
+  output,
+  computed,
+  input,
+  Signal,
+  InputSignal,
+  WritableSignal,
+  OutputEmitterRef,
+  ChangeDetectionStrategy
+} from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { animate, style, transition, trigger } from '@angular/animations';
+import { NgOptimizedImage } from '@angular/common';
+import { imageFailedSvg } from './svg-assets';
+import { ImgRecognizer } from '../utils/img-recognizer';
+import { ItemState } from '../models/item.model';
+
+@Component({
+  standalone: true,
+  selector: 'gallery-image',
+  host: {
+    '[attr.imageState]': 'state()'
+  },
+  animations: [
+    trigger('fadeIn', [
+      transition('* => success', [
+        style({ opacity: 0 }),
+        animate('300ms ease-in', style({ opacity: 1 }))
+      ])
+    ])
+  ],
+  template: `
+    @if (isThumbnail()) {
+      <img [@fadeIn]="state()"
+           [ngSrc]="src()"
+           fill
+           [attr.alt]="alt()"
+           [attr.loading]="loadingAttr()"
+           [style.visibility]="state() === 'success' ? 'visible' : 'hidden'"
+           class="g-image-item"
+           (load)="state.set('success')"
+           (error)="state.set('failed'); error.emit($event)"/>
+    } @else {
+      <img galleryImage
+           [@fadeIn]="state()"
+           [ngSrc]="src()"
+           fill
+           [attr.alt]="alt()"
+           [attr.loading]="loadingAttr()"
+           (load)="state.set('success')"
+           (error)="state.set('failed'); error.emit($event)"/>
+    }
+    @switch (state()) {
+      @case ('failed') {
+        <div class="g-image-error-message">
+          @if (errorTemplate()) {
+            <div [innerHTML]="errorTemplate()"></div>
+          } @else {
+            @if (isThumbnail()) {
+              <h4>
+                <div class="gallery-thumb-error" [innerHTML]="errorSvg()"></div>
+              </h4>
+            } @else {
+              <h2>
+                <div class="gallery-image-error" [innerHTML]="errorSvg()"></div>
+              </h2>
+              <p>Unable to load the image!</p>
+            }
+          }
+        </div>
+      }
+      @case ('loading') {
+        @if (loaderTemplate()) {
+          <div class="g-loading" [innerHTML]="loaderTemplate()"></div>
+        } @else if (isThumbnail()) {
+          <div class="g-thumb-loading"></div>
+        }
+      }
+    }
+  `,
+  styleUrl: './gallery-image.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [ImgRecognizer, NgOptimizedImage]
+})
+
+export class GalleryImageComponent {
+
+  private _sanitizer: DomSanitizer = inject(DomSanitizer);
+
+  state: WritableSignal<ItemState> =  signal<ItemState>('loading');
+
+  /** Is thumbnail */
+  isThumbnail: InputSignal<boolean> = input<boolean>()
+
+  index: InputSignal<number> = input<number>()
+
+  /** Image loading attribute */
+  loadingAttr: InputSignal<'eager' | 'lazy'> = input<'eager' | 'lazy'>();
+
+  /** Image alt */
+  alt: InputSignal<string> = input<string>()
+
+  /** Image source URL */
+  src: InputSignal<string> = input<string>()
+
+  /** Custom loader template */
+  loadingIcon: InputSignal<string> = input<string>();
+
+  /** Custom error template */
+  loadingError: InputSignal<string> = input<string>();
+
+  /** Custom svg template */
+  errorIcon: InputSignal<string> = input<string>(imageFailedSvg);
+
+  /** Custom loader safe template */
+  loaderTemplate: Signal<SafeHtml> = computed(() => this._sanitizer.bypassSecurityTrustHtml(this.loadingIcon()));
+
+  /** Custom error safe template */
+  errorTemplate: Signal<SafeHtml> = computed(() => this._sanitizer.bypassSecurityTrustHtml(this.loadingError()));
+
+  /** Custom svg safe template */
+  errorSvg: Signal<SafeHtml> = computed(() => this._sanitizer.bypassSecurityTrustHtml(this.errorIcon()));
+
+  /** Stream that emits when an error occurs */
+  error: OutputEmitterRef<ErrorEvent> = output<ErrorEvent>();
+
+}
diff --git a/projects/ng-gallery/src/lib/components/templates/gallery-image.scss b/projects/ng-gallery/src/lib/templates/gallery-image.scss
similarity index 98%
rename from projects/ng-gallery/src/lib/components/templates/gallery-image.scss
rename to projects/ng-gallery/src/lib/templates/gallery-image.scss
index 9e106869..5ea2dbde 100644
--- a/projects/ng-gallery/src/lib/components/templates/gallery-image.scss
+++ b/projects/ng-gallery/src/lib/templates/gallery-image.scss
@@ -1,4 +1,5 @@
 :host {
+  position: relative;
   display: flex;
   width: 100%;
   height: 100%;
diff --git a/projects/ng-gallery/src/lib/templates/gallery-video.component.ts b/projects/ng-gallery/src/lib/templates/gallery-video.component.ts
new file mode 100644
index 00000000..9ecb6f39
--- /dev/null
+++ b/projects/ng-gallery/src/lib/templates/gallery-video.component.ts
@@ -0,0 +1,88 @@
+import {
+  Component,
+  output,
+  effect,
+  computed,
+  untracked,
+  input,
+  viewChild,
+  Signal,
+  ElementRef,
+  InputSignal,
+  OutputEmitterRef,
+  ChangeDetectionStrategy
+} from '@angular/core';
+
+type VideoSources = { url: string, type?: string }[];
+type VideoSource = string | VideoSources;
+type VideoControlList = 'nodownload' | 'nofullscreen' | 'noremoteplayback';
+
+@Component({
+  standalone: true,
+  selector: 'gallery-video',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <video #video
+           [attr.mute]="mute()"
+           [attr.controlsList]="controlsList()"
+           [attr.disablePictureInPicture]="disablePictureInPicture()"
+           [disableRemotePlayback]="disableRemotePlayback()"
+           [controls]="controls()"
+           [loop]="loop()"
+           [poster]="poster()"
+           (error)="error.emit($event)">
+      @for (src of videoSources(); track src.url) {
+        @if (src?.type) {
+          <source [src]="src?.url" [type]="src.type"/>
+        } @else {
+          <source [src]="src?.url"/>
+        }
+      }
+    </video>
+  `
+})
+export class GalleryVideoComponent {
+
+  video: Signal<ElementRef<HTMLVideoElement>> = viewChild<ElementRef<HTMLVideoElement>>('video');
+
+  src: InputSignal<VideoSource> = input<VideoSource>();
+  poster: InputSignal<string> = input<string>();
+  mute: InputSignal<boolean> = input<boolean>();
+  loop: InputSignal<boolean> = input<boolean>();
+  pause: InputSignal<boolean> = input<boolean>();
+  autoplay: InputSignal<boolean> = input<boolean>();
+  controls: InputSignal<boolean> = input<boolean>();
+  controlsList: InputSignal<VideoControlList> = input<VideoControlList>();
+  disableRemotePlayback: InputSignal<boolean> = input<boolean>();
+  disablePictureInPicture: InputSignal<boolean> = input<boolean>();
+
+  videoSources: Signal<VideoSources> = computed(() => {
+    if (this.src instanceof Array) {
+      // If video has multiple sources
+      return [...this.src];
+    }
+    return [{ url: this.src }];
+  });
+
+  /** Stream that emits when an error occurs */
+  error: OutputEmitterRef<ErrorEvent> = output<ErrorEvent>();
+
+  constructor() {
+    effect(() => {
+      const video: HTMLVideoElement = this.video().nativeElement;
+      const autoplay: boolean = this.autoplay();
+      const pause: boolean = this.pause();
+
+      if (video) {
+        untracked(() => {
+          if (autoplay) {
+            video.play();
+          }
+          if (pause) {
+            video.pause();
+          }
+        });
+      }
+    });
+  }
+}
diff --git a/projects/ng-gallery/src/lib/components/templates/items.model.ts b/projects/ng-gallery/src/lib/templates/items.model.ts
similarity index 88%
rename from projects/ng-gallery/src/lib/components/templates/items.model.ts
rename to projects/ng-gallery/src/lib/templates/items.model.ts
index 1bb773ac..9614257c 100644
--- a/projects/ng-gallery/src/lib/components/templates/items.model.ts
+++ b/projects/ng-gallery/src/lib/templates/items.model.ts
@@ -1,5 +1,9 @@
-import { GalleryItem } from '../../models/gallery.model';
-import { GalleryItemType, GalleryItemTypes } from '../../models/constants';
+import { GalleryItemType, GalleryItemTypes } from '../models/constants';
+
+interface GalleryItem {
+  type: GalleryItemType;
+  data: any;
+}
 
 export class ImageItem implements GalleryItem {
   readonly type: GalleryItemType;
@@ -71,7 +75,7 @@ export class VimeoItem implements GalleryItem {
 }
 
 type GalleryItemModel = {
-  type?: GalleryItemType;
+  // type?: GalleryItemType;
   src?: string | { url: string, type: string }[];
   thumb?: string;
   args?: any;
@@ -106,6 +110,4 @@ export type VideoItemData = GalleryItemModel & {
   disableRemotePlayback?: boolean;
 };
 
-export type GalleryItemData = ImageItemData | VideoItemData | IframeItemData | YoutubeItemData | VimeoItemData;
-
-export type ItemState = 'success' | 'loading' | 'failed';
+export type GalleryItemData = GalleryItemModel;
diff --git a/projects/ng-gallery/src/lib/components/templates/svg-assets.ts b/projects/ng-gallery/src/lib/templates/svg-assets.ts
similarity index 100%
rename from projects/ng-gallery/src/lib/components/templates/svg-assets.ts
rename to projects/ng-gallery/src/lib/templates/svg-assets.ts
diff --git a/projects/ng-gallery/src/lib/tests/auto-height.spec.ts b/projects/ng-gallery/src/lib/tests/auto-height.spec.ts
new file mode 100644
index 00000000..f1b287ee
--- /dev/null
+++ b/projects/ng-gallery/src/lib/tests/auto-height.spec.ts
@@ -0,0 +1,58 @@
+// import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
+// import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+// import { By } from '@angular/platform-browser';
+// import { DebugElement } from '@angular/core';
+// import { GalleryRef } from 'ng-gallery';
+// import { getObservableFromContext, TestComponent } from './common';
+// import { filter, firstValueFrom, fromEvent, Observable } from 'rxjs';
+// import { AutoHeight } from '../observers/auto-height';
+// import { ImgManager } from '../utils/img-manager';
+//
+// fdescribe('Auto-height directive', () => {
+//   let fixture: ComponentFixture<TestComponent>;
+//   let autoHeightDirective: AutoHeight;
+//   let galleryRef: GalleryRef;
+//   let manager: ImgManager;
+//   let autoHeightDebugElement: DebugElement;
+//
+//   beforeEach(() => {
+//     TestBed.configureTestingModule({
+//       imports: [
+//         NoopAnimationsModule,
+//         TestComponent
+//       ],
+//       providers: [
+//         { provide: ComponentFixtureAutoDetect, useValue: true }
+//       ]
+//     }).compileComponents();
+//
+//     fixture = TestBed.createComponent(TestComponent);
+//     autoHeightDebugElement = fixture.debugElement.query(By.directive(AutoHeight));
+//     autoHeightDirective = autoHeightDebugElement.injector.get(AutoHeight);
+//     galleryRef = autoHeightDebugElement.injector.get(GalleryRef);
+//     manager = autoHeightDebugElement.injector.get(ImgManager);
+//     fixture.detectChanges();
+//   });
+//
+//   it('should create [autoHeight] directive', () => {
+//     expect(autoHeightDirective).toBeTruthy();
+//   });
+//
+//   fit('should observe when items become visible as soon as possible', async () => {
+//     TestBed.flushEffects();
+//     await firstValueFrom(galleryRef.afterItemsVisible);
+//
+//     galleryRef.next('smooth');
+//
+//     const transitionEnd$ = fromEvent(autoHeightDebugElement.nativeElement, 'transitionend');
+//
+//     expect(autoHeightDirective.isResizing()).toBeTrue();
+//
+//     // const img: HTMLImageElement = await firstValueFrom(manager.getActiveItem());
+//     // const el: HTMLElement = autoHeightDebugElement.nativeElement;
+//     //
+//     // await firstValueFrom(transitionEnd$);
+//     // expect(autoHeightDirective.isResizing()).toBeFalse();
+//     // expect(el.parentElement.parentElement.parentElement.clientHeight).toBe(img.naturalHeight);
+//   });
+// });
diff --git a/projects/ng-gallery/src/lib/tests/common.ts b/projects/ng-gallery/src/lib/tests/common.ts
new file mode 100644
index 00000000..8e8d546e
--- /dev/null
+++ b/projects/ng-gallery/src/lib/tests/common.ts
@@ -0,0 +1,47 @@
+import { Component, Signal, viewChild } from '@angular/core';
+import { GalleryComponent, GalleryItem, GalleryItemDef, ImgRecognizer } from 'ng-gallery';
+import { Observable } from 'rxjs';
+import { TestBed } from '@angular/core/testing';
+import { toObservable } from '@angular/core/rxjs-interop';
+
+@Component({
+  standalone: true,
+  imports: [GalleryComponent, GalleryItemDef, ImgRecognizer],
+  template: `
+    <gallery [items]="items" [style.width.px]="width" [style.height.px]="height">
+      <img *galleryItemDef="let item"
+           galleryImage
+           [src]="item.src"/>
+    </gallery>
+  `
+})
+export class TestComponent {
+  items: GalleryItem[] = [
+    {
+      src: 'https://loremflickr.com/200/200?random=1',
+    },
+    {
+      src: 'https://loremflickr.com/200/200?random=2',
+    },
+    {
+      src: 'https://loremflickr.com/200/200?random=3',
+    }
+  ];
+  width: number = 500;
+  height: number = 300;
+
+  gallery: Signal<GalleryComponent> = viewChild(GalleryComponent);
+}
+
+export async function afterTimeout(timeout: number): Promise<void> {
+  // Use await with a setTimeout promise
+  await new Promise<void>((resolve) => setTimeout(resolve, timeout));
+}
+
+export function getObservableFromContext<T = unknown>(signal: Signal<T>): Observable<T> {
+  let obs;
+  TestBed.runInInjectionContext(() => {
+    obs = toObservable(signal);
+  });
+  return obs;
+}
diff --git a/projects/ng-gallery/src/lib/tests/gallery.spec.ts b/projects/ng-gallery/src/lib/tests/gallery.spec.ts
new file mode 100644
index 00000000..5b9bcdd7
--- /dev/null
+++ b/projects/ng-gallery/src/lib/tests/gallery.spec.ts
@@ -0,0 +1,57 @@
+import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
+import { DebugElement } from '@angular/core';
+import { By } from '@angular/platform-browser';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { GalleryItemComponent } from '../components/gallery-item.component';
+import { TestComponent } from './common';
+
+
+describe('Gallery component', () => {
+  let fixture: ComponentFixture<TestComponent>;
+  let component: TestComponent;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        NoopAnimationsModule,
+        TestComponent
+      ],
+      providers: [
+        { provide: ComponentFixtureAutoDetect, useValue: true }
+      ]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TestComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create gallery', () => {
+    expect(component.gallery()).toBeTruthy();
+  });
+
+  it('should load and render items in the gallery', () => {
+    expect(component.gallery().galleryRef.items()).toBe(component.items);
+    const items: DebugElement[] = fixture.debugElement.queryAll(By.directive(GalleryItemComponent));
+    expect(items.length).toBe(3);
+  });
+});
+
+// it('should trigger pan event', () => {
+//   // Find the element
+//   const pannableElement = fixture.debugElement.query(By.css('.pannable')).nativeElement;
+//
+//   // Create a mock Pan event
+//   const panEvent = new Event('pan');
+//   Object.assign(panEvent, {
+//     deltaX: 100, // Pan distance in X axis
+//     deltaY: 0,   // Pan distance in Y axis
+//     type: 'pan',
+//   });
+//
+//   // Dispatch the event
+//   pannableElement.dispatchEvent(panEvent);
+//
+//   // Assert the expected behavior
+//   expect(component.panEventTriggered).toBeTrue();
+// });
diff --git a/projects/ng-gallery/src/lib/tests/hammer-slider.spec.ts b/projects/ng-gallery/src/lib/tests/hammer-slider.spec.ts
new file mode 100644
index 00000000..71f695f3
--- /dev/null
+++ b/projects/ng-gallery/src/lib/tests/hammer-slider.spec.ts
@@ -0,0 +1,48 @@
+import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+import { TestComponent } from './common';
+import { HammerSliding } from '../gestures/hammer-sliding.directive';
+import 'hammerjs';
+
+describe('Hammer slider directive', () => {
+  let fixture: ComponentFixture<TestComponent>;
+  let hammerSliderElement: DebugElement
+  let hammerSliderDirective: HammerSliding;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        NoopAnimationsModule,
+        TestComponent
+      ],
+      providers: [
+        { provide: ComponentFixtureAutoDetect, useValue: true }
+      ]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TestComponent);
+    fixture.detectChanges();
+
+    hammerSliderElement = fixture.debugElement.query(By.directive(HammerSliding));
+    hammerSliderDirective = hammerSliderElement.injector.get(HammerSliding);
+  });
+
+  it('should create [hammerSlider] directive', () => {
+    expect(hammerSliderDirective).toBeTruthy();
+  });
+
+  // TODO: Failed to simulate sliding events
+  // fit('should trigger panstart and set sliding to true',async () => {
+  //   // Create a custom event with properties expected by HammerJS
+  //   fixture.detectChanges();
+  //   await afterTimeout(1000);
+  //
+  //   // Trigger the event
+  //   nativeElement.dispatchEvent(new Event('pan'));
+  //
+  //   // Assert that the sliding signal is set to true
+  //   expect(hammerSliderDirective.sliding()).toBeTrue();
+  // });
+});
diff --git a/projects/ng-gallery/src/lib/tests/img-manager.spec.ts b/projects/ng-gallery/src/lib/tests/img-manager.spec.ts
new file mode 100644
index 00000000..47280a2a
--- /dev/null
+++ b/projects/ng-gallery/src/lib/tests/img-manager.spec.ts
@@ -0,0 +1,51 @@
+import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+import { GalleryItemComponent } from '../components/gallery-item.component';
+import { TestComponent } from './common';
+import { SliderComponent } from '../components/slider/slider';
+import { HorizontalAdapter, VerticalAdapter } from '../components/adapters';
+import { GalleryComponent } from 'ng-gallery';
+import { ImgManager } from '../utils/img-manager';
+
+describe('Img Manager', () => {
+  let fixture: ComponentFixture<TestComponent>;
+  let component: TestComponent;
+  let imgManager: ImgManager;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        NoopAnimationsModule,
+        TestComponent
+      ],
+      providers: [
+        { provide: ComponentFixtureAutoDetect, useValue: true }
+      ]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TestComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+
+    const galleryDebugElement: DebugElement = fixture.debugElement.query(By.directive(GalleryComponent));
+    imgManager = galleryDebugElement.injector.get(ImgManager);
+  });
+
+  it('should create img manager service', () => {
+    expect(imgManager).toBeTruthy();
+  });
+
+  it('should get the active item state', () => {
+    expect(imgManager).toBeTruthy();
+  });
+
+  it('should add new item images when new items are loaded', () => {
+    expect(imgManager).toBeTruthy();
+  });
+
+  it('should delete items images when array is empty', () => {
+    expect(imgManager).toBeTruthy();
+  });
+});
diff --git a/projects/ng-gallery/src/lib/tests/intersection-directive.spec.ts b/projects/ng-gallery/src/lib/tests/intersection-directive.spec.ts
new file mode 100644
index 00000000..35a7c967
--- /dev/null
+++ b/projects/ng-gallery/src/lib/tests/intersection-directive.spec.ts
@@ -0,0 +1,85 @@
+import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+import { GalleryRef } from 'ng-gallery';
+import { getObservableFromContext, TestComponent } from './common';
+import { IntersectionSensor } from '../observers/intersection-sensor.directive';
+import { filter, firstValueFrom, Observable } from 'rxjs';
+
+describe('Intersection directive', () => {
+  let fixture: ComponentFixture<TestComponent>;
+  let intersectionSensorDirective: IntersectionSensor;
+  let galleryRef: GalleryRef;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        NoopAnimationsModule,
+        TestComponent
+      ],
+      providers: [
+        { provide: ComponentFixtureAutoDetect, useValue: true }
+      ]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TestComponent);
+    fixture.detectChanges();
+
+    const intersectionSensorElement: DebugElement = fixture.debugElement.query(By.directive(IntersectionSensor));
+    intersectionSensorDirective = intersectionSensorElement.injector.get(IntersectionSensor);
+    galleryRef = intersectionSensorElement.injector.get(GalleryRef);
+  });
+
+  it('should create [intersectionSensor] directive', () => {
+    expect(intersectionSensorDirective).toBeTruthy();
+  });
+
+  it('should observe when items become visible as soon as possible', async () => {
+    await firstValueFrom(galleryRef.afterItemsVisible);
+
+    const visibleItems: Record<number, IntersectionObserverEntry> = galleryRef.visibleItems();
+    const element: Element = visibleItems[0].target;
+    const queryElement: DebugElement = fixture.debugElement.query(By.css('gallery-item.g-item-highlight'));
+
+    expect(Object.keys(visibleItems).length).toBe(1);
+    expect(element).toBe(queryElement.nativeElement);
+    expect(element.classList.contains('g-item-highlight')).toBe(true);
+    expect(galleryRef.currIndex()).toBe(0);
+  });
+
+  it('should detect when next item becomes visible on scroll then detect the previous leave after scroll', async () => {
+    await firstValueFrom(galleryRef.afterItemsVisible);
+
+    expect(galleryRef.currIndex()).toBe(0);
+    galleryRef.next();
+
+    // Wait for scroll starts and the next item is detected, at this point both previous and next items are visible
+
+    const visibleItemIsTwo$: Observable<any> = getObservableFromContext(galleryRef.visibleItems).pipe(
+      filter((obj: Record<number, IntersectionObserverEntry>) => Object.keys(obj).length === 2)
+    );
+    await firstValueFrom(visibleItemIsTwo$);
+
+    const visibleItems: Record<number, IntersectionObserverEntry> = galleryRef.visibleItems();
+    const queryElements: DebugElement[] = fixture.debugElement.queryAll(By.css('gallery-item.g-item-highlight'));
+
+    expect(Object.keys(visibleItems).length).toBe(2);
+    expect(visibleItems[0].target).toBe(queryElements[0].nativeElement);
+    expect(visibleItems[1].target).toBe(queryElements[1].nativeElement);
+
+    // Wait until scroll is ended and the new active item is set
+
+    const arrivedToNextItem$: Observable<any> = galleryRef.indexChanged.pipe(
+      filter((currIndex: number) => currIndex === 1)
+    );
+    await firstValueFrom(arrivedToNextItem$);
+
+    const visibleItemsAfter: Record<number, IntersectionObserverEntry> = galleryRef.visibleItems();
+    const queryElementsAfter: DebugElement[] = fixture.debugElement.queryAll(By.css('gallery-item.g-item-highlight'));
+
+    expect(Object.keys(visibleItems).length).toBe(1);
+    expect(visibleItemsAfter[1].target).toBe(queryElementsAfter[0].nativeElement);
+    expect(galleryRef.currIndex()).toBe(1);
+  });
+});
diff --git a/projects/ng-gallery/src/lib/tests/resize-directive.spec.ts b/projects/ng-gallery/src/lib/tests/resize-directive.spec.ts
new file mode 100644
index 00000000..dd03d127
--- /dev/null
+++ b/projects/ng-gallery/src/lib/tests/resize-directive.spec.ts
@@ -0,0 +1,93 @@
+import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+import { GalleryRef } from 'ng-gallery';
+import { firstValueFrom } from 'rxjs';
+import { afterTimeout, TestComponent } from './common';
+import { SliderComponent } from '../components/slider/slider';
+import { ResizeSensor } from '../services/resize-sensor';
+
+describe('Resize sensor directive', () => {
+  let fixture: ComponentFixture<TestComponent>;
+  let component: TestComponent;
+  let resizeSensorDirective: ResizeSensor;
+  let sliderComponent: SliderComponent;
+  let galleryRef: GalleryRef;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        NoopAnimationsModule,
+        TestComponent
+      ],
+      providers: [
+        { provide: ComponentFixtureAutoDetect, useValue: true }
+      ]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TestComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+
+    const resizeSensorElement: DebugElement = fixture.debugElement.query(By.directive(ResizeSensor));
+    resizeSensorDirective = resizeSensorElement.injector.get(ResizeSensor);
+    galleryRef = resizeSensorElement.injector.get(GalleryRef);
+
+    const sliderComponentElement: DebugElement = fixture.debugElement.query(By.directive(SliderComponent));
+    sliderComponent = sliderComponentElement.componentInstance;
+  });
+
+  it('should create [resizeSensor] directive', () => {
+    expect(resizeSensorDirective).toBeTruthy();
+  });
+
+  it('should compute "centralizeStart" size when content >= viewport', async () => {
+    await firstValueFrom(galleryRef.afterItemsVisible);
+    expect(resizeSensorDirective.centralizeStart()).toBe(0);
+    expect(resizeSensorDirective.centralizeStart()).toBe(0);
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--centralize-start-size')).toBe('0px');
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--centralize-end-size')).toBe('0px');
+  });
+
+  it('should compute "centralizeStart" size when content < viewport', async () => {
+    sliderComponent.galleryRef.setConfig({
+      itemAutosize: true,
+      centralized: true
+    });
+    component.width = 800;
+    component.height = 200
+
+    // TODO: Find a promise that resolves when all items are loaded and displayed
+    await afterTimeout(200);
+
+    expect(resizeSensorDirective.centralizeStart()).toBe(100);
+    expect(resizeSensorDirective.centralizeStart()).toBe(100);
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--centralize-start-size')).toBe('100px');
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--centralize-end-size')).toBe('100px');
+  });
+
+  it('should compute "centralizeStart" size when content >= viewport', async () => {
+    await firstValueFrom(galleryRef.afterItemsVisible);
+    expect(resizeSensorDirective.centralizeStart()).toBe(0);
+    expect(resizeSensorDirective.centralizeStart()).toBe(0);
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--centralize-start-size')).toBe('0px');
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--centralize-end-size')).toBe('0px');
+  });
+
+  it('should update the size signal when component size changes', async () => {
+    await firstValueFrom(galleryRef.afterItemsVisible);
+    expect(resizeSensorDirective.slideSize().width).toBe(500);
+    expect(resizeSensorDirective.slideSize().height).toBe(300);
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--slider-width')).toBe('500px');
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--slider-height')).toBe('300px');
+
+    component.width = 400;
+    fixture.detectChanges();
+    await afterTimeout(30);
+
+    expect(resizeSensorDirective.slideSize().width).toBe(400);
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--slider-width')).toBe('400px');
+  });
+
+});
diff --git a/projects/ng-gallery/src/lib/tests/scroll-snap-type.spec.ts b/projects/ng-gallery/src/lib/tests/scroll-snap-type.spec.ts
new file mode 100644
index 00000000..3e6a75e5
--- /dev/null
+++ b/projects/ng-gallery/src/lib/tests/scroll-snap-type.spec.ts
@@ -0,0 +1,74 @@
+import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+import { TestComponent } from './common';
+import { ScrollSnapType } from '../services/scroll-snap-type';
+import { SmoothScroll } from '../smooth-scroll';
+import { HammerSliding } from '../gestures/hammer-sliding.directive';
+import { SliderComponent } from '../components/slider/slider';
+
+describe('Scroll snap type directive', () => {
+  let fixture: ComponentFixture<TestComponent>;
+  let scrollSnapTypeDirective: ScrollSnapType;
+  let smoothScrollDirective: SmoothScroll;
+  let hammerSliderDirective: HammerSliding;
+  let sliderComponent: SliderComponent;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        NoopAnimationsModule,
+        TestComponent
+      ],
+      providers: [
+        { provide: ComponentFixtureAutoDetect, useValue: true }
+      ]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TestComponent);
+    fixture.detectChanges();
+
+    const smoothScrollElement: DebugElement = fixture.debugElement.query(By.directive(SmoothScroll));
+    smoothScrollDirective = smoothScrollElement.injector.get(SmoothScroll);
+
+    const scrollSnapTypeElement: DebugElement = fixture.debugElement.query(By.directive(ScrollSnapType));
+    scrollSnapTypeDirective = scrollSnapTypeElement.injector.get(ScrollSnapType);
+
+    const hammerSliderElement: DebugElement = fixture.debugElement.query(By.directive(HammerSliding));
+    hammerSliderDirective = hammerSliderElement.injector.get(HammerSliding);
+
+    const sliderComponentElement: DebugElement = fixture.debugElement.query(By.directive(SliderComponent));
+    sliderComponent = sliderComponentElement.componentInstance;
+  });
+
+  it('should create [scrollSnapType] directive', () => {
+    expect(scrollSnapTypeDirective).toBeTruthy();
+  });
+
+  it('should compute "scrollSnapType" to none when gallery is scrolling', () => {
+    smoothScrollDirective.scrolling.set(true);
+    fixture.detectChanges();
+
+    expect(scrollSnapTypeDirective.scrollSnapType()).toBe('none');
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--slider-scroll-snap-type')).toBe('none');
+  });
+
+  it('should compute "scrollSnapType" to none when gallery is sliding', () => {
+    hammerSliderDirective.sliding.set(true);
+    fixture.detectChanges();
+
+    expect(scrollSnapTypeDirective.scrollSnapType()).toBe('none');
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--slider-scroll-snap-type')).toBe('none');
+  });
+
+  it('should compute "scrollSnapType" to adapter scroll snap type value', () => {
+    smoothScrollDirective.scrolling.set(false);
+    hammerSliderDirective.sliding.set(false);
+    fixture.detectChanges();
+
+    expect(scrollSnapTypeDirective.scrollSnapType()).toBe(sliderComponent.adapter().scrollSnapType);
+    expect(sliderComponent.nativeElement.style.getPropertyValue('--slider-scroll-snap-type')).toBe(sliderComponent.adapter().scrollSnapType);
+  });
+
+});
diff --git a/projects/ng-gallery/src/lib/tests/slider.spec.ts b/projects/ng-gallery/src/lib/tests/slider.spec.ts
new file mode 100644
index 00000000..b39f0ad7
--- /dev/null
+++ b/projects/ng-gallery/src/lib/tests/slider.spec.ts
@@ -0,0 +1,66 @@
+import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+import { GalleryItemComponent } from '../components/gallery-item.component';
+import { TestComponent } from './common';
+import { SliderComponent } from '../components/slider/slider';
+import { HorizontalAdapter, VerticalAdapter } from '../components/adapters';
+
+describe('Gallery slider', () => {
+  let fixture: ComponentFixture<TestComponent>;
+  let component: TestComponent;
+  let sliderComponent: SliderComponent;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        NoopAnimationsModule,
+        TestComponent
+      ],
+      providers: [
+        { provide: ComponentFixtureAutoDetect, useValue: true }
+      ]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TestComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+
+    const sliderComponentElement: DebugElement = fixture.debugElement.query(By.directive(SliderComponent));
+    sliderComponent = sliderComponentElement.componentInstance;
+  });
+
+  it('should create slider component with default class and attributes', () => {
+    expect(sliderComponent).toBeTruthy();
+    expect(sliderComponent.nativeElement.classList).toContain('g-slider');
+    expect(sliderComponent.nativeElement.getAttribute('centralised')).toBe('false');
+    expect(sliderComponent.nativeElement.getAttribute('orientation')).toBe('horizontal');
+    expect(sliderComponent.nativeElement.getAttribute('autosize')).toBe('false');
+  });
+
+  it('should use horizontal adapter when orientation config specifies "horizontal"', () => {
+    component.gallery().galleryRef.setConfig({
+      orientation: 'horizontal'
+    });
+    fixture.detectChanges();
+
+    expect(sliderComponent.nativeElement.getAttribute('orientation')).toBe('horizontal');
+    expect(sliderComponent.adapter()).toBeInstanceOf(HorizontalAdapter);
+  });
+
+  it('should use vertical adapter when orientation config specifies "vertical"', () => {
+    component.gallery().galleryRef.setConfig({
+      orientation: 'vertical'
+    });
+    fixture.detectChanges();
+
+    expect(sliderComponent.nativeElement.getAttribute('orientation')).toBe('vertical');
+    expect(sliderComponent.adapter()).toBeInstanceOf(VerticalAdapter);
+  });
+
+  it('should render the items loaded in the gallery', () => {
+    const items: DebugElement[] = fixture.debugElement.queryAll(By.directive(GalleryItemComponent));
+    expect(items.length).toBe(component.gallery().galleryRef.items().length);
+  });
+});
diff --git a/projects/ng-gallery/src/lib/tests/smooth-scroll.spec.ts b/projects/ng-gallery/src/lib/tests/smooth-scroll.spec.ts
new file mode 100644
index 00000000..58e12248
--- /dev/null
+++ b/projects/ng-gallery/src/lib/tests/smooth-scroll.spec.ts
@@ -0,0 +1,102 @@
+import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+import { GalleryRef } from 'ng-gallery';
+import { afterTimeout, TestComponent } from './common';
+import { SmoothScroll, SmoothScrollOptions } from '../smooth-scroll';
+import { filter, firstValueFrom, Observable } from 'rxjs';
+
+describe('Smooth scroll directive', () => {
+  let fixture: ComponentFixture<TestComponent>;
+  let nativeElement: HTMLElement;
+  let smoothScrollDirective: SmoothScroll;
+  let galleryRef: GalleryRef;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        NoopAnimationsModule,
+        TestComponent
+      ],
+      providers: [
+        { provide: ComponentFixtureAutoDetect, useValue: true }
+      ]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TestComponent);
+    fixture.detectChanges();
+
+    const smoothScrollElement: DebugElement = fixture.debugElement.query(By.directive(SmoothScroll));
+    smoothScrollDirective = smoothScrollElement.injector.get(SmoothScroll);
+    nativeElement = smoothScrollElement.nativeElement;
+
+    galleryRef = smoothScrollElement.injector.get(GalleryRef);
+  });
+
+  it('should create [smoothScroll] directive', () => {
+    expect(smoothScrollDirective).toBeTruthy();
+  });
+
+  it('should toggle scrolling class with scrolling signal', async () => {
+    expect(smoothScrollDirective.scrolling()).toBe(false);
+    expect(nativeElement.classList.contains('g-scrolling')).toBeFalse();
+
+    // Trigger index change
+    galleryRef.set(1, 'auto');
+    fixture.detectChanges();
+    expect(smoothScrollDirective.scrolling()).toBe(true);
+    expect(nativeElement.classList.contains('g-scrolling')).toBeTrue();
+
+    await afterTimeout(20);
+    expect(smoothScrollDirective.scrolling()).toBe(false);
+    expect(nativeElement.classList.contains('g-scrolling')).toBeFalse();
+  });
+
+  it('should scroll instantly to target item on gallery index changes', async () => {
+    const scrollToSpy: jasmine.Spy = spyOn(smoothScrollDirective, 'scrollTo').and.callThrough();
+    await firstValueFrom(galleryRef.afterItemsVisible);
+
+    // Trigger index change
+    galleryRef.set(1, 'auto');
+
+    expect(smoothScrollDirective.scrolling()).toBe(true);
+
+    const arrivedToNextItem$: Observable<any> = galleryRef.indexChanged.pipe(
+      filter((currIndex: number) => currIndex === 1)
+    );
+    await firstValueFrom(arrivedToNextItem$);
+
+    const pos: SmoothScrollOptions = {
+      start: 500,
+      behavior: 'auto'
+    };
+
+    expect(scrollToSpy).toHaveBeenCalledWith(pos);
+    expect(galleryRef.currIndex()).toBe(1);
+    expect(smoothScrollDirective.scrolling()).toBe(false);
+  });
+
+  it('should scroll smoothly to target item on gallery index changes', async () => {
+    const scrollToSpy: jasmine.Spy = spyOn(smoothScrollDirective, 'scrollTo').and.callThrough();
+    await firstValueFrom(galleryRef.afterItemsVisible);
+
+    // Trigger index change
+    galleryRef.set(2, 'smooth');
+
+    expect(smoothScrollDirective.scrolling()).toBe(true);
+
+    const arrivedToNextItem$: Observable<any> = galleryRef.indexChanged.pipe(
+      filter((currIndex: number) => currIndex === 2)
+    );
+    await firstValueFrom(arrivedToNextItem$);
+
+    const pos: SmoothScrollOptions = {
+      start: 1000,
+      behavior: 'smooth'
+    };
+    expect(scrollToSpy).toHaveBeenCalledWith(pos);
+    expect(galleryRef.currIndex()).toBe(2);
+    expect(smoothScrollDirective.scrolling()).toBe(false);
+  });
+});
diff --git a/projects/ng-gallery/src/lib/utils/gallery.default.ts b/projects/ng-gallery/src/lib/utils/gallery.default.ts
index 20f40b73..5de29837 100644
--- a/projects/ng-gallery/src/lib/utils/gallery.default.ts
+++ b/projects/ng-gallery/src/lib/utils/gallery.default.ts
@@ -1,43 +1,17 @@
 import {
   ImageSize,
-  GalleryAction,
   LoadingStrategy,
   Orientation,
-  ThumbnailsPosition,
-  BulletsPosition,
-  CounterPosition,
   LoadingAttr
 } from '../models/constants';
-import { GalleryState } from '../models/gallery.model';
 import { GalleryConfig } from '../models/config.model';
 
-/** Initial state */
-export const defaultState: GalleryState = {
-  action: GalleryAction.INITIALIZED,
-  isPlaying: false,
-  hasNext: false,
-  hasPrev: false,
-  currIndex: 0,
-  items: []
-};
-
 export const defaultConfig: GalleryConfig = {
-  nav: true,
   loop: false,
-  bullets: false,
-  thumbs: false,
   debug: false,
-  bulletSize: 6,
-  counter: false,
   autoplay: false,
-  thumbWidth: 120,
-  thumbHeight: 90,
-  disableBullets: false,
-  disableThumbs: false,
   disableScroll: false,
-  disableThumbScroll: false,
   disableMouseScroll: false,
-  disableThumbMouseScroll: false,
   autoplayInterval: 3000,
   scrollDuration: 468,
   scrollEase: {
@@ -46,18 +20,12 @@ export const defaultConfig: GalleryConfig = {
     x2: 0.58,
     y2: 1
   },
-  thumbCentralized: false,
-  thumbAutosize: false,
+  centralized: false,
   itemAutosize: false,
-  autoHeight: false,
   scrollBehavior: 'smooth',
   resizeDebounceTime: 0,
   loadingAttr: LoadingAttr.Lazy,
   imageSize: ImageSize.Contain,
-  thumbImageSize: ImageSize.Cover,
-  bulletPosition: BulletsPosition.Bottom,
-  counterPosition: CounterPosition.Top,
-  thumbPosition: ThumbnailsPosition.Bottom,
   loadingStrategy: LoadingStrategy.Preload,
   orientation: Orientation.Horizontal,
   navIcon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256C0 397.4 114.6 512 256 512s256-114.6 256-256S397.4 0 256 0S0 114.6 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>`,
diff --git a/projects/ng-gallery/src/lib/utils/img-manager.ts b/projects/ng-gallery/src/lib/utils/img-manager.ts
index 78caaff3..6c8b08bd 100644
--- a/projects/ng-gallery/src/lib/utils/img-manager.ts
+++ b/projects/ng-gallery/src/lib/utils/img-manager.ts
@@ -1,34 +1,37 @@
-import { Injectable } from '@angular/core';
-import { Observable, BehaviorSubject, filter, map, switchMap, EMPTY } from 'rxjs';
-import { GalleryState } from '../models/gallery.model';
-import { ItemState } from '../components/templates/items.model';
+import { inject, Injectable } from '@angular/core';
+import { toObservable } from '@angular/core/rxjs-interop';
+import { Observable, Subject, EMPTY, filter, map, switchMap, merge } from 'rxjs';
+import { GalleryRef } from '../services/gallery-ref';
+import { ItemState } from '../models/item.model';
 
 interface ImageRegistry {
-  state: Observable<ItemState>;
+  state$: Observable<ItemState>;
   target: HTMLImageElement;
 }
 
 @Injectable()
 export class ImgManager {
 
-  private readonly trigger$: BehaviorSubject<void> = new BehaviorSubject<void>(null);
+  private readonly galleryRef: GalleryRef = inject(GalleryRef);
+
+  private readonly trigger$: Subject<void> = new Subject<void>();
+
+  private readonly currIndex$: Observable<number> = toObservable(this.galleryRef.currIndex);
 
   private readonly images: Map<number, ImageRegistry> = new Map<number, ImageRegistry>();
 
-  getActiveItem(state$: Observable<GalleryState>): Observable<HTMLImageElement> {
-    return this.trigger$.pipe(
-      switchMap(() => state$.pipe(
-        switchMap((state: GalleryState) => {
-          const img: ImageRegistry = this.images.get(state.currIndex);
-          if (img) {
-            return img.state.pipe(
-              filter((state: ItemState) => state !== 'loading'),
-              map(() => img.target)
-            )
-          }
-          return EMPTY;
-        })
-      ))
+  getActiveItem(): Observable<HTMLImageElement> {
+    return merge(this.currIndex$, this.trigger$).pipe(
+      switchMap(() => {
+        const img: ImageRegistry = this.images.get(this.galleryRef.currIndex());
+        if (img) {
+          return img.state$.pipe(
+            filter((state: ItemState) => state !== 'loading'),
+            map(() => img.target)
+          )
+        }
+        return EMPTY;
+      })
     );
   }
 
diff --git a/projects/ng-gallery/src/lib/utils/img-recognizer.ts b/projects/ng-gallery/src/lib/utils/img-recognizer.ts
index 348f752e..3286d61c 100644
--- a/projects/ng-gallery/src/lib/utils/img-recognizer.ts
+++ b/projects/ng-gallery/src/lib/utils/img-recognizer.ts
@@ -1,42 +1,53 @@
-import { Directive, Input, HostListener, OnInit, OnDestroy, ElementRef } from '@angular/core';
+import {
+  Directive,
+  inject,
+  effect,
+  untracked,
+  ElementRef,
+  EffectCleanupRegisterFn
+} from '@angular/core';
 import { ImgManager } from './img-manager';
-import { GalleryItemComponent } from '../components/gallery-item.component';
+import { SliderItem } from '../components/slider-item/slider-item';
 
 @Directive({
+  standalone: true,
   selector: 'img[galleryImage]',
-  standalone: true
+  host: {
+    '[class.g-image-item]': 'true',
+    // '[style.visibility]': 'item.state() === "success" ? "visible" : "hidden"',
+    '(load)': 'item.state.set("success")',
+    '(error)': 'item.state.set("failed")'
+  }
 })
-export class ImgRecognizer implements OnInit, OnDestroy {
+export class ImgRecognizer {
 
-  @Input('galleryImage') index: number;
+  private readonly nativeElement: HTMLImageElement = inject(ElementRef<HTMLImageElement>).nativeElement;
 
-  @HostListener('load', ['$event'])
-  onLoad() {
-    this.item.state$.next('success');
-  }
+  private readonly manager: ImgManager = inject(ImgManager);
 
-  @HostListener('error', ['$event'])
-  onError() {
-    this.item.state$.next('failed');
-  }
+  readonly item: SliderItem = inject(SliderItem);
 
-  constructor(private el: ElementRef<HTMLImageElement>, private manager: ImgManager, private item: GalleryItemComponent) {
-    if (item) {
+  constructor() {
+    if (this.item) {
       // Mark the gallery-item component as an image item
-      item.isItemContainImage = true;
+      this.item.isItemContainImage = true;
     } else {
       throw new Error('[NgGallery]: galleryImage directive should be only used inside gallery item templates!')
     }
-  }
 
-  ngOnInit(): void {
-    this.manager.addItem(this.index, {
-      state: this.item.state$.asObservable(),
-      target: this.el.nativeElement
-    });
-  }
+    effect((onCleanup: EffectCleanupRegisterFn) => {
+      const index: number = this.item.index();
 
-  ngOnDestroy(): void {
-    this.manager.deleteItem(this.index);
+      untracked(() => {
+        if (index != null) {
+          this.manager.addItem(index, {
+            state$: this.item.state$,
+            target: this.nativeElement
+          });
+
+          onCleanup(() => this.manager.deleteItem(index));
+        }
+      });
+    });
   }
 }
diff --git a/projects/ng-gallery/src/lib/utils/resize-observer.ts b/projects/ng-gallery/src/lib/utils/resize-observer.ts
deleted file mode 100644
index 5a319c76..00000000
--- a/projects/ng-gallery/src/lib/utils/resize-observer.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Observable, Subscriber, mergeMap } from 'rxjs';
-
-export function resizeObservable(el: HTMLElement, setter?: (ref: ResizeObserver) => void): Observable<ResizeObserverEntry> {
-  return new Observable((subscriber: Subscriber<ResizeObserverEntry[]>) => {
-    const resizeObserver: ResizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => subscriber.next(entries));
-    resizeObserver.observe(el);
-    if (setter) {
-      setter(resizeObserver);
-    }
-    return () => resizeObserver.disconnect();
-  }).pipe(
-    mergeMap((entries: ResizeObserverEntry[]) => entries)
-  );
-}
-
diff --git a/projects/ng-gallery/src/public-api.ts b/projects/ng-gallery/src/public-api.ts
index e6c43f38..df26a990 100644
--- a/projects/ng-gallery/src/public-api.ts
+++ b/projects/ng-gallery/src/public-api.ts
@@ -1,10 +1,16 @@
 export * from './lib/services/gallery.service';
 export * from './lib/services/gallery-ref';
+export * from './lib/components/gallery-nav.component';
+export * from './lib/components/gallery-thumbs.component';
+export * from './lib/components/gallery-bullets.component';
+export * from './lib/components/gallery-counter.component';
+export * from './lib/utils/img-recognizer';
+export * from './lib/auto-height/auto-height';
 export * from './lib/components/gallery.component';
-export * from './lib/components/templates/items.model';
-export * from './lib/components/templates/gallery-iframe.component';
-export * from './lib/components/templates/gallery-image.component';
-export * from './lib/components/templates/gallery-video.component';
+export * from './lib/templates/items.model';
+export * from './lib/templates/gallery-iframe.component';
+export * from './lib/templates/gallery-image.component';
+export * from './lib/templates/gallery-video.component';
 export * from './lib/models/config.model';
 export * from './lib/models/gallery.model';
 export * from './lib/models/constants';
diff --git a/projects/ng-gallery/src/test.ts b/projects/ng-gallery/src/test.ts
index 70b00709..5c74a929 100644
--- a/projects/ng-gallery/src/test.ts
+++ b/projects/ng-gallery/src/test.ts
@@ -13,5 +13,5 @@ getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting(), {
     teardown: { destroyAfterEach: false }
-}
+  }
 );